@extends('adminlte.app')

@section('content')

<div class="content-wrapper pb-3">
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0">Documentos</h1>
                </div>
            </div>
        </div>
    </div>

    @if ($message = Session::get('success'))
        <div class="alert alert-success"><p>{{ $message }}</p></div>
    @endif

    @if ($message = Session::get('error'))
        <div class="alert alert-danger"><p>{{ $message }}</p></div>
    @endif

    <div class="card mx-3 mt-3">
        <div class="card-header">
            <div class="row">
                <div class="col-4">
                    Lista de Documentos
                </div>
                <div class="col-md-8 text-right">
                    @if($permissao->alterar_drivers || $permissao->alterar_veiculos)
                        <a href="{{ route('cartrack_documentos_create') }}">
                            <button class="btn btn-primary rounded">Novo Documento</button>
                        </a>
                    @endif
                </div>
            </div>
        </div>

        <div class="row pl-3 ml-3 pb-0 pt-0 mt-3 mr-3 bg-dark text-white d-print-none">
            <div class="col-sm-11">
                Filtros
            </div>
            <div class="col-ms-1">
                <button class="btn btn-primary btn-sm" data-toggle="collapse" href="#filtroDocumentos" role="button" aria-expanded="false" aria-controls="filtroDocumentos" title="Adicionar"><i class="fas fa-plus" aria-hidden="true"></i></button>
            </div>
        </div>

        <form action="{{ route('cartrack_documentos') }}" method="GET" class="pt-4">
            <div class="border p-3 ml-3 mr-3 mb-3 bg-light collapse show" id="filtroDocumentos">
                <div class="form-group row pd-3">
                    <div class="col-md-3">
                        <label for="documentavel_tipo">Tipo de Associação</label>
                        <select name="documentavel_tipo" id="documentavel_tipo" class="form-control">
                            <option value="">Todos</option>
                            <option value="driver" {{ $filtros['documentavel_tipo'] === 'driver' ? 'selected' : '' }}>Motoristas</option>
                            <option value="veiculo" {{ $filtros['documentavel_tipo'] === 'veiculo' ? 'selected' : '' }}>Veículos</option>
                            <option value="cisterna" {{ $filtros['documentavel_tipo'] === 'cisterna' ? 'selected' : '' }}>Cisternas</option>
                        </select>
                    </div>

                    <div class="col-md-5">
                        <label for="documentavel">Ativo associado</label>
                        <select name="documentavel" id="documentavel" class="form-control">
                            <option value="">Todos</option>
                            @if(count($opcoesAssociacao['drivers']))
                                <optgroup label="Motoristas">
                                    @foreach($opcoesAssociacao['drivers'] as $opcao)
                                        <option value="{{ $opcao['value'] }}" {{ $filtros['documentavel'] === $opcao['value'] ? 'selected' : '' }}>{{ $opcao['label'] }}</option>
                                    @endforeach
                                </optgroup>
                            @endif

                            @if(count($opcoesAssociacao['veiculos']))
                                <optgroup label="Veículos">
                                    @foreach($opcoesAssociacao['veiculos'] as $opcao)
                                        <option value="{{ $opcao['value'] }}" {{ $filtros['documentavel'] === $opcao['value'] ? 'selected' : '' }}>{{ $opcao['label'] }}</option>
                                    @endforeach
                                </optgroup>
                            @endif

                            @if(count($opcoesAssociacao['cisternas'] ?? []))
                                <optgroup label="Cisternas">
                                    @foreach($opcoesAssociacao['cisternas'] as $opcao)
                                        <option value="{{ $opcao['value'] }}" {{ $filtros['documentavel'] === $opcao['value'] ? 'selected' : '' }}>{{ $opcao['label'] }}</option>
                                    @endforeach
                                </optgroup>
                            @endif
                        </select>
                    </div>

                    <div class="col-md-2">
                        <label for="tipo_documento">Tipo Documento</label>
                        <input type="text" class="form-control" name="tipo_documento" id="tipo_documento" value="{{ old('tipo_documento', $filtros['tipo_documento']) }}">
                    </div>

                    <div class="col-md-2">
                        <label for="estado">Estado</label>
                        <select name="estado" id="estado" class="form-control">
                            <option value="">Todos</option>
                            <option value="valido" {{ $filtros['estado'] === 'valido' ? 'selected' : '' }}>Válido</option>
                            <option value="a_vencer" {{ $filtros['estado'] === 'a_vencer' ? 'selected' : '' }}>A vencer</option>
                            <option value="vencido" {{ $filtros['estado'] === 'vencido' ? 'selected' : '' }}>Vencido</option>
                        </select>
                    </div>
                </div>

                <div class="col-sm-3 mt-4 px-0">
                    <button class="btn btn-primary mt-3" type="submit">Filtrar</button>
                    <a href="{{ route('cartrack_documentos') }}" class="btn btn-secondary mt-3 ml-2">Limpar</a>
                </div>
            </div>
        </form>

        <div class="card-body">
            <div class="row">
                <div class="col-sm-12 table-responsive px-2">
                    <table class="table table-striped table-bordered table-hover" id="tabelaDocumentos">
                        <thead>
                            <tr>
                                <th>Tipo</th>
                                <th>Número</th>
                                <th>Motorista / Veículo</th>
                                <th>Associação</th>
                                <th>Entidade Emissora</th>
                                <th>Validade</th>
                                <th>Estado</th>
                                <th>Anexo</th>
                                <th>Ações</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($documentos as $documento)
                                @php
                                    $documentavel = $documento->documentavel;
                                    $ehDriver = $documentavel instanceof \App\Models\Driver;
                                    $ehVeiculo = $documentavel instanceof \App\Models\Veiculo;
                                    $podeAlterar = $ehDriver ? $permissao->alterar_drivers : $permissao->alterar_veiculos;
                                    if ($ehDriver) {
                                        $nomeAssociado = trim(($documentavel->first_name ?? '') . ' ' . ($documentavel->last_name ?? '')) ?: ($documentavel->nome ?? 'Motorista #' . $documento->documentavel_id);
                                        $tipoAssociado = 'Motorista';
                                    } elseif ($ehVeiculo) {
                                        $nomeAssociado = trim(collect([$documentavel->matricula ?? null, $documentavel->marca ?? null, $documentavel->modelo ?? null])->filter()->implode(' - ')) ?: 'Veículo #' . $documento->documentavel_id;
                                        $tipoAssociado = 'Veículo';
                                    } else {
                                        $nomeAssociado = trim(collect([$documentavel->matricula ?? null, $documentavel->descricao ?? null])->filter()->implode(' - ')) ?: 'Cisterna #' . $documento->documentavel_id;
                                        $tipoAssociado = 'Cisterna';
                                    }
                                @endphp
                                <tr>
                                    <td>{{ $documento->tipo }}</td>
                                    <td>{{ $documento->numero ?: '-' }}</td>
                                    <td>{{ $nomeAssociado }}</td>
                                    <td>{{ $tipoAssociado }}</td>
                                    <td>{{ $documento->entidade_emissora ?: '-' }}</td>
                                    <td>{{ optional($documento->data_validade)->format('d/m/Y') ?: '-' }}</td>
                                    <td>{{ ucfirst(str_replace('_', ' ', $documento->estado ?: '-')) }}</td>
                                    <td class="text-center">
                                        @if($documento->anexo)
                                            <a href="{{ asset('storage/' . $documento->anexo) }}" class="btn btn-info btn-sm" target="_blank" title="Visualizar anexo">
                                                <i class="fas fa-paperclip"></i>
                                            </a>
                                        @else
                                            -
                                        @endif
                                    </td>
                                    <td class="d-flex justify-content-center">
                                        @if($podeAlterar)
                                            <a href="{{ route('cartrack_documentos_edit', $documento->id) }}" class="btn btn-primary btn-sm" title="Editar">
                                                <i class="fas fa-pencil-alt"></i>
                                            </a>

                                            <form method="POST" action="{{ route('cartrack_documentos_destroy', $documento->id) }}" onsubmit="return confirm('Deseja realmente excluir o documento?')">
                                                @csrf
                                                @method('DELETE')

                                                <button class="btn btn-danger btn-sm ml-1" title="Excluir">
                                                    <i class="fa fa-trash"></i>
                                                </button>
                                            </form>
                                        @else
                                            <span class="text-muted">Sem ações</span>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<script src={{ asset('/plugins/datatables/jquery.dataTables.min.js') }}></script>
