@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">Cisternas</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-3">
                    Lista de Cisternas
                </div>
                <div class="col-md-9 text-right">
                    @if($permissao->criar_veiculos)
                        <a href="{{ route('cartrack_cisternas_create') }}">
                            <button class="btn btn-primary rounded">Nova Cisterna</button>
                        </a>
                    @endif
                </div>
            </div>
        </div>

        <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="tabelacisternas">
                        <thead>
                            <tr>
                                <th>Matrícula</th>
                                <th>Descrição</th>
                                <th>Compartimentos</th>
                                <th>Capacidade Total</th>
                                <th>Capacidades por Compartimento</th>
                                <th>Ações</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($cisternas as $cisterna)
                                <tr>
                                    <td>{{ $cisterna->matricula ?: '-' }}</td>
                                    <td>{{ $cisterna->descricao ?: '-' }}</td>
                                    <td>{{ $cisterna->numero_compartimentos ?: '-' }}</td>
                                    <td>{{ !is_null($cisterna->capacidade_total) ? number_format($cisterna->capacidade_total, 2, ',', '.') : '-' }}</td>
                                    <td>
                                        @if(!empty($cisterna->capacidade_por_compartimento))
                                            {{ collect($cisterna->capacidade_por_compartimento)->map(fn ($valor) => number_format((float) $valor, 2, ',', '.'))->implode(' | ') }}
                                        @else
                                            -
                                        @endif
                                    </td>
                                    <td class="d-flex justify-content-center">
                                        <button type="button"
                                            class="btn btn-info btn-sm mr-1"
                                            data-toggle="modal"
                                            data-target="#cisternaDocumentosModal{{ $cisterna->id }}"
                                            title="Documentos">
                                            <i class="fas fa-file-alt"></i>
                                            <span class="ml-1">{{ $cisterna->documentos->count() }}</span>
                                        </button>

                                        <button type="button"
                                            class="btn btn-warning btn-sm mr-1"
                                            data-toggle="modal"
                                            data-target="#cisternaInspecoesModal{{ $cisterna->id }}"
                                            title="Inspeções e vencimentos">
                                            <i class="fas fa-clipboard-check"></i>
                                            <span class="ml-1">{{ $cisterna->inspecoesControles->count() }}</span>
                                        </button>

                                        @if($permissao->alterar_veiculos)
                                            <a href="{{ route('cartrack_cisternas_edit', $cisterna->id) }}"
                                               class="btn btn-primary btn-sm"
                                               title="Editar">
                                                <i class="fas fa-pencil-alt"></i>
                                            </a>
                                        @endif

                                        @if($permissao->excluir_veiculos)
                                            <form method="POST"
                                                action="{{ route('cartrack_cisternas_delete', $cisterna->id) }}"
                                                onsubmit="return confirm('Deseja realmente excluir a cisterna?')">
                                                @csrf
                                                @method('DELETE')

                                                <button class="btn btn-danger btn-sm ml-1" title="Excluir">
                                                    <i class="fa fa-trash"></i>
                                                </button>
                                            </form>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>

                    @foreach($cisternas as $cisterna)
                        <x-cartrack.modal-documentos
                            :modal-id="'cisternaDocumentosModal' . $cisterna->id"
                            :titulo="$cisterna->matricula ?: ($cisterna->descricao ?: 'Cisterna')"
                            :documentos="$cisterna->documentos"
                            documentavel-type="cisterna"
                            :documentavel-id="$cisterna->id"
                            :pode-anexar="$permissao->alterar_veiculos"
                        />

                        <x-cartrack.modal-inspecoes-controles
                            :modal-id="'cisternaInspecoesModal' . $cisterna->id"
                            :titulo="$cisterna->matricula ?: ($cisterna->descricao ?: 'Cisterna')"
                            :inspecoes="$cisterna->inspecoesControles"
                            :pode-gerir="$permissao->alterar_veiculos"
                            :association-value="'cisterna:' . $cisterna->id"
                        />
                    @endforeach
                </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>
    $('#tabelacisternas').DataTable({
        paging: true,
        lengthChange: true,
        searching: true,
        ordering: true,
        info: true,
        autoWidth: false,
        responsive: true,
        order: [[0, '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('#tabelacisternas_wrapper .col-md-6:eq(0)');
</script>

@endsection