@extends('layouts.app')

@section('title', 'Control de Vuelos')

@section('css')
    <style>
        #control thead {
            background-color: #343a40;
            color: white;
        }
        .btn-custom-gestion {
            background-color: #8e44ad; /* Color morado */
            color: white;
            border-color: #7d3c98;
        }

        .btn-custom-gestion:hover {
            background-color: #7d3c98; /* Un tono más oscuro para el hover */
            color: white;
            border-color: #6c3483;
        }
        .btn-custom-seguimiento {
            background-color: #f1d640; /* Color amarillo  */
            color: white;
            border-color: #f6ef3f;
        }

        .btn-custom-seguimiento:hover {
            background-color: #eec53f; /* Un tono más oscuro para el hover */
            color: white;
            border-color: #ecc33d;
        }
        .fila-cancelada {
            background-color: rgba(123, 118, 118, 0.1) !important; /* Rojo claro */
        }

        .fila-cancelada td {
            color: #6c757d !important;
            opacity: 0.7;
        }

        /* Opcional: añadir un icono o indicador visual */
        .fila-cancelada td:first-child::before {
            content: "✕ ";
            color: #dc3545;
            font-weight: bold;
        }

        /* Vista móvil: orden personalizado */
        @media (max-width: 991.98px) {
            .mobile-pdf { order: 1; }
            .mobile-buscar { order: 2; }
            .mobile-calendario { order: 3; }

            /* Espaciado entre elementos en móvil */
            .mobile-controls .col-12 {
                margin-bottom: 15px;
            }

            .mobile-pdf {
                margin-bottom: 10px !important;
            }

            .mobile-buscar {
                margin-bottom: 10px !important;
            }

            /* El último elemento sin margin-bottom */
            .mobile-controls .col-12:last-child {
                margin-bottom: 0;
            }
        }

        /* Para desktop mantener la alineación a la derecha */
        @media (min-width: 992px) {
            .desktop-controls {
                justify-content: end !important;
            }
        }

        /* Espaciado entre grupos de botones - PC */
        .btn-group {
            margin-right: 8px;
            margin-bottom: 5px;
        }

        /* Espaciado en las columnas de botones */
        .d-flex.flex-column .btn {
            margin-bottom: 6px;
        }

        .d-flex.flex-column .btn:last-child {
            margin-bottom: 0;
        }

        /* Vista móvil: mejor espaciado */
        @media (max-width: 768px) {
            .btn-group {
                margin-right: 0;
                margin-bottom: 10px;
            }

            .d-flex.flex-column .btn {
                margin-bottom: 8px;
                min-width: 120px;
            }
        }

        .swal2-container {
            z-index: 10000 !important;
        }
    </style>
@endsection