<script src={{ asset('/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js') }}></script>
<script src={{ asset('/plugins/datatables-responsive/js/dataTables.responsive.min.js') }}></script>
<script src={{ asset('/plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}></script>
<script src={{ asset('/plugins/datatables-buttons/js/dataTables.buttons.min.js') }}></script>
<script src={{ asset('/plugins/datatables-buttons/js/buttons.bootstrap4.min.js') }}></script>
<script src={{ asset('/plugins/jszip/jszip.min.js') }}></script>
<script src={{ asset('/plugins/pdfmake/pdfmake.min.js') }}></script>
<script src={{ asset('/plugins/pdfmake/vfs_fonts.js') }}></script>
<script src={{ asset('/plugins/datatables-buttons/js/buttons.html5.min.js') }}></script>
<script src={{ asset('/plugins/datatables-buttons/js/buttons.print.min.js') }}></script>
<script src={{ asset('/plugins/datatables-buttons/js/buttons.colVis.min.js') }}></script>

<script>
    $('#tabelaDocumentos').DataTable({
        paging: true,
        lengthChange: true,
        searching: true,
        ordering: true,
        info: true,
        autoWidth: false,
        responsive: true,
        order: [[5, 'asc']],
        buttons: ['csv', 'excel', 'pdf', {extend: 'print', text: 'Imprimir'}, {extend: 'colvis', text: 'Colunas'}],
        lengthMenu: [[-1, 10, 25, 50], ['Todos', 10, 25, 50]],
        pageLength: 10,
        language: {
            sProcessing: 'Processando...',
            sLengthMenu: 'Registros _MENU_',
            sZeroRecords: 'Nenhum resultado encontrado',
            sInfo: 'Mostrando _START_ até _END_ de _TOTAL_',
            sSearch: 'Buscar:',
            oPaginate: {
                sNext: 'Próximo',
                sPrevious: 'Anterior'
            }
        }
    }).buttons().container().appendTo('#tabelaDocumentos_wrapper .col-md-6:eq(0)');
</script>

@endsection