@extends('layouts.app')

@section('title', 'Bitácora de Vuelo')

@section('css')
<style>
    .table-container {
        display: flex;
        gap: 0.5rem; /* Espacio entre las tablas */
        padding: 0 1rem;
    }

    /* Tabla Crew Data (más pequeña) */
    .crew-table {
        flex: 1; /* Ocupa 1 parte del espacio disponible */
        max-width: 300px; /* Ancho máximo para la tabla Crew Data */
    }

    /* Tabla Operations Data (más grande) */
    .operations-table {
        flex: 3; /* Ocupa 3 partes del espacio disponible */
        overflow-x: auto; /* Hace que la tabla sea responsive */
    }

    .service-table {
        flex: 2; /* Ocupa 3 partes del espacio disponible */
        overflow-x: auto; /* Hace que la tabla sea responsive */
        margin-bottom: 0.5rem;
    }

    .refuel-table {
        flex: 2;
        overflow-x: auto;
        margin-bottom: 0.5rem;
    }

    .reports-table {
        flex: 2;
        overflow-x: auto;
        margin-bottom: 0.5rem;
    }

    .action-table {
        flex: 2;
        overflow-x: auto;
        margin-bottom: 0.5rem;
    }

    .payload-table {
        flex: 2;
        overflow-x: auto;
        margin-bottom: 0.5rem;
    }
    .blanco-table {
        flex: 2;
        overflow-x: auto;
        margin-bottom: 0.5rem;
    }

    .firmas-table {
        overflow-x: auto;
        margin-bottom: 1.5rem;
    }

    .swal-on-top {
        z-index: 9999 !important;
    }
</style>
@endsection

