@extends('adminlte::page')
@section('title', 'Lista de inscrições')
@section('content_header')
<i class="fa fa-users" aria-hidden="true"></i> Lista de inscrições
@endsection
@section('breadcrumb')
<ol class="breadcrumb">
	<li class="breadcrumb-item"><a href="{{ route('admin.home') }}">Home</a></li>
	<li class="breadcrumb-item"><a href="{{ route('inscriptions.index') }}">Inscrições</a></li>
</ol>
@endsection
@section('content')
<!--<a href="{{ route('inscriptions.create') }}" class="btn btn-info">Nova inscrição</a><br><br>-->

	<table class="table table-striped table-bordered" id="tablausers">
		<thead>
			<th>ID</th>
			<th>Nome</th>
            <th>Email</th>
            <th>Whatsapp</th>
            <th class="select-filter">Evento</th>
            <th>Comprovante</th>
            <th>Pagado</th>
            <th>Certificado</th>
			<th>Ação</th>
		</thead>
		<tbody>
			@foreach($inscriptions as $inscription)
				<tr id="{{ $inscription->id }}" name="{{ $inscription->name }}">
					<td>{{ $inscription->numinsc }}</td>
					<td>{{ $inscription->name }}</td>
                    <td>{{ $inscription->email }}</td>
                    <td>{{ $inscription->phone }}</td>
                    <td>{{ $inscription->evento->name }}</td>
                    <td>
                        @if ($inscription->comprovante != null)
                        <a href="/images/comprovantes/{{$inscription->id}}/{{$inscription->comprovante}}" target="_blank">Ver comprovante</a>
                        @else
                        ---
                        @endif
                    </td>
                    <td>
                        @if($inscription->pago == 1)
                        <a href="{{ route('admin.inscriptions.togglepayment', [$inscription]) }}" class="btn btn-success" title="Marcar como pendente">PAGADO</a>
                        @else
                        <a href="{{ route('admin.inscriptions.togglepayment', [$inscription]) }}" class="btn btn-danger" title="Marcar como pago">PENDENTE</a>
                        @endif
                    </td>
                    <td>
                        @if($inscription->pago == 1)
                        <!--<a href="#" class="btn btn-primary" title="Enviar certificado"><span class="fa fa-envelope" aria-hidden="true"></span></a>-->
                        <a href="{{ route('admin.inscriptions.pdfprint', [$inscription]) }}" class="btn btn-primary" title="Baixar certificado" target="_blank"><span class="fa fa-download" aria-hidden="true"></span></a>
                         - 
                        <a href="{{ route('admin.inscriptions.sendcert', [$inscription]) }}" class="btn btn-success" title="Enviar certificado"><span class="fa fa-envelope" aria-hidden="true"></span></a>
                        @else
                        Não pago
                        @endif
                    </td>
                    </td>
					<td>
						<a href="{{ route('inscriptions.edit', $inscription->id) }}" class="btn btn-primary"><span class="fas fa-edit" aria-hidden="true"></span> Editar</a>
                        <button class="eliminar btn btn-danger" title="Desativar inscrição"><span class="fas fa-trash-alt" aria-hidden="true"></span> Eliminar</button>
					</td>
				</tr>
			@endforeach
		</tbody>
  		
	</table>
@endsection

@section('js')
<script src="{{ asset('js/enable.js') }}"></script>
<script>
$(document).ready(function() {
    //$.fn.dataTable.ext.search.pop(); -> posible reset

    var oTable = $('#tablausers').DataTable( {
        "order": [[ 0, "desc" ]],
        responsive : true,
    	"language": {
                search: "",
                emptyTable: "Não existem inscrições",
                zeroRecords: "Não existem inscrições na búsqueda selecionada",
                lengthMenu: "Mostrar _MENU_ inscrições",
                info: "Mostrando _START_ a _END_ de _TOTAL_ inscrições",
                infoEmpty: "Não existem inscrições",
                infoFiltered:   "(filtrado de _MAX_ inscrições en total)",
                searchPlaceholder: "Buscar...",
                selectPlaceholder: "Buscar...",
                paginate: {
            first:      "Primeiro",
            previous:   "Anterior",
            next:       "Próximo",
            last:       "Último"
        },
            },
    	 "dom": '<"datatablesalunos"f><l<t>ip>',
    	"columnDefs": [ {
            "searchable": false,
            "orderable": false,
            "targets": [8],
        } ],

        initComplete: function () {
    
 
      // Remove accented character from search input as well
      $('#tablausers_filter input').keyup( function () {
        oTable
          .search(
            jQuery.fn.DataTable.ext.type.search.string( this.value )
          )
          .draw()
      } );
      //end remove special characters

            this.api().columns('.select-filter').every( function () {
                var column = this;
                var th = $("#tablausers").find("th").eq(column.index());
                var select = $('<select class="form-control"><option value="">' + 'Filtrar ' + th.text() + '</option></select>')
                    //.appendTo( $(column.footer()).empty() )
                    .appendTo( $('.datatablesalunos'))
                    .on( 'change', function () {
                        var val = $.fn.dataTable.util.escapeRegex(
                            $(this).val()
                        );
 						
                        column
                            .search( val ? '^'+val+'$' : '', true, false )
                            .draw();
                    } );
 
                column.data().unique().sort().each( function ( d, j ) {
                    select.append( '<option value="'+d+'">'+d+'</option>' )
                } );
            } );
        }
    }  );
} );

</script>

@endsection