@section('content')
    <div class="card mt-2">
        <div class="card-header d-flex align-items-center justify-content-between">
            <h5 class="mb-0">Control de vuelos de la empresa</h5>
        </div>
        <div class="card-body">
            <div class="container">
                <div class="row desktop-controls mobile-controls mb-3">
                    <div class="col-12 col-lg-2 d-flex align-items-center mobile-calendario">
                        <input class="form-control" type="date" name="fecha_vuelo" id="fecha_vuelo" value="{{ date('Y-m-d') }}"/>
                    </div>
                    <div class="col-12 col-lg-3 d-flex align-items-center mobile-buscar">
                        <button type="button" id="buscar_fecha" class="btn btn-primary w-100">Buscar por fecha</button>
                    </div>
                    @can('control_vuelos.programacion-pdf')
                        <div class="col-12 col-lg-3 d-flex align-items-center mobile-pdf">
                            <button type="button" id="ver_pdf" class="btn btn-success w-100 d-flex align-items-center justify-content-center">
                                <img src="{{ asset('assets/img/icons/misc/pdf.png') }}" alt="PDF" class="me-2" style="width: 20px; height: 20px;">
                                <span>Ver Programación</span>
                            </button>
                        </div>
                    @endcan
                </div>
                    <div id="alert-container" class="mt-3"></div>
                    <div class="card mb-3 mt-2">
                        <div class="table-responsive">
                            <table class="table table-striped table-bordered"  id="control">
                                <thead class="table-dark">
                                    <tr>
                                        <th>Vuelos</th>
                                        <th>Acciones</th>
                                    </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                        </div>
                    </div>
            </div>
        </div>
    </div>

    <!-- Modal Pre-embarque -->
    <div class="modal fade" id="modalPreEmbarque" tabindex="-1" aria-labelledby="modalPreEmbarqueLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modalPreEmbarqueLabel">
                        <i class="ti ti-plane-departure me-2"></i>Pre-Tráfico
                    </h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>

                <div class="modal-body">
                    <!-- Información del Vuelo -->
                    <div class="alert alert-info d-flex align-items-center mb-4">
                        <i class="ti ti-info-circle me-2"></i>
                        <div>
                            <strong>Vuelo:</strong> <span id="modal-vuelo-numero">-</span><br>
                            <strong>Aeronave:</strong> <span id="modal-vuelo-aeronave">-</span><br>
                            <strong>Ruta:</strong> <span id="modal-vuelo-ruta">-</span>
                        </div>
                    </div>

                    <!-- Formulario -->
                    <form id="formPreEmbarque">
                        <input type="hidden" id="modal-vuelo-id" name="vuelo_id">
                        <input type="hidden" id="modal-ruta-vuelo-id" name="ruta_vuelo_id">
                        <input type="hidden" id="modal-fecha_vuelo" name="fecha_vuelo">
                        <input type="hidden" id="modal-registro-id" name="registro_id">

                        <div class="row">
                            <div class="col-md-4 mb-3">
                                <label for="cant_adulto" class="form-label">
                                    <i class="ti ti-user me-1"></i>Adultos
                                </label>
                                <input type="number" class="form-control" id="cant_adulto" name="cant_adulto"
                                    min="0" value="0" required>
                            </div>

                            <div class="col-md-4 mb-3">
                                <label for="cant_nino" class="form-label">
                                    <i class="ti ti-users me-1"></i>Niños
                                </label>
                                <input type="number" class="form-control" id="cant_nino" name="cant_nino"
                                    min="0" value="0" required>
                            </div>

                            <div class="col-md-4 mb-3">
                                <label for="cant_infante" class="form-label">
                                    <i class="ti ti-baby-carriage me-1"></i>Infantes
                                </label>
                                <input type="number" class="form-control" id="cant_infante" name="cant_infante"
                                    min="0" value="0" required>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12 mb-3">
                                <label for="cant_total" class="form-label">
                                    <i class="ti ti-sum me-1"></i>Total Pasajeros
                                </label>
                                <input type="number" class="form-control" id="cant_total" name="cant_total"
                                    readonly style="background-color: #f8f9fa;">
                            </div>
                        </div>
                    </form>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                        <i class="ti ti-x me-1"></i>Cancelar
                    </button>
                    <button type="button" class="btn btn-primary" id="btnGuardarPreEmbarque">
                        <i class="ti ti-device-floppy me-1"></i>Guardar
                    </button>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal Embarque -->
    <div class="modal fade" id="modalEmbarque" tabindex="-1" aria-labelledby="modalEmbarqueLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modalEmbarqueLabel">
                        <i class="ti ti-plane-departure me-2"></i>Embarcados
                    </h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>

                <div class="modal-body">
                    <!-- Información del Vuelo -->
                    <div class="alert alert-info d-flex align-items-center mb-4">
                        <i class="ti ti-info-circle me-2"></i>
                        <div>
                            <strong>Vuelo:</strong> <span id="modal-embarque-vuelo-numero">-</span><br>
                            <strong>Aeronave:</strong> <span id="modal-embarque-vuelo-aeronave">-</span><br>
                            <strong>Ruta:</strong> <span id="modal-embarque-vuelo-ruta">-</span>
                        </div>
                    </div>

                    <!-- Formulario -->
                    <form id="formEmbarque">
                        <input type="hidden" id="embarque-vuelo-id" name="vuelo_id">
                        <input type="hidden" id="embarque-ruta-vuelo-id" name="ruta_vuelo_id">
                        <input type="hidden" id="embarque-fecha_vuelo" name="fecha_vuelo">
                        <input type="hidden" id="embarque-registro-id" name="registro_id">
                        <div class="row">
                            <div class="col-md-4 mb-3">
                                <label for="embarque_cant_adulto" class="form-label">
                                    <i class="ti ti-user me-1"></i>Adultos
                                </label>
                                <input type="number" class="form-control" id="embarque_cant_adulto" name="cant_adulto"
                                    min="0" value="0" required>
                            </div>
                            <div class="col-md-4 mb-3">
                                <label for="embarque_cant_nino" class="form-label">
                                    <i class="ti ti-users me-1"></i>Niños
                                </label>
                                <input type="number" class="form-control" id="embarque_cant_nino" name="cant_nino"
                                    min="0" value="0" required>
                            </div>
                            <div class="col-md-4 mb-3">
                                <label for="embarque_cant_infante" class="form-label">
                                    <i class="ti ti-baby-carriage me-1"></i>Infantes
                                </label>
                                <input type="number" class="form-control" id="embarque_cant_infante" name="cant_infante"
                                    min="0" value="0" required>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12 mb-3">
                                <label for="embarque_cant_total" class="form-label">
                                    <i class="ti ti-sum me-1"></i>Total Pasajeros
                                </label>
                                <input type="number" class="form-control" id="embarque_cant_total" name="cant_total"
                                    readonly style="background-color: #f8f9fa;">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                        <i class="ti ti-x me-1"></i>Cancelar
                    </button>
                    <button type="button" class="btn btn-primary" id="btnGuardarEmbarque">
                        <i class="ti ti-device-floppy me-1"></i>Guardar
                    </button>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal para Equipaje/Carga -->
    <div class="modal fade" id="equipajeCargaModal" tabindex="-1" role="dialog" aria-labelledby="equipajeCargaModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header bg-primary">
                    <h5 class="modal-title text-white" id="equipajeCargaModalLabel">
                        <i class="fas fa-suitcase-rolling me-2 text-white"></i>
                        Equipaje / Carga
                    </h5>
                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <h6 class="text-muted mb-3">
                            <i class="fas fa-plane me-1"></i>
                            Vuelo: <span id="modal-equipaje-vuelo-numero"></span> |
                            <span id="modal-equipaje-vuelo-ruta"></span> |
                            Fecha: <span id="modal-equipaje-fecha-vuelo-display"></span>
                        </h6>
                    </div>

                    <form id="equipajeCargaForm">
                        @csrf
                        <input type="hidden" id="modal-equipaje-vuelo-id" name="vuelo_id">
                        <input type="hidden" id="modal-equipaje-ruta-vuelo-id" name="ruta_vuelo_id">
                        <input type="hidden" id="modal-equipaje-fecha-vuelo" name="fecha_vuelo">

                        <div class="row">
                            <div class="col-12">
                                <div class="table-responsive">
                                    <table class="table table-striped table-bordered text-center">
                                        <thead class="table-dark">
                                            <tr>
                                                <th rowspan="2">
                                                    <i class="fas fa-route me-1"></i>Tramo
                                                </th>
                                                <th colspan="2">
                                                    <i class="fas fa-suitcase me-1"></i>Equipajes
                                                </th>
                                                <th colspan="2">
                                                    <i class="fas fa-boxes me-1"></i>Carga
                                                </th>
                                            </tr>
                                            <tr>
                                                <th>Cantidad</th>
                                                <th>Kg</th>
                                                <th>Bultos</th>
                                                <th>Kg</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>
                                                    <input type="text" class="form-control text-center fw-bold" id="modal-equipaje-destino-llegada" readonly>
                                                </td>
                                                <td>
                                                    <input type="number" class="form-control" name="cant_equipaje" id="equipaje-cant-equipaje" min="0" placeholder="0">
                                                </td>
                                                <td>
                                                    <input type="number" class="form-control" name="kilos_equipaje" id="equipaje-kilos-equipaje" min="0" step="0.1" placeholder="0.0">
                                                </td>
                                                <td>
                                                    <input type="number" class="form-control" name="cant_carga" id="equipaje-cant-carga" min="0" placeholder="0">
                                                </td>
                                                <td>
                                                    <input type="number" class="form-control" name="kilos_carga" id="equipaje-kilos-carga" min="0" step="0.1" placeholder="0.0">
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                        <i class="fas fa-times me-1"></i>Cancelar
                    </button>
                    <button type="button" class="btn btn-primary" id="guardar-equipaje-carga">
                        <i class="fas fa-save me-1"></i>Guardar
                    </button>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal Sala/PEA -->
    <div class="modal fade" id="modalSalaPea" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Registro Sala / PEA</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <div class="row g-0 border rounded overflow-hidden">
                            <div class="col-4">
                                <div class="bg-light border-end p-2 text-center fw-bold">Vuelo</div>
                                <div class="p-2 text-center" id="modal-sp-numero-vuelo">-</div>
                            </div>
                            <div class="col-4">
                                <div class="bg-light border-end p-2 text-center fw-bold">Ruta</div>
                                <div class="p-2 text-center" id="modal-sp-ruta">-</div>
                            </div>
                            <div class="col-4">
                                <div class="bg-light p-2 text-center fw-bold">Fecha</div>
                                <div class="p-2 text-center" id="modal-sp-fecha-vuelo">-</div>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="input-sala" class="form-label">Sala</label>
                            <input type="text" class="form-control" id="input-sala" name="sala" placeholder="Ingrese sala">
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="input-pea" class="form-label">PEA</label>
                            <input type="text" class="form-control" id="input-pea" name="pea" placeholder="Ingrese PEA">
                        </div>
                    </div>
                    <input type="hidden" id="hidden-vuelo-id">
                    <input type="hidden" id="hidden-ruta-vuelo-id">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                    <button type="button" class="btn btn-primary" id="btn-guardar-sala-pea">Guardar</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal Reprogramar Vuelo -->
    <div class="modal fade" id="reprogramarVueloModal" tabindex="-1" aria-labelledby="reprogramarVueloModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header bg-danger">
                    <div class="d-flex align-items-center">
                        <i class="fas fa-clock text-white me-2"></i>
                        <div>
                            <h5 class="modal-title mb-0 text-white" id="reprogramarVueloModalLabel">Reprogramar Vuelo</h5>
                            <small id="vueloInfo" class="text-white-50"></small>
                        </div>
                    </div>
                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form id="reprogramarVueloForm">
                        @csrf
                        @method('PUT')
                        <div class="container-fluid">
                            <div class="row mb-3">
                                <div class="col-md-6">
                                    <label class="form-label fw-bold"><i class="fas fa-plane me-1"></i>Aeronave</label>
                                    <select class="form-select" name="aeronave_id" id="modal_aeronave_id">
                                        <option value="">Seleccione aeronave</option>
                                    </select>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label fw-bold"><i class="fas fa-calendar me-1"></i>Fecha del vuelo</label>
                                    <input type="text" class="form-control bg-light" id="modal_fecha_vuelo" readonly>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-md-4">
                                    <label class="form-label fw-bold"><i class="fas fa-hourglass-half me-1"></i>Duración del vuelo</label>
                                    <input type="text" class="form-control bg-light" id="modal_duracion_vuelo" readonly>
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label fw-bold"><i class="fas fa-plane-departure me-1"></i>Hora programada salida</label>
                                    <input type="time" class="form-control" name="hora_programada" id="modal_hora_salida" step="1">
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label fw-bold"><i class="fas fa-plane-arrival me-1"></i>Hora programada llegada</label>
                                    <input type="time" class="form-control bg-light" id="modal_hora_llegada" readonly>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                        <i class="fas fa-times me-1"></i>Cancelar
                    </button>
                    <button type="submit" form="reprogramarVueloForm" class="btn btn-danger">
                        <i class="fas fa-clock me-1"></i>Guardar Reprogramación
                    </button>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal Asignar Aeronave -->
    <div class="modal fade" id="modalAsignarAeronave" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Asignar Aeronave</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <label class="form-label fw-bold">Vuelo:</label>
                        <span id="modal-numero-vuelo"></span>
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-bold">Fecha:</label>
                        <span id="modal-fecha-vuelo"></span>
                    </div>
                    <div class="mb-3">
                        <label for="select-aeronave" class="form-label">Aeronave <span class="text-danger">*</span></label>
                        <select class="form-select" id="select-aeronave" name="aeronave_id">
                            <option value="">Seleccione una aeronave</option>
                        </select>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                    <button type="button" class="btn btn-primary" id="btn-guardar-aeronave">Guardar</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal para registrar número de bus -->
    <div class="modal fade" id="modalNumeroBus" tabindex="-1" aria-labelledby="modalNumeroBusLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modalNumeroBusLabel">Registrar Número de Bus</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form id="formNumeroBus">
                        <input type="hidden" id="vuelo_estado_gestion_id" name="vuelo_estado_gestion_id">
                        <div class="mb-3">
                            <label for="numero_bus" class="form-label">Número/Placa del Bus</label>
                            <input type="text" class="form-control" id="numero_bus" name="numero_bus"
                                placeholder="Ej: 25, ABC-123" required maxlength="25">
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                    <button type="button" class="btn btn-primary" id="btnGuardarNumeroBus">Guardar</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal Motivo Retraso -->
    <div class="modal fade" id="modalMotivoRetraso" tabindex="-1" aria-labelledby="modalMotivoRetrasoLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modalMotivoRetrasoLabel">Motivo de Retraso</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form id="formMotivoRetraso">
                        <input type="hidden" id="motivo_vuelo_id" name="vuelo_id">
                        <input type="hidden" id="motivo_ruta_vuelo_id" name="ruta_vuelo_id">
                        <input type="hidden" id="motivo_fecha_vuelo" name="fecha_vuelo">

                        <div class="mb-3">
                            <label for="estado_retraso_id" class="form-label">Motivo de Retraso <span class="text-danger">*</span></label>
                            <select name="estado_retraso_id" id="estado_retraso_id" class="form-select" required>
                                <option value="">Seleccionar motivo</option>
                            </select>
                        </div>

                        <div class="mb-3">
                            <label for="observacion_retraso" class="form-label">Observaciones</label>
                            <textarea id="observacion_retraso" class="form-control" name="observacion" rows="3" placeholder="Observaciones adicionales (opcional)"></textarea>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                    <button type="button" class="btn btn-primary" id="btnGuardarMotivoRetraso">Guardar</button>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('js')
    <script>
        $(document).ready(function() {
            function showAlert(message, type = 'danger') {
                const alertHtml = `
                    <div class="alert alert-${type} alert-dismissible fade show" role="alert">
                        ${message}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                `;
                $('#alert-container').html(alertHtml);
            }

            const table = $('#control').DataTable({
                processing: true,
                serverSide: true,
                responsive: true,
                autoWidth: false,
                ajax: {
                    url: URLs+'/control_vuelos',
                    data: function(d) {
                        d.fecha = $('#fecha_vuelo').val();
                    },
                    error: function(xhr) {
                        showAlert('No hay vuelos programados para esta fecha');
                    }
                },
                columns: [
                    { "data": "vuelo_info", name: "vuelo_info" },
                    { "data": "action", "orderable": false, "searchable": false }, // Opcional: columna de acciones
                ],
                language: {
                    "lengthMenu": "Mostrar _MENU_ registros por página",
                    "zeroRecords": "Nada encontrado - disculpa",
                    "info": "Mostrando la página _PAGE_ de _PAGES_",
                    "infoEmpty": "No se encuentran registros",
                    "infoFiltered": "(filtrado de _MAX_ registros totales)",
                    "search": "Buscar:",
                    "paginate": {
                        'next': "Siguiente",
                        'previous': "Anterior"
                    }
                }
            });

            // Inicializar tooltips de Bootstrap
            table.on('draw', function() {
                var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
                var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
                    return new bootstrap.Tooltip(tooltipTriggerEl)
                });

                document.querySelectorAll('[data-bs-toggle="dropdown"]').forEach(function(dropdownBtn) {
                    dropdownBtn.addEventListener('show.bs.dropdown', function() {
                        // Buscar el tooltip padre más cercano y ocultarlo
                        var tooltipParent = this.closest('[data-bs-toggle="tooltip"]');
                        if (tooltipParent) {
                            var tooltip = bootstrap.Tooltip.getInstance(tooltipParent);
                            if (tooltip) {
                                tooltip.hide();
                            }
                        }
                    });
                });

                // Verificar si hay datos
                if (table.data().count() === 0) {
                    showAlert('No hay vuelos programados para esta fecha');
                } else {
                    $('#alert-container').empty();
                }
            });

            // Evento para el botón de búsqueda
            $('#buscar_fecha').click(function() {
                $('#alert-container').empty(); // Limpiar alertas anteriores
                table.ajax.reload();
            });

            // Evento para el botón de gestion de trafico
            $(document).on('click', '.marcar-gestion', function (e) {
                e.preventDefault();
                let button = $(this);
                let url = button.data('url');
                let estadoNombre = button.data('estado');
                let tablaId = '#control';
                // Si es un bus, extraemos el número
                let numeroBus = 0;
                let codigoEstado = button.data('codigo') || '';
                if (codigoEstado.startsWith('BUS_')) {
                    const match = codigoEstado.match(/BUS_(\d+)/);
                    if (match) {
                        numeroBus = parseInt(match[1]);
                    }
                }
                Swal.fire({
                    title: "¿Confirmar registro?",
                    text: "¿Quieres registrar la hora para " + estadoNombre + "?",
                    icon: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#3085d6",
                    cancelButtonColor: "#d33",
                    confirmButtonText: "Sí, registrar",
                    cancelButtonText: "Cancelar"
                }).then((result) => {
                    if (result.isConfirmed) {
                        if (codigoEstado && codigoEstado.startsWith('BUS_') && numeroBus >= 1 && numeroBus <= 5) {
                            let urlParams = new URL(window.location.origin + url).searchParams;
                            let vuelo_id = urlParams.get('vuelo_id');
                            let ruta_vuelo_id = urlParams.get('ruta_vuelo_id');
                            let fechaVuelo = urlParams.get('fecha_vuelo');
                            registrarBus(vuelo_id, ruta_vuelo_id, fechaVuelo, numeroBus, false, true);
                        } else {
                            $.ajax({
                                url: url,
                                type: 'POST',
                                data: {
                                    _token: $('meta[name="csrf-token"]').attr('content')
                                },
                                success: function(response) {
                                    if (response.success) {
                                        Swal.fire({
                                            title: "¡Registrado!",
                                            text: `La hora para ${estadoNombre} ha sido registrada.`,
                                            icon: "success",
                                            timer: 2000,
                                            showConfirmButton: false
                                        });
                                        const estadosEnSala = ['BUS_SL_TP', 'BUS_1', 'BUS_2', 'BUS_3', 'BUS_4'];
                                        if (response.estadoMarcado && estadosEnSala.includes(response.estadoMarcado.codigo_gestion)) {
                                            setTimeout(function() {
                                                abrirModalNumeroBus(response.gestionMarcadaId, response.estadoMarcado.nombre);
                                                const codigoBus = response.estadoMarcado.codigo_gestion;
                                                // Si es Bus 2, después de cerrar el modal preguntar por Bus 3
                                                if (codigoBus === 'BUS_1' || codigoBus === 'BUS_2' || codigoBus === 'BUS_3') {
                                                    $('#modalNumeroBus').on('hidden.bs.modal', function (e) {
                                                        const numeroBus = parseInt(codigoBus.split('_')[1]);
                                                        preguntarSiguienteBus(response.vuelo_id, response.ruta_vuelo_id, response.fecha_vuelo, numeroBus + 1);
                                                        $(this).off('hidden.bs.modal');
                                                    });
                                                }
                                            }, 2100);
                                        }
                                        else {
                                            setTimeout(function() {
                                                if ($.fn.DataTable.isDataTable('#control')) {
                                                    $('#control').DataTable().ajax.reload(null, false);
                                                }
                                            }, 2100);
                                        }
                                    } else {
                                        Swal.fire("Error", response.msg || "No se pudo marcar la hora.", "error");
                                    }
                                },
                                error: function(xhr) {
                                    let mensaje = "Hubo un problema al marcar la hora.";
                                    if (xhr.responseJSON && xhr.responseJSON.msg) {
                                        mensaje = xhr.responseJSON.msg;
                                    }
                                    Swal.fire("Error", mensaje, "error");
                                }
                            });
                        }
                    }
                });
            });

            // Función para preguntar por el siguiente bus
            function preguntarSiguienteBus(vuelo_id, ruta_vuelo_id, fechaVuelo, numeroBus) {
                Swal.fire({
                    title: `¿Solicitar Bus ${numeroBus} en sala?`,
                    text: `¿Deseas solicitar el Bus ${numeroBus} en sala para este vuelo?`,
                    icon: "question",
                    showCancelButton: true,
                    confirmButtonColor: "#3085d6",
                    cancelButtonColor: "#d33",
                    confirmButtonText: "Sí, solicitar",
                    cancelButtonText: "No, continuar con último pasajero"
                }).then((result) => {
                    if (result.isConfirmed) {
                        // Obtener el ID del estado "Bus X en sala" (esto dependerá de tu estructura de datos)
                        registrarBus(vuelo_id, ruta_vuelo_id, fechaVuelo, numeroBus, false, false);
                    } else {
                        // El usuario no quiere solicitar el siguiente bus, pasar al estado "Último pasajero a bordo"
                        registrarBus(vuelo_id, ruta_vuelo_id, fechaVuelo, numeroBus, true, false);
                    }
                });
            }

            function registrarBus(vuelo_id, ruta_vuelo_id, fechaVuelo, numeroBus, omitido, registrarHora = false) {
                $.ajax({
                    url: URLs+'/registrar-bus',  // <-- UNA ruta unificada en el backend
                    type: 'POST',
                    contentType: 'application/json; charset=utf-8',
                    dataType: 'json',
                    data: JSON.stringify({
                        _token: $('meta[name="csrf-token"]').attr('content'),
                        vuelo_id: vuelo_id,
                        ruta_vuelo_id: ruta_vuelo_id,
                        fecha_vuelo: fechaVuelo,
                        numero_bus: numeroBus,
                        omitido: omitido,
                        registrar_hora: registrarHora
                    }),
                    success: function(response) {
                        if (!omitido) {
                            if (!registrarHora) {
                                // CASO: Se solicitó Bus X (sin registrar hora)
                                Swal.fire({
                                    title: "¡Solicitado!",
                                    text: `Bus ${numeroBus} en sala ha sido solicitado.`,
                                    icon: "success",
                                    timer: 2000,
                                    showConfirmButton: false
                                });
                            } else {
                                // CASO: Se registró hora para Bus X
                                Swal.fire({
                                    title: "¡Registrado!",
                                    text: `Se ha registrado la hora para Bus ${numeroBus} en sala.`,
                                    icon: "success",
                                    timer: 2000,
                                    showConfirmButton: false
                                });
                                // Abrir modal para registrar número de bus
                                if (response.success && response.gestionMarcadaId && response.estadoMarcado) {
                                    setTimeout(function() {
                                        abrirModalNumeroBus(response.gestionMarcadaId, numeroBus);

                                        // Después de cerrar el modal, preguntar por siguiente bus
                                        $('#modalNumeroBus').on('hidden.bs.modal', function (e) {
                                            // Solo preguntar si es Bus 1,2,3
                                            if (numeroBus >= 1 && numeroBus <= 3 && registrarHora) {
                                                preguntarSiguienteBus(vuelo_id, ruta_vuelo_id, fechaVuelo, numeroBus + 1);
                                            }
                                            // Si es Bus 5, ocultar su botón
                                            if (numeroBus === 5 && registrarHora) {
                                                setTimeout(function() {
                                                    if ($.fn.DataTable.isDataTable('#control')) {
                                                        $('#control').DataTable().ajax.reload(null, false);
                                                    }
                                                }, 500);
                                            }
                                            // Remover el evento para no duplicarlo
                                            $(this).off('hidden.bs.modal');
                                        });
                                    }, 2100);
                                }
                            }
                        } else {
                            // CASO: Se omite Bus X y se avanza a “último pasajero”
                            Swal.fire({
                                title: "¡Registrado!",
                                text: "Se ha avanzado al estado de último pasajero a bordo.",
                                icon: "success",
                                timer: 2000,
                                showConfirmButton: false
                            });
                        }

                        // Recargar la tabla
                        if (!((numeroBus >= 1 && numeroBus <= 3) && registrarHora && !omitido)) {
                            setTimeout(function() {
                                if ($.fn.DataTable.isDataTable('#control')) {
                                    $('#control').DataTable().ajax.reload(null, false);
                                }
                            }, 2100);
                        }
                    },
                    error: function(xhr) {
                        let mensaje = "Hubo un problema en el proceso.";
                        if (xhr.responseJSON && xhr.responseJSON.message) {
                            mensaje = xhr.responseJSON.message;
                        }
                        Swal.fire("Error", mensaje, "error");
                    }
                });
            }

            function abrirModalNumeroBus(vueloEstadoGestionId, nombreEstado) {
                $('#vuelo_estado_gestion_id').val(vueloEstadoGestionId);
                $('#numero_bus').val(''); // Limpiar el campo
                $('#modalNumeroBusLabel').text('Registrar Número de Bus - ' + nombreEstado);
                $('#modalNumeroBus').modal('show');
            }

            $('#btnGuardarNumeroBus').on('click', function() {
                let vueloEstadoGestionId = $('#vuelo_estado_gestion_id').val();
                let numeroBus = $('#numero_bus').val().trim();
                if (!numeroBus) {
                    Swal.fire({
                        icon: 'warning',
                        title: 'Campo requerido',
                        text: 'Por favor ingresa el número del bus',
                    });
                    return;
                }
                $.ajax({
                    url: '{{ route("guardar-numero-bus") }}',
                    type: 'POST',
                    data: {
                        _token: $('meta[name="csrf-token"]').attr('content'),
                        vuelo_estado_gestion_id: vueloEstadoGestionId,
                        numero_bus: numeroBus
                    },
                    success: function(response) {
                        if (response.success) {
                            $('#modalNumeroBus').modal('hide');
                            Swal.fire({
                                icon: 'success',
                                title: '¡Guardado!',
                                text: 'Número de bus registrado correctamente',
                                timer: 2500,
                                showConfirmButton: false
                            });
                            setTimeout(function() {
                                if ($.fn.DataTable.isDataTable('#control')) {
                                    $('#control').DataTable().ajax.reload(null, false);
                                }
                            }, 2600);
                        }
                    },
                    error: function(xhr) {
                        Swal.fire({
                            icon: 'error',
                            title: 'Error',
                            text: 'No se pudo guardar el número de bus'
                        });
                    }
                });
            });

            // Evento para el boton de seguimientos
            $(document).on('click', '.marcar-seguimiento', function(e) {
                e.preventDefault();

                const btn = $(this);
                const url = btn.data('url');
                const estadoNombre = btn.data('estado');

                Swal.fire({
                    title: '¿Estás seguro?',
                    text: '¿Deseas marcar el estado "' + estadoNombre + '"?',
                    icon: 'question',
                    showCancelButton: true,
                    confirmButtonText: 'Sí, marcar',
                    cancelButtonText: 'Cancelar'
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax({
                            url: url,
                            type: 'POST',
                            data: {
                                _token: $('meta[name="csrf-token"]').attr('content')
                            },
                            dataType: 'json',
                            success: function(response) {
                                if (response.success) {
                                    // Mostrar mensaje de éxito
                                    Swal.fire({
                                        title: "¡Registrado!",
                                        text: `La hora para ${estadoNombre} ha sido registrada.`,
                                        icon: "success",
                                        timer: 2000,
                                        showConfirmButton: false
                                    });

                                    // Recargar la tabla para reflejar los cambios
                                    setTimeout(function() {
                                        if ($.fn.DataTable.isDataTable('#control')) {
                                            $('#control').DataTable().ajax.reload(null, false);
                                        }
                                    }, 2100);
                                } else {
                                    Swal.fire("Error", response.msg || "No se pudo registrar.", "error");
                                }
                            },
                            error: function(xhr) {
                                let mensaje = "Hubo un problema al marcar la hora.";
                                if (xhr.responseJSON && xhr.responseJSON.msg) {
                                    mensaje = xhr.responseJSON.msg;
                                }
                                Swal.fire("Error", mensaje, "error");
                            }
                        });
                    }
                });
            });
        });

        //Funcion para cancelar un vuelo seleccionado
        $(document).on('click', '.cancelar-vuelo', function() {
            let vueloId = $(this).data('vuelo-id');
            let fechaVuelo = $(this).data('fecha-vuelo');
            Swal.fire({
                title: '¿Cancelar vuelo?',
                text: '¿Estás seguro de que deseas cancelar este vuelo?',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Sí, cancelar',
                cancelButtonText: 'No, mantener'
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        url: URLs+'/cancelar-vuelo',
                        type: 'POST',
                        data: {
                            vuelo_id: vueloId,
                            fecha_vuelo: fechaVuelo,
                            _token: $('meta[name="csrf-token"]').attr('content')
                        },
                        success: function(response) {
                            if (response.success) {
                                Swal.fire(
                                    '¡Cancelado!',
                                    response.message,
                                    'success'
                                );
                                // Recargar la tabla
                                $('#control').DataTable().ajax.reload();
                            } else {
                                Swal.fire(
                                    'Error',
                                    response.message,
                                    'error'
                                );
                            }
                        },
                        error: function() {
                            Swal.fire(
                                'Error',
                                'Ha ocurrido un error al cancelar el vuelo.',
                                'error'
                            );
                        }
                    });
                }
            });
        });

        //Funcion para restaura un vuelo seleccionado
        $(document).on('click', '.restaurar-vuelo', function() {
            let vueloId = $(this).data('vuelo-id');
            let fechaVuelo = $(this).data('fecha');

            Swal.fire({
                title: '¿Restaurar vuelo?',
                text: '¿Estás seguro de que deseas restaurar este vuelo?',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Sí, restaurar',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        url: URLs+'/vuelos/restaurar',
                        type: 'POST',
                        data: {
                            vuelo_id: vueloId,
                            fecha_vuelo: fechaVuelo,
                            _token: $('meta[name="csrf-token"]').attr('content')
                        },
                        success: function(response) {
                            if (response.success) {
                                Swal.fire(
                                    '¡Restaurado!',
                                    'El vuelo ha sido restaurado correctamente.',
                                    'success'
                                );
                                // Recargar la tabla
                                $('#control').DataTable().ajax.reload();
                            }
                        },
                        error: function() {
                            Swal.fire(
                                'Error',
                                'Ha ocurrido un error al restaurar el vuelo.',
                                'error'
                            );
                        }
                    });
                }
            });
        });

        //Funcion para el reporte PDF
        document.addEventListener('DOMContentLoaded', function() {
            const btnVerPdf = document.getElementById('ver_pdf');
            const inputFecha = document.getElementById('fecha_vuelo');
            btnVerPdf.addEventListener('click', function() {
                const fechaSeleccionada = inputFecha.value;
                if (!fechaSeleccionada) {
                    Swal.fire({
                        icon: 'warning',
                        title: '¡Atención!',
                        text: 'Por favor selecciona una fecha',
                        confirmButtonText: 'Entendido'
                    });
                    return;
                }
                $.ajax({
                    url: URLs + '/validar-vuelos-fecha',
                    type: 'GET',
                    data: { fecha: fechaSeleccionada },
                    success: function(response) {
                        if (response.success) {
                            // Si hay vuelos, abrir el PDF
                            const url = URLs + '/programacion-diariaPDF?fecha=' + fechaSeleccionada;
                            window.open(url, '_blank');
                        } else {
                            // Si no hay vuelos, mostrar mensaje
                            Swal.fire({
                                icon: 'info',
                                title: 'Sin datos',
                                text: response.message,
                                confirmButtonText: 'Entendido'
                            });
                        }
                    },
                    error: function() {
                        Swal.fire('Error', 'Hubo un problema al validar los datos', 'error');
                    }
                });
            });
        });

        // Funcion para modal Pre-embarque
        $(document).ready(function() {
            // Abrir modal Pre-embarque
            $(document).on('click', '.btn-abrir-preembarque', function(e) {
                e.preventDefault();
                const vueloId = $(this).data('vuelo-id');
                const rutaVueloId = $(this).data('ruta-vuelo-id');
                const fechaVuelo = $(this).data('fecha-vuelo');
                // Mostrar loading en el modal
                $('#modalPreEmbarque').modal('show');
                $('#btnGuardarPreEmbarque').prop('disabled', true).html('<i class="spinner-border spinner-border-sm me-1"></i>Cargando...');

                // Obtener datos del vuelo
                $.get(`/control-preembarque/modal-data/${vueloId}/${rutaVueloId}/${fechaVuelo}`)
                    .done(function(response) {
                        if (response.success) {
                            // Cargar información del vuelo
                            $('#modal-vuelo-numero').text(response.vuelo.numero);
                            $('#modal-vuelo-aeronave').text(response.vuelo.aeronave);
                            $('#modal-vuelo-ruta').text(response.vuelo.ruta);

                            // Cargar datos del formulario
                            $('#modal-vuelo-id').val(vueloId);
                            $('#modal-ruta-vuelo-id').val(rutaVueloId);
                            $('#modal-fecha_vuelo').val(fechaVuelo);
                            $('#modal-registro-id').val(response.preembarque.id || '');

                            $('#cant_adulto').val(response.preembarque.cant_adulto);
                            $('#cant_nino').val(response.preembarque.cant_nino);
                            $('#cant_infante').val(response.preembarque.cant_infante);
                            $('#cant_total').val(response.preembarque.cant_total);
                            // Restaurar botón
                            $('#btnGuardarPreEmbarque').prop('disabled', false).html('<i class="ti ti-device-floppy me-1"></i>Guardar');
                        } else {
                            Swal.fire({
                                title: 'Error',
                                text: response.message,
                                icon: 'error',
                                confirmButtonColor: '#3085d6',
                                confirmButtonText: 'Entendido'
                            });
                            $('#modalPreEmbarque').modal('hide');
                        }
                    })
                    .fail(function() {
                        Swal.fire({
                            title: 'Error',
                            text: 'Error al cargar los datos del vuelo',
                            icon: 'error',
                            confirmButtonColor: '#3085d6',
                            confirmButtonText: 'Entendido',
                            zIndex: 10000,
                            backdrop: true
                        });
                        $('#modalPreEmbarque').modal('hide');
                    });
            });

            // Calcular total automáticamente
            $('#cant_adulto, #cant_nino, #cant_infante').on('input', function() {
                const adultos = parseInt($('#cant_adulto').val()) || 0;
                const ninos = parseInt($('#cant_nino').val()) || 0;
                const infantes = parseInt($('#cant_infante').val()) || 0;
                const total = adultos + ninos + infantes;

                $('#cant_total').val(total);
            });

            // Limpiar formulario al cerrar modal
            $('#modalPreEmbarque').on('hidden.bs.modal', function() {
                $('#formPreEmbarque')[0].reset();
                $('#cant_total').val('0');
            });

            // Función para guardar pre-embarque
            $('#btnGuardarPreEmbarque').on('click', function() {

                // Validación básica del lado cliente
                const adultos = parseInt($('#cant_adulto').val()) || 0;
                const ninos = parseInt($('#cant_nino').val()) || 0;
                const infantes = parseInt($('#cant_infante').val()) || 0;
                const total = parseInt($('#cant_total').val()) || 0;

                if (adultos < 0 || ninos < 0 || infantes < 0) {
                    $('#modalPreEmbarque').modal('hide');
                    setTimeout(() => {
                        Swal.fire({
                            title: 'Atención',
                            text: 'Las cantidades no pueden ser negativas',
                            icon: 'warning',
                            confirmButtonColor: '#3085d6',
                            confirmButtonText: 'Entendido'
                        });
                    }, 300);
                    return;
                }

                if ((adultos + ninos + infantes) !== total) {
                    $('#modalPreEmbarque').modal('hide');
                    setTimeout(() => {
                        Swal.fire({
                            title: 'Atención',
                            text: 'El total no coincide con la suma de pasajeros',
                            icon: 'warning',
                            confirmButtonColor: '#3085d6',
                            confirmButtonText: 'Entendido',
                            zIndex: 10000,
                            backdrop: true
                        });
                    }, 300);
                    return;
                }

                // Deshabilitar botón y mostrar loading
                const $btnGuardar = $('#btnGuardarPreEmbarque');
                const textoOriginal = $btnGuardar.html();
                $btnGuardar.prop('disabled', true).html('<i class="spinner-border spinner-border-sm me-1"></i>Guardando...');

                // Preparar datos del formulario
                const formData = {
                    vuelo_id: $('#modal-vuelo-id').val(),
                    ruta_vuelo_id: $('#modal-ruta-vuelo-id').val(),
                    fecha_vuelo: $('#modal-fecha_vuelo').val(),
                    registro_id: $('#modal-registro-id').val(),
                    cant_adulto: adultos,
                    cant_nino: ninos,
                    cant_infante: infantes,
                    cant_total: total,
                    _token: $('meta[name="csrf-token"]').attr('content')
                };
                // Enviar datos vía AJAX
                $.ajax({
                    url: '/control-preembarque/modal-store',
                    method: 'POST',
                    data: formData,
                    success: function(response) {
                        if (response.success) {
                            $('#modalPreEmbarque').modal('hide');
                            Swal.fire({
                                title: '¡Éxito!',
                                text: response.message,
                                icon: 'success',
                                confirmButtonColor: '#3085d6',
                                confirmButtonText: 'Excelente',
                                zIndex: 99999,           // SÚPER alto para navbar
                                backdrop: true,
                                timer: 2500,             // Auto-cerrar
                                timerProgressBar: true
                            })
                            if (typeof table !== 'undefined') {
                                table.ajax.reload(null, false);
                            } else {
                                // Opción 2 - Por ID:
                                $('#control').DataTable().ajax.reload(null, false);
                            }
                        } else {
                            Swal.fire({
                                title: 'Error',
                                text: response.message,
                                icon: 'error',
                                confirmButtonColor: '#3085d6',
                                confirmButtonText: 'Entendido',
                                zIndex: 99999
                            });
                        }
                    },
                    error: function(xhr) {
                        let mensaje = 'Error al guardar los datos';
                        if (xhr.status === 422) {
                            // Errores de validación
                            const errores = xhr.responseJSON.errors;
                            mensaje = 'Errores de validación:\n';
                            for (let campo in errores) {
                                mensaje += '- ' + errores[campo].join('\n- ') + '\n';
                            }
                        } else if (xhr.responseJSON && xhr.responseJSON.message) {
                            mensaje = xhr.responseJSON.message;
                        }
                        Swal.fire({
                            title: 'Error al Guardar',
                            text: mensaje,
                            icon: 'error',
                            confirmButtonColor: '#3085d6',
                            confirmButtonText: 'Entendido',
                            zIndex: 10000,
                            backdrop: true
                        });
                    },
                    complete: function() {
                        // Restaurar botón original
                        $btnGuardar.prop('disabled', false).html(textoOriginal);
                    }
                });
            });
        });

        // Funcion para modal Embarque
        $(document).ready(function() {
            // Abrir modal Embarque
            $(document).on('click', '.btn-abrir-embarque', function(e) {
                e.preventDefault();
                const vueloId = $(this).data('vuelo-id');
                const rutaVueloId = $(this).data('ruta-vuelo-id');
                const fechaVuelo = $(this).data('fecha-vuelo');
                // Mostrar loading en el modal
                $('#modalEmbarque').modal('show');
                $('#btnGuardarEmbarque').prop('disabled', true).html('<i class="spinner-border spinner-border-sm me-1"></i>Cargando...');
                // Obtener datos del vuelo
                $.get(`/control-embarcados/modal-data/${vueloId}/${rutaVueloId}/${fechaVuelo}`)
                    .done(function(response) {
                        if (response.success) {
                            // Cargar información del vuelo
                            $('#modal-embarque-vuelo-numero').text(response.vuelo.numero);
                            $('#modal-embarque-vuelo-aeronave').text(response.vuelo.aeronave);
                            $('#modal-embarque-vuelo-ruta').text(response.vuelo.ruta);
                            // Cargar datos del formulario
                            $('#embarque-vuelo-id').val(vueloId);
                            $('#embarque-ruta-vuelo-id').val(rutaVueloId);
                            $('#embarque-fecha_vuelo').val(fechaVuelo);
                            $('#embarque-registro-id').val(response.embarque.id || '');
                            $('#embarque_cant_adulto').val(response.embarque.cant_adulto);
                            $('#embarque_cant_nino').val(response.embarque.cant_nino);
                            $('#embarque_cant_infante').val(response.embarque.cant_infante);
                            $('#embarque_cant_total').val(response.embarque.cant_total);
                            // Restaurar botón
                            $('#btnGuardarEmbarque').prop('disabled', false).html('<i class="ti ti-device-floppy me-1"></i>Guardar');
                        } else {
                            Swal.fire({
                                title: 'Error',
                                text: response.message,
                                icon: 'error',
                                confirmButtonColor: '#3085d6',
                                confirmButtonText: 'Entendido'
                            });
                            $('#modalEmbarque').modal('hide');
                        }
                    })
                    .fail(function() {
                        Swal.fire({
                            title: 'Error',
                            text: 'Error al cargar los datos del vuelo',
                            icon: 'error',
                            confirmButtonColor: '#3085d6',
                            confirmButtonText: 'Entendido',
                            zIndex: 10000,
                            backdrop: true
                        });
                        $('#modalEmbarque').modal('hide');
                    });
            });

            // Calcular total automáticamente
            $('#embarque_cant_adulto, #embarque_cant_nino, #embarque_cant_infante').on('input', function() {
                const adultos  = parseInt($('#embarque_cant_adulto').val()) || 0;
                const ninos    = parseInt($('#embarque_cant_nino').val()) || 0;
                const infantes = parseInt($('#embarque_cant_infante').val()) || 0;
                const total    = adultos + ninos + infantes;
                $('#embarque_cant_total').val(total);
            });

            // Limpiar formulario al cerrar modal
            $('#modalEmbarque').on('hidden.bs.modal', function() {
                $('#formEmbarque')[0].reset();
                $('#embarque_cant_total').val('0');
            });

            // Función para guardar embarque
            $('#btnGuardarEmbarque').on('click', function() {
                const adultos  = parseInt($('#embarque_cant_adulto').val()) || 0;
                const ninos    = parseInt($('#embarque_cant_nino').val()) || 0;
                const infantes = parseInt($('#embarque_cant_infante').val()) || 0;
                const total    = parseInt($('#embarque_cant_total').val()) || 0;
                if (adultos < 0 || ninos < 0 || infantes < 0) {
                    $('#modalEmbarque').modal('hide');
                    setTimeout(() => {
                        Swal.fire({
                            title: 'Atención',
                            text: 'Las cantidades no pueden ser negativas',
                            icon: 'warning',
                            confirmButtonColor: '#3085d6',
                            confirmButtonText: 'Entendido'
                        });
                    }, 300);
                    return;
                }
                if ((adultos + ninos + infantes) !== total) {
                    $('#modalEmbarque').modal('hide');
                    setTimeout(() => {
                        Swal.fire({
                            title: 'Atención',
                            text: 'El total no coincide con la suma de pasajeros',
                            icon: 'warning',
                            confirmButtonColor: '#3085d6',
                            confirmButtonText: 'Entendido',
                            zIndex: 10000,
                            backdrop: true
                        });
                    }, 300);
                    return;
                }
                // Deshabilitar botón y mostrar loading
                const $btnGuardar = $('#btnGuardarEmbarque');
                const textoOriginal = $btnGuardar.html();
                $btnGuardar.prop('disabled', true).html('<i class="spinner-border spinner-border-sm me-1"></i>Guardando...');
                // Preparar datos del formulario
                const formData = {
                    vuelo_id: $('#embarque-vuelo-id').val(),
                    ruta_vuelo_id: $('#embarque-ruta-vuelo-id').val(),
                    fecha_vuelo: $('#embarque-fecha_vuelo').val(),
                    registro_id: $('#embarque-registro-id').val(),
                    cant_adulto: adultos,
                    cant_nino: ninos,
                    cant_infante: infantes,
                    cant_total: total,
                    _token: $('meta[name="csrf-token"]').attr('content')
                };
                // Enviar datos vía AJAX
                $.ajax({
                    url: '/control-embarcados/modal-store',
                    method: 'POST',
                    data: formData,
                    success: function(response) {
                        if (response.success) {
                            $('#modalEmbarque').modal('hide');
                            Swal.fire({
                                title: '¡Éxito!',
                                text: response.message,
                                icon: 'success',
                                confirmButtonColor: '#3085d6',
                                confirmButtonText: 'Excelente',
                                timer: 2500,
                                timerProgressBar: true
                            })
                            if (typeof table !== 'undefined') {
                                table.ajax.reload(null, false);
                            } else {
                                $('#control').DataTable().ajax.reload(null, false);
                            }
                        } else {
                            Swal.fire({
                                title: 'Error',
                                text: response.message,
                                icon: 'error',
                                confirmButtonColor: '#3085d6',
                                confirmButtonText: 'Entendido'
                            });
                        }
                    },
                    error: function(xhr) {
                        let mensaje = 'Error al guardar los datos';
                        if (xhr.status === 422) {
                            // Errores de validación
                            const errores = xhr.responseJSON.errors;
                            mensaje = 'Errores de validación:\n';
                            for (let campo in errores) {
                                mensaje += '- ' + errores[campo].join('\n- ') + '\n';
                            }
                        } else if (xhr.responseJSON && xhr.responseJSON.message) {
                            mensaje = xhr.responseJSON.message;
                        }
                        Swal.fire({
                            title: 'Error al Guardar',
                            text: mensaje,
                            icon: 'error',
                            confirmButtonColor: '#3085d6',
                            confirmButtonText: 'Entendido',
                            zIndex: 10000,
                            backdrop: true
                        });
                    },
                    complete: function() {
                        $btnGuardar.prop('disabled', false).html(textoOriginal);
                    }
                });
            });
        });

        // Funcion para modal Equipaje y Carga
        $(document).ready(function() {
            $(document).on('click', '.btn-abrir-equipaje-carga', function(e) {
                e.preventDefault();
                const vueloId = $(this).data('vuelo-id');
                const rutaVueloId = $(this).data('ruta-vuelo-id');
                const fechaVuelo = $(this).data('fecha-vuelo');
                // Limpiar formulario
                $('#equipajeCargaForm')[0].reset();
                // Setear campos ocultos
                $('#modal-equipaje-vuelo-id').val(vueloId);
                $('#modal-equipaje-ruta-vuelo-id').val(rutaVueloId);
                $('#modal-equipaje-fecha-vuelo').val(fechaVuelo);
                // Cargar datos del vuelo
                $.get(`/equipaje-carga/modal-data/${vueloId}/${rutaVueloId}/${fechaVuelo}`)
                    .done(function(response) {
                        if (response.success) {
                            // Llenar información del vuelo
                            $('#modal-equipaje-vuelo-numero').text(`SRU${response.vuelo.numero}`);
                            $('#modal-equipaje-vuelo-ruta').text(`${response.ruta.origen} → ${response.ruta.destino}`);
                            $('#modal-equipaje-fecha-vuelo-display').text(fechaVuelo);
                            $('#modal-equipaje-destino-llegada').val(response.ruta.destino);
                            $('#equipaje-cant-equipaje').val(response.equipaje_carga.cant_equipaje);
                            $('#equipaje-kilos-equipaje').val(response.equipaje_carga.kilos_equipaje);
                            $('#equipaje-cant-carga').val(response.equipaje_carga.cant_carga);
                            $('#equipaje-kilos-carga').val(response.equipaje_carga.kilos_carga);
                            // Abrir modal
                            $('#equipajeCargaModal').modal('show');
                        } else {
                            Swal.fire({
                                title: 'Error',
                                text: response.message || 'Error al cargar datos del vuelo',
                                icon: 'error',
                                confirmButtonText: 'OK'
                            });
                        }
                    })
                    .fail(function() {
                        Swal.fire({
                            title: 'Error de conexión',
                            text: 'No se pudo cargar la información del vuelo',
                            icon: 'error',
                            confirmButtonText: 'OK'
                        });
                    });
            });

            $('#guardar-equipaje-carga').on('click', function() {
                const formData = new FormData($('#equipajeCargaForm')[0]);
                // Validación básica
                const cantEquipaje = $('#equipaje-cant-equipaje').val();
                if (!cantEquipaje || cantEquipaje < 0) {
                    Swal.fire({
                        title: 'Campo requerido',
                        text: 'La cantidad de equipaje es obligatoria',
                        icon: 'warning',
                        confirmButtonText: 'OK'
                    });
                    $('#equipaje-cant-equipaje').focus();
                    return;
                }

                // Deshabilitar botón mientras se procesa
                $(this).prop('disabled', true).html('<i class="fas fa-spinner fa-spin me-1"></i>Guardando...');

                $.ajax({
                    url: '/equipaje-carga/modal-store',
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                })
                .done(function(response) {
                    if (response.success) {
                        $('#equipajeCargaModal').modal('hide');
                            Swal.fire({
                                title: '¡Éxito!',
                                text: response.message,
                                icon: 'success',
                                confirmButtonColor: '#3085d6',
                                confirmButtonText: 'Excelente',
                                timer: 2500,
                                timerProgressBar: true
                            })
                            if (typeof table !== 'undefined') {
                                table.ajax.reload(null, false);
                            } else {
                                $('#control').DataTable().ajax.reload(null, false);
                            }
                    } else {
                        Swal.fire({
                            title: 'Error al guardar',
                            text: response.message || 'Ocurrió un error inesperado',
                            icon: 'error',
                            confirmButtonText: 'OK'
                        });
                    }
                })
                .fail(function(xhr) {
                    let errorMessage = 'Error de conexión';

                    if (xhr.status === 422) {
                        // Errores de validación
                        const errors = xhr.responseJSON?.errors;
                        if (errors) {
                            errorMessage = Object.values(errors).flat().join('\n');
                        }
                    } else if (xhr.responseJSON?.message) {
                        errorMessage = xhr.responseJSON.message;
                    }

                    Swal.fire({
                        title: 'Error',
                        text: errorMessage,
                        icon: 'error',
                        confirmButtonText: 'OK'
                    });
                })
                .always(function() {
                    // Rehabilitar botón
                    $('#guardar-equipaje-carga').prop('disabled', false).html('<i class="fas fa-save me-1"></i>Guardar');
                });
            });

            $('#equipajeCargaModal').on('hidden.bs.modal', function() {
                $('#equipajeCargaForm')[0].reset();
                $('#guardar-equipaje-carga').prop('disabled', false).html('<i class="fas fa-save me-1"></i>Guardar');
            });
        });

        // Funcion para botón Reprogramar Vuelo
        $(document).ready(function() {
            let datosVueloActual = {};
            $(document).on('click', '.btnReprogramarVuelo', function() {
                datosVueloActual = {
                    vueloId: $(this).data('vuelo-id'),
                    rutaVueloId: $(this).data('ruta-vuelo-id'),
                    fechaVuelo: $(this).data('fecha-vuelo')
                };;
                $('#reprogramarVueloModal').modal('show');
                cargarDatosVuelo(datosVueloActual.vueloId, datosVueloActual.rutaVueloId, datosVueloActual.fechaVuelo);
            });

            $('#reprogramarVueloForm').on('submit', function(e) {
                e.preventDefault();
                const formData = new FormData(this);
                const url = `/reprogramar-vuelo/${datosVueloActual.vueloId}/${datosVueloActual.rutaVueloId}/${datosVueloActual.fechaVuelo}`;
                $.ajax({
                    url: url,
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    success: function(response) {
                        $('#reprogramarVueloModa').modal('hide');
                            Swal.fire({
                                title: '¡Éxito!',
                                text: response.message,
                                icon: 'success',
                                confirmButtonColor: '#3085d6',
                                confirmButtonText: 'Excelente',
                                timer: 2500,
                                timerProgressBar: true
                            })
                            if (typeof table !== 'undefined') {
                                table.ajax.reload(null, false);
                            } else {
                                $('#control').DataTable().ajax.reload(null, false);
                            }
                    },
                    error: function(xhr) {
                        Swal.fire({
                            title: 'Error al guardar',
                            text: response.message || 'Ocurrió un error inesperado',
                            icon: 'error',
                            confirmButtonText: 'OK'
                        });
                    }
                });
            });
        });

        function cargarDatosVuelo(vueloId, rutaVueloId, fechaVuelo) {
            const url = `/reprogramar-vuelo/${vueloId}/${rutaVueloId}/${fechaVuelo}`;
            $.ajax({
                url: url,
                type: 'GET',
                headers: {
                    'X-Requested-With': 'XMLHttpRequest'
                },
                success: function(data) {
                    const vueloInfo = `Vuelo SRU${data.vuelo.numero_vuelo} | ${data.ruta_vuelo.destino_partida.abreviatura_destino} -> ${data.ruta_vuelo.destino_llegada.abreviatura_destino}`;
                    $('#vueloInfo').text(vueloInfo);
                    // Llenar campos del formulario
                    const fechaFormateada = data.fecha_vuelo.split('-').reverse().join('-');
                    $('#modal_fecha_vuelo').val(fechaFormateada);
                    $('#modal_duracion_vuelo').val(data.ruta_vuelo.duracion_vuelo);
                    if (data.reprogramacion) {
                        $('#modal_hora_salida').val(data.reprogramacion.hora_salida_reprogramada);
                        $('#modal_hora_llegada').val(data.reprogramacion.hora_llegada_reprogramada);
                        // Cargar aeronaves con la aeronave reprogramada seleccionada
                        cargarAeronaves(data.aeronaves, data.reprogramacion.aeronave_id);
                    } else {
                        // Mostrar horarios originales
                        $('#modal_hora_salida').val(data.ruta_vuelo.hora_salida);
                        $('#modal_hora_llegada').val(data.ruta_vuelo.hora_llegada);
                        // Cargar aeronaves con la aeronave original seleccionada
                        cargarAeronaves(data.aeronaves, data.vuelo.aeronave_id);
                    }
                },
                error: function(xhr) {
                    Swal.fire({
                        title: 'Error',
                        text: response.message || 'Error al cargar datos del vuelo',
                        icon: 'error',
                        confirmButtonText: 'OK'
                    });
                }
            });
        }

        function cargarAeronaves(aeronaves, aeronaveActualId) {
            const select = $('#modal_aeronave_id');
            select.empty();
            select.append('<option value="">Seleccione aeronave</option>');

            aeronaves.forEach(function(aeronave) {
                const selected = aeronave.id == aeronaveActualId ? 'selected' : '';
                const style = aeronave.id == aeronaveActualId ? 'style="background-color: #9be9f4; font-weight: bold;"' : '';

                select.append(`<option value="${aeronave.id}" ${selected} ${style}>
                    ${aeronave.nombre} - ${aeronave.numero_cola}
                </option>`);
            });
        }

        // Funcion para asignar la aeronave al vuelo
        $(document).ready(function() {
            let vueloIdSeleccionado = null;
            let fechaVueloSeleccionada = null;
            // Abrir modal al hacer clic en el botón
            $(document).on('click', '.btn-asignar-aeronave', function() {
                const url = $(this).data('url');
                vueloIdSeleccionado = $(this).data('vuelo-id');
                fechaVueloSeleccionada = $(this).data('fecha-vuelo');
                const numeroVuelo = $(this).data('numero-vuelo');
                $('#modal-numero-vuelo').text(numeroVuelo);
                $('#modal-fecha-vuelo').text(fechaVueloSeleccionada);
                $('#select-aeronave').html('<option value="">Cargando...</option>');
                // Obtener aeronaves disponibles
                $.get(url, function(data) {
                    let options = '<option value="">Seleccione una aeronave</option>';
                    data.aeronaves.forEach(function(aeronave) {
                        const selected = aeronave.id == data.aeronave_actual ? 'selected' : '';
                        options += `<option value="${aeronave.id}" ${selected}>${aeronave.nombre} - ${aeronave.numero_cola}</option>`;
                    });
                    $('#select-aeronave').html(options);
                });
                $('#modalAsignarAeronave').modal('show');
            });

            // Guardar asignación
            $('#btn-guardar-aeronave').click(function() {
                const aeronaveId = $('#select-aeronave').val();
                if (!aeronaveId) {
                    Swal.fire({
                        icon: 'warning',
                        title: 'Atención',
                        text: 'Por favor seleccione una aeronave',
                        confirmButtonText: 'Aceptar'
                    });
                    return;
                }
                const btnGuardar = $(this);
                btnGuardar.prop('disabled', true).text('Guardando...');
                $.ajax({
                    url: '{{ route("vuelos.guardar-asignacion-aeronave") }}',
                    type: 'POST',
                    data: {
                        _token: '{{ csrf_token() }}',
                        vuelo_id: vueloIdSeleccionado,
                        aeronave_id: aeronaveId,
                        fecha_vuelo: fechaVueloSeleccionada
                    },
                    success: function(response) {
                        if (response.success) {
                            Swal.fire({
                                icon: 'success',
                                title: '¡Éxito!',
                                text: response.message,
                                confirmButtonText: 'Aceptar'
                            }).then(() => {
                                $('#modalAsignarAeronave').modal('hide');
                                $('#control').DataTable().ajax.reload(null, false);
                            });
                        }
                    },
                    error: function(xhr) {
                        const error = xhr.responseJSON;
                        Swal.fire({
                            icon: 'error',
                            title: 'Error',
                            text: error.message || 'Error al asignar aeronave',
                            confirmButtonText: 'Aceptar'
                        });
                    },
                    complete: function() {
                        btnGuardar.prop('disabled', false).text('Guardar');
                    }
                });
            });
        });

        // Función para modal Sala/PEA
        $(document).ready(function() {
            $(document).on('click', '.btn-abrir-sala-pea', function(e) {
                e.preventDefault();
                const vueloId = $(this).data('vuelo-id');
                const rutaVueloId = $(this).data('ruta-vuelo-id');
                const fechaVuelo = $(this).data('fecha-vuelo');
                const numeroVuelo = $(this).data('numero-vuelo');
                const ruta = $(this).data('ruta');
                $('#hidden-vuelo-id').val(vueloId);
                $('#hidden-ruta-vuelo-id').val(rutaVueloId);
                $('#modal-sp-numero-vuelo').text(`SRU${numeroVuelo}`);
                $('#modal-sp-ruta').text(ruta);
                const fechaFormateada = fechaVuelo.split('-').reverse().join('/');
                $('#modal-sp-fecha-vuelo').text(fechaFormateada);
                $('#input-sala').val('');
                $('#input-pea').val('');
                $.get(`/sala-pea/obtener/${vueloId}/${rutaVueloId}/${fechaVuelo}`)
                    .done(function(response) {
                        if (response.success && response.data) {
                            $('#input-sala').val(response.data.sala || '');
                            $('#input-pea').val(response.data.pea || '');
                        }
                        $('#modalSalaPea').modal('show');
                    })
                    .fail(function() {
                        $('#modalSalaPea').modal('show');
                    });
            });
            // Guardar Sala/PEA
            $('#btn-guardar-sala-pea').on('click', function() {
                const vueloId = $('#hidden-vuelo-id').val();
                const rutaVueloId = $('#hidden-ruta-vuelo-id').val();
                const sala = $('#input-sala').val().trim();
                const pea = $('#input-pea').val().trim();
                if (!sala && !pea) {
                    Swal.fire({
                        title: 'Campos requeridos',
                        text: 'Debe ingresar al menos Sala o PEA',
                        icon: 'warning',
                        confirmButtonText: 'OK'
                    });
                    return;
                }
                $(this).prop('disabled', true).html('<i class="fas fa-spinner fa-spin me-1"></i>Guardando...');
                $.ajax({
                    url: '/sala-pea/guardar',
                    type: 'POST',
                    data: {
                        vuelo_id: vueloId,
                        ruta_vuelo_id: rutaVueloId,
                        sala: sala,
                        pea: pea,
                        _token: $('meta[name="csrf-token"]').attr('content')
                    }
                })
                .done(function(response) {
                    if (response.success) {
                        $('#modalSalaPea').modal('hide');
                        Swal.fire({
                            title: '¡Éxito!',
                            text: response.message,
                            icon: 'success',
                            confirmButtonColor: '#3085d6',
                            confirmButtonText: 'Excelente',
                            timer: 2500,
                            timerProgressBar: true
                        });
                        if (typeof table !== 'undefined') {
                            table.ajax.reload(null, false);
                        } else {
                            $('#control').DataTable().ajax.reload(null, false);
                        }
                    } else {
                        Swal.fire({
                            title: 'Error al guardar',
                            text: response.message || 'Ocurrió un error inesperado',
                            icon: 'error',
                            confirmButtonText: 'OK'
                        });
                    }
                })
                .fail(function(xhr) {
                    let errorMessage = 'Error de conexión';
                    if (xhr.status === 422) {
                        const errors = xhr.responseJSON?.errors;
                        if (errors) {
                            errorMessage = Object.values(errors).flat().join('\n');
                        }
                    } else if (xhr.responseJSON?.message) {
                        errorMessage = xhr.responseJSON.message;
                    }
                    Swal.fire({
                        title: 'Error',
                        text: errorMessage,
                        icon: 'error',
                        confirmButtonText: 'OK'
                    });
                })
                .always(function() {
                    $('#btn-guardar-sala-pea').prop('disabled', false).html('Guardar');
                });
            });
            $('#modalSalaPea').on('hidden.bs.modal', function() {
                $('#input-sala').val('');
                $('#input-pea').val('');
                $('#btn-guardar-sala-pea').prop('disabled', false).html('Guardar');
            });
        });

        // Abrir modal de Motivo Retraso
        $(document).on('click', '.btn-abrir-motivo-retraso', function(e) {
            e.preventDefault();
            const vueloId     = $(this).data('vuelo-id');
            const rutaVueloId = $(this).data('ruta-vuelo-id');
            const fechaVuelo  = $(this).data('fecha-vuelo');
            // Asignar valores a los campos hidden
            $('#motivo_vuelo_id').val(vueloId);
            $('#motivo_ruta_vuelo_id').val(rutaVueloId);
            $('#motivo_fecha_vuelo').val(fechaVuelo);
            // Limpiar campos
            $('#estado_retraso_id').html('<option value="">Cargando...</option>');
            $('#observacion_retraso').val('');
            // Cargar datos del modal
            cargarDatosMotivoRetraso(vueloId, rutaVueloId, fechaVuelo);
            // Abrir modal
            $('#modalMotivoRetraso').modal('show');
        });
        $('#modalMotivoRetraso').on('shown.bs.modal', function () {
            $('#estado_retraso_id').select2({
                dropdownParent: $('#modalMotivoRetraso'),
                placeholder: 'Buscar motivo...',
                allowClear: true,
                width: '100%'
            });
        });

        // Función para cargar motivos de retraso y datos existentes
        function cargarDatosMotivoRetraso(vueloId, rutaVueloId, fechaVuelo) {
            $.ajax({
                url: URLs + '/control_vuelos/obtener-motivo-retraso',
                method: 'GET',
                data: {
                    vuelo_id: vueloId,
                    ruta_vuelo_id: rutaVueloId,
                    fecha_vuelo: fechaVuelo
                },
                success: function(response) {
                    // Cargar motivos en el select
                    let options = '<option value="">Seleccionar motivo</option>';
                    response.motivos.forEach(function(motivo) {
                        options += `<option value="${motivo.id}">${motivo.codigo_interno} - ${motivo.nombre_retraso}</option>`;
                    });
                    $('#estado_retraso_id').html(options);
                    if (response.registro) {
                        $('#estado_retraso_id').val(response.registro.estado_retraso_id);
                        $('#observacion_retraso').val(response.registro.observacion);
                    }
                },
                error: function(xhr) {
                    Swal.fire({
                        icon: 'error',
                        title: 'Error',
                        text: 'No se pudieron cargar los motivos de retraso'
                    });
                    $('#modalMotivoRetraso').modal('hide');
                }
            });
        }

        // Guardar motivo de retraso
        $(document).on('click', '#btnGuardarMotivoRetraso', function(e) {
            e.preventDefault();
            const estadoRetrasoId = $('#estado_retraso_id').val();
            // Validar que se haya seleccionado un motivo
            if (!estadoRetrasoId) {
                Swal.fire({
                    icon: 'warning',
                    title: 'Campo requerido',
                    text: 'Debe seleccionar un motivo de retraso'
                });
                return;
            }
            const formData = {
                vuelo_id         : $('#motivo_vuelo_id').val(),
                ruta_vuelo_id    : $('#motivo_ruta_vuelo_id').val(),
                fecha_vuelo      : $('#motivo_fecha_vuelo').val(),
                estado_retraso_id: estadoRetrasoId,
                observacion      : $('#observacion_retraso').val(),
                _token           : $('meta[name="csrf-token"]').attr('content')
            };
            $.ajax({
                url: URLs + '/control_vuelos/guardar-motivo-retraso',
                method: 'POST',
                data: formData,
                success: function(response) {
                    $('#modalMotivoRetraso').modal('hide');
                    setTimeout(function() {
                        Swal.fire({
                            icon: 'success',
                            title: 'Éxito',
                            text: response.message,
                            timer: 2000,
                            showConfirmButton: false
                        });
                    }, 300);
                },
                error: function(xhr) {
                    Swal.fire({
                        icon: 'error',
                        title: 'Error',
                        text: xhr.responseJSON?.message || 'No se pudo guardar el motivo de retraso'
                    });
                }
            });
        });
    </script>
@endsection