@section('content')
    <div class="card">
        <div class="card-header text-center">
            <h5 style="color: #2489e7; font-style: bold">FLIGHT TECNICAL REPORT</h5>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-striped text-center">
                    <tbody>
                        <td>LOG PAGE: </td>
                        <td>MODEL: {{ $vuelo->aeronave->nombre }}</td>
                        <td>REG N°: {{ $vuelo->aeronave->numero_cola }}</td>
                        <td>FLIGHT N°: {{ $vuelo->numero_vuelo }}</td>
                        <td>DATE: {{ \Carbon\Carbon::parse($fechaVuelo)->format('d-m-Y') ?? 'No disponible' }}</td>
                        <td>
                            <a href="#"
                            onclick="loadPDF({{ $vuelo->bitacora->id ?? 'null' }}, '{{ request('fecha_vuelo') }}')"
                            class="btn btn-danger mt-2 mb-2 sm">
                            Ver PDF
                            </a>
                        </td>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="col-mt-2">
        <div class="card">
            <!-- Seccion CREW y OPERATIONS DATA -->
            <div class="table-container">
                <div class="table-responsive crew-table">
                    <table class="table text-center table-striped table-bordered">
                        <thead>
                            <tr style="background-color: #dcdcdc">
                                <th colspan="3">CREW DATA</th>
                            </tr>
                            <tr>
                                <th></th>
                                <th>LIC.</th>
                                <th>NAME</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($colaboradores as $colaborador)
                                <tr>
                                    <td>{{ $colaborador['cargo']}}</td>
                                    <td>{{ $colaborador['licencia']}}</td>
                                    <td>{{ $colaborador['nombre'] }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="table-responsive operations-table">
                    <table class="table text-center table-striped table-bordered">
                        <thead>
                            <tr style="background-color: #dcdcdc">
                                <th colspan="25">OPERATIONS DATA</th>
                            </tr>
                            <tr>
                                <th>LEG</th>
                                <th>FROM</th>
                                <th>TO</th>
                                <th>PAX</th>
                                <th>BLOC</th>
                                <th>FLIGHT</th>
                                <th>FLIGHT</th>
                                <th>BLOC</th>
                                <th>INST</th>
                                <th>NIGHT</th>
                                <th>FLIGHT</th>
                                <th>BLOC</th>
                                <th>LEVEL</th>
                                <th>TO</th>
                                <th>LD</th>
                                <th>ZF. W</th>
                                <th>T.O.W.</th>
                                <th>LANDIN</th>
                                <th>REMAIN</th>
                                <th>REFILL</th>
                                <th>TOTAL</th>
                                <th>T.O</th>
                                <th>LANDIN</th>
                                <th>REMAIN</th>
                                <th>TRIP</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($bitacoras as $index => $bitacora)
                                <tr>
                                    <td>{{ $index + 1 }}</td>
                                    <td>{{ $bitacora->datosOperaciones->punto_partida ?? ' ' }}</td>
                                    <td>{{ $bitacora->datosOperaciones->punto_llegada ?? ' ' }}</td>
                                    <td>{{ $bitacora->datosOperaciones->pax ?? ' ' }}</td>
                                    <td>{{ $bitacora->datosOperaciones->hora_block_partida_formato ?? ' ' }}</td>
                                    <td>{{ $bitacora->datosOperaciones->hora_vuelo_partida_formato ?? ' ' }}</td>
                                    <td>{{ $bitacora->datosOperaciones->hora_block_llegada_formato ?? ' ' }}</td>
                                    <td>{{ $bitacora->datosOperaciones->hora_vuelo_llegada_formato ?? ' ' }}</td>
                                    <td>{{ $bitacora->datosOperaciones->tiempo_instruido_formato ?? ' ' }}</td>
                                    <td>{{ $bitacora->datosOperaciones->tiempo_noche_formato ?? '00:00 ' }}</td>
                                    <td>{{ $bitacora->datosOperaciones->tiempo_vuelo_formato ?? ' ' }}</td>
                                    <td>{{ $bitacora->datosOperaciones->tiempo_block_formato ?? ' ' }}</td>
                                    <td>{{ $bitacora->datosOperaciones->nivel ?? 'N/A' }}</td>
                                    <td>{{ $bitacora->datosOperaciones->operaciones_to ?? 'N/A' }}</td>
                                    <td>{{ $bitacora->datosOperaciones->operaciones_ld ?? 'N/A' }}</td>
                                    <td>{{ 'N/A' }}</td>
                                    <td>{{ $bitacora->datosOperaciones->operaciones_tow ?? 'N/A' }}</td>
                                    <td>{{ $bitacora->datosOperaciones->aterrizaje ?? 'N/A' }}</td>
                                    <td>{{ $bitacora->datosOperaciones->combustible_viaje ?? 'N/A' }}</td>
                                    <td>{{ '0' }}</td>
                                    <td>{{ '0' }}</td>
                                    <td>{{ '0' }}</td>
                                    <td>{{ '0' }}</td>
                                    <td>{{ '0' }}</td>
                                    <td>{{ '0' }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
            <!-- Seccion SERVICES y REMARKS -->
            <div class="table-container">
                <div class="table-responsive service-table">
                    <table class="table text-center table-striped table-bordered">
                        <thead>
                            <tr style="background-color: #dcdcdc">
                                <th colspan="9">SERVICES</th>
                            </tr>
                            <tr>
                                <th>LEG</th>
                                <th>STA</th>
                                <th>BY</th>
                                <th>ENG1</th>
                                <th>ENG2</th>
                                <th>GD ENG1</th>
                                <th>GD ENG2</th>
                                <th>APU</th>
                                <th>KY</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($bitacoras as $index => $bitacora)
                                @if($bitacora->datosServicios)
                                    <tr>
                                        <td>{{ $index + 1}}</td>
                                        <td>{{ $bitacora->datosServicios->estacion ?? '' }}</td>
                                        <td>{{ $bitacora->datosServicios->encargado_servicio ?? '' }}</td>
                                        <td>{{ $bitacora->datosServicios->aceite_uno ?? ''}}</td>
                                        <td>{{ $bitacora->datosServicios->aceite_dos ?? ''}}</td>
                                        <td>{{ $bitacora->datosServicios->generador_uno ?? ''}}</td>
                                        <td>{{ $bitacora->datosServicios->generador_dos ?? ''}}</td>
                                        <td>{{ $bitacora->datosServicios->aceite_apu ?? '' }}</td>
                                        <td>{{ $bitacora->datosServicios->servicio_skyd ?? '' }}</td>
                                    </tr>
                                @endif
                            @endforeach
                            @if($bitacoras->every(fn($b) => !$b->datosServicios))
                                <tr>
                                    <td colspan="9" class="text-center">No hay información disponible</td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
                <div class="table-responsive refuel-table">
                    <table class="table text-center table-striped table-bordered">
                        <thead>
                            <tr style="background-color: #dcdcdc">
                                <th colspan="6">FLIGHT REFUEL REMARKS</th>
                            </tr>
                            <tr>
                                <th>LAST REMAIN</th>
                                <th>VOUCHER</th>
                                <th>QTY(Gls)</th>
                                <th>TOTAL FUEL</th>
                                <th>STA</th>
                                <th>REFUEL BY</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($bitacoras as $bitacora)
                                @if($bitacora->datosAbastecimiento)
                                    <tr>
                                        <td>{{ $bitacora->datosAbastecimiento->ultimo_remanente ?? '0' }}</td>
                                        <td>{{ $bitacora->datosAbastecimiento->numero_voucher ?? '0' }}</td>
                                        <td>{{ $bitacora->datosAbastecimiento->cantidad_galones ?? '0'}}</td>
                                        <td>{{ $bitacora->datosAbastecimiento->total_combustible ?? '0'}}</td>
                                        <td>{{ $bitacora->datosAbastecimiento->estacion_recarga ?? ''}}</td>
                                        <td>{{ $bitacora->datosAbastecimiento->encargado_recarga ?? ''}}</td>
                                    </tr>
                                @endif
                            @endforeach
                            @if($bitacoras->every(fn($b) => !$b->datosAbastecimiento))
                                <tr>
                                    <td colspan="6" class="text-center">No hay información disponible</td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
            <!-- Seccion REPORTS y ACTIONS -->
            <div class="table-container">
                <div class="table-responsive reports-table">
                    <table class="table text-center table-striped table-bordered">
                        <thead>
                            <tr style="background-color: #dcdcdc">
                                <th colspan="5">PILOT REPORTS / MINTENANCE REPORTS</th>
                            </tr>
                            <tr>
                                <th>N°</th>
                                <th>REPORT</th>
                                <th>BY</th>
                                <th>N° LIC</th>
                                <th>SIGN</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($bitacoras as $bitacora)
                                @if($bitacora->datosReportes)
                                    <tr>
                                        <td>{{ $bitacora->datosReportes->numero_reporte ?? '' }}</td>
                                        <td>{{ $bitacora->datosReportes->descripcion_reporte ?? '' }}</td>
                                        <td>{{ $bitacora->datosReportes->encargado_reporte ?? ''}}</td>
                                        <td>{{ $bitacora->datosReportes->numero_licencia ?? ''}}</td>
                                        <td>{{ $bitacora->datosReportes->firma_reporte ?? ''}}</td>
                                    </tr>
                                @endif
                            @endforeach
                            @if($bitacoras->every(fn($b) => !$b->datosReportes))
                                <tr>
                                    <td colspan="5" class="text-center">No hay información disponible</td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
                <div class="table-responsive action-table">
                    <table class="table text-center table-striped table-bordered">
                        <thead>
                            <tr style="background-color: #dcdcdc">
                                <th colspan="6">ACTION TAKEN</th>
                            </tr>
                            <tr>
                                <th>N°</th>
                                <th>ACTION</th>
                                <th>ATA</th>
                                <th>N° LIC</th>
                                <th>SIGN</th>
                                <th>N° RII</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($bitacoras as $bitacora)
                                @if($bitacora->datosAcciones)
                                    <tr>
                                        <td>{{ $bitacora->datosAcciones->numero_accion_tomada ?? '0' }}</td>
                                        <td>{{ $bitacora->datosAcciones->descipcion_accion_tomada ?? '' }}</td>
                                        <td>{{ $bitacora->datosAcciones->ata_accion_tomada ?? '0'}}</td>
                                        <td>{{ $bitacora->datosAcciones->numero_licencia ?? ''}}</td>
                                        <td>{{ $bitacora->datosAcciones->firma_accion_tomada ?? ''}}</td>
                                        <td>{{ $bitacora->datosAcciones->numero_ri_accion ?? ''}}</td>
                                    </tr>
                                @endif
                            @endforeach
                            @if($bitacoras->every(fn($b) => !$b->datosAcciones))
                                <tr>
                                    <td colspan="6" class="text-center">No hay información disponible</td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
            <!-- Seccion PAYLOAD -->
            <div class="table-container">
                <div class="table-responsive payload-table">
                    <table class="table text-center table-striped table-bordered">
                        <thead>
                            <tr style="background-color: #dcdcdc">
                                <th colspan="4">PAYLOAD</th>
                            </tr>
                            <tr>
                                <th>OPERATION LEG</th>
                                <th>ALLOWED</th>
                                <th>ONBOARD</th>
                                <th>UNDERLOAD</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($bitacoras as $index => $bitacora)
                                <tr>
                                    <td>{{ $index + 1}}</td>
                                    <td>{{ $bitacora->datosCargaUtil->carga_permitido ?? '' }}</td>
                                    <td>{{ $bitacora->datosCargaUtil->carga_abordo ?? '' }}</td>
                                    <td>{{ $bitacora->datosCargaUtil->subcarga ?? ''}}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="table-responsive blanco-table">
                </div>
            </div>
            <!-- Seccion FIRMAS -->
            <div class="table-container">
                <div class="table-responsive firmas-table">
                    <table class="table table-striped table-bordered">
                        <thead class="text-center">
                            <tr style="background-color: #dcdcdc">
                                <th colspan="3">PILOT</th>
                                <th>MAINTENENCE PRE</th>
                                <th>ITEM</th>
                                <th>COMPONENT</th>
                                <th>PART NUMBER</th>
                                <th>POS</th>
                                <th>SERIAL N° OFF</th>
                                <th>SERIAL N° ON</th>
                                <th>INSPECTION IN PROCESS</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td colspan="3">
                                    SIGN:
                                </td>
                                <td>SIGN:</td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td>SIGN:</td>
                            </tr>
                            <tr>
                                <td colspan="3">LIC N°: {{ $licenciaCP }}</td>
                                <td>LIC N°:</td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td>LIC N°:</td>
                            </tr>
                            <tr>
                                <td colspan="3">DATE: {{ \Carbon\Carbon::parse($fechaVuelo)->format('d-m-Y') ?? 'No disponible' }}</td>
                                <td>DATE:</td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td>DATE:</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="pdfModal" tabindex="-1" role="dialog" aria-labelledby="pdfModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-xl" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="pdfModalLabel">Previsualización del FTR</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="d-flex justify-content-center">
                        <div id="pdfViewer" style="height: 80vh; width: 100%;">
                            <embed id="pdfEmbed" src="" type="application/pdf" style="width: 100%; height: 100%;">
                        </div>
                    </div>
                </div>
                <div class="modal-footer text-center d-block">
                    <button type="button" class="btn btn-success" id="btnFirmar">Firmar</button>
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('js')
    <script>
        function loadPDF(bitacoraId, fechaVuelo) {
            Swal.fire({
                title: 'Cargando PDF...',
                allowOutsideClick: false,
                didOpen: () => {
                    Swal.showLoading();
                }
            });
            // Realizar la petición AJAX
            $.ajax({
                url: `${URLs}/bitacora-vuelo/reporteBitacoraPDF/${bitacoraId}`,
                method: 'GET',
                data: { fecha_vuelo: fechaVuelo },
                headers: {
                    'X-Requested-With': 'XMLHttpRequest'
                },
                success: function(response) {
                    // Cerrar el indicador de carga
                    Swal.close();
                    // Crear el objeto URL para el PDF
                    const pdfUrl = response.pdf_url;
                    // Actualizar el src del embed
                    document.getElementById('pdfEmbed').src = pdfUrl;
                    // Mostrar el modal
                    $('#pdfModal').modal('show');
                },
                error: function() {
                    Swal.fire({
                        icon: 'error',
                        title: 'Error',
                        text: 'Hubo un error al cargar el PDF'
                    });
                }
            });
        }

        document.addEventListener('DOMContentLoaded', function() {
            // Acción al presionar 'Firmar'
            $('#btnFirmar').on('click', function() {
                let bitacoraId = "{{ $bitacora->id }}"; // O el ID específico de la bitácora
                Swal.fire({
                    title: 'Procesando',
                    text: 'Firmando bitácora...',
                    allowOutsideClick: false,
                    didOpen: () => {
                        Swal.showLoading();
                    }
                });
                $.ajax({
                    url: `${URLs}/bitacora-vuelo/${bitacoraId}/firmar`,
                    type: 'POST',
                    data: {
                        _token: '{{ csrf_token() }}'
                    },
                    success: function(response) {
                        Swal.close();

                        Swal.fire({
                            icon: 'success',
                            title: '¡Éxito!',
                            text: response.message,
                            timer: 2000,
                            showConfirmButton: false
                        });
                        // Cerrar el modal tras la firma
                        $('#pdfModal').modal('hide');
                    },
                    error: function(xhr) {
                        Swal.close();
                        let errorMessage = 'No se pudo firmar la bitácora.';
                        if (xhr.responseJSON && xhr.responseJSON.message) {
                            errorMessage = xhr.responseJSON.message;
                        }

                        Swal.fire({
                            icon: 'error',
                            title: 'Error',
                            text: errorMessage,
                            confirmButtonText: 'Entendido',
                            // Asegurar que el SweetAlert esté por encima de cualquier modal
                            customClass: {
                                container: 'swal-on-top'
                            }
                        });
                    }
                });
            });
        });
    </script>
@endsection