@extends('layouts.app')

@section('title', 'Detalles de Programación')

@section('css')
    <style>
        .estado-programado {
            background-color: #B4C852 !important;
            color: #131212 !important;
        }
        .estado-avion-en-toma {
            background-color: #8D2B8F !important;
            color: #FFFFFF !important;
        }
        .estado-inicio-embarque {
            background-color: #9EC3FF !important;
        }
        .estado-fin-embarque {
            background-color: #1E73FF !important;
            color: #FFFFFF !important;
        }

        .estado-cierre-de-puertas {
            background-color: #BD5D00 !important;
            color: #FFFFFF !important;
        }
        .estado-pushback {
            background-color: #FFA72C !important;
        }
        .estado-taxeo {
            background-color: #AF9000 !important;
            color: #FFFFFF !important;
        }
        .estado-despego {
            background: linear-gradient(170deg, #DDE6BB 50%, #B4D26D 50% ); /* Gradiente en diagonal */
            font-weight: bold;
        }
        .estado-en-ruta {
            background: linear-gradient(180deg, #DDE6BB 50%, #B4D26D 50% );
            font-weight: bold;
        }
        .estado-aterrizo {
            background: linear-gradient(190deg, #DDE6BB 50%, #B4D26D 50% ); /* Gradiente en diagonal */
            font-weight: bold;
        }
        .estado-apertura-de-puertas {
            background-color: #87E931 !important;
        }
        .estado-fin-desembarque {
            background-color: #1BAB15 !important;
            color: #FFFFFF !important;
        }
        .estado-no-disponible {
            background-color: #D3D3D3; /* Gris */
        }
        tr.estados-titulos {
            background-color: #f1f1f0;
        }
    </style>
@endsection

@section('content')
    <div class="card">
        <div class="card-header d-flex align-items-center justify-content-between">
            <h5>Estado de vuelo itinerario</h5>
            <a href="{{ route('control_vuelos.index') }}" class="btn btn-warning btn-sm text-black">
                <i class="fa-solid fa-reply me-1"> Retornar</i>
            </a>
        </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-striped table-bordered text-center">
                        <thead>
                            <tr>
                                <th colspan="5"><b>ITINERARIO</b></th>
                                <th class="{{ $css_clases }}">
                                    <b>{{ $estado_nombre }}</b>
                                </th>
                            </tr>
                            <tr>
                                <th>Fecha</th>
                                <th>Avión</th>
                                <th>Vuelo</th>
                                <th>Ruta</th>
                                <th>Salida</th>
                                <th>Llegada</th>
                            </tr>
                        </thead>
                        <tbody>
                            <td>{{ Carbon\Carbon::parse($colaboradores->first()->pivot->fecha_vuelo)->format('d-m-Y') ?? 'No disponible' }}</td>
                            <td>{{ $vuelo->aeronave->numero_cola }}</td>
                            <td>SRU {{ $vuelo->numero_vuelo }}</td>
                            <td>{{ $ruta->destinoPartida->abreviatura_destino ?? 'No disponible' }} - {{ $ruta->destinoLlegada->abreviatura_destino ?? 'No disponible' }}</td>
                            <td>{{ Carbon\Carbon::createFromFormat('H:i:s', $ruta->hora_salida)->format('H:i') ?? 'No disponible' }}</td>
                            <td>{{ Carbon\Carbon::createFromFormat('H:i:s', $ruta->hora_llegada)->format('H:i') ?? 'No disponible' }}</td>
                            <tr>
                                <td colspan="6"><b>INDICADORES DEL VUELO</b></td>
                            </tr>
                            <tr>
                                <th>Puntualidad</th>
                                <th>F.O.</th>
                                <th>Combustible (kg/Lb)</th>
                                <th>Duración del Vuelo</th>
                                <th></th>
                                <th></th>
                            </tr>
                            <tr>
                                <td>
                                    @if($puntualidad === null)
                                        <span class="text-muted">--</span>
                                    @elseif($puntualidad)
                                        <i class="fas fa-check-circle text-success" title="Puntual"></i>
                                    @else
                                        <i class="fas fa-times-circle text-danger" title="Atraso"></i>
                                    @endif
                                </td>
                                <td>
                                    @if($factorOcupacion !== null)
                                        {{ $factorOcupacion }}%
                                    @else
                                        <span class="text-muted">--</span>
                                    @endif
                                </td>
                                <td>3</td>
                                <td>{{ $duracionVuelo }}</td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr>
                                <td colspan="6"><b>ESTADOS DE SEGUIMIENTO DEL VUELO</b></td>
                            </tr>
                            <tr class="estados-titulos">
                                <th colspan="2">Avión en Toma</th>
                                <th colspan="2">Inicio embarque</th>
                                <th colspan="2">Fin embarque</th>
                            </tr>
                            <tr>
                                <td colspan="2">{{ $estadosSeguimiento['avion_toma'] }}</td>
                                <td colspan="2">{{ $estadosSeguimiento['inicio_embarque'] }}</td>
                                <td colspan="2">{{ $estadosSeguimiento['fin_embarque'] }}</td>
                            </tr>
                            <tr class="estados-titulos">
                                <th colspan="2">Cierre de Puerta</th>
                                <th colspan="2">Pushback</th>
                                <th colspan="2">Taxeo</th>
                            </tr>
                            <tr>
                                <td colspan="2">{{ $estadosSeguimiento['cierre_puertas'] }}</td>
                                <td colspan="2">{{ $estadosSeguimiento['push'] }}</td>
                                <td colspan="2">{{ $estadosSeguimiento['taxeo'] }}</td>
                            </tr>
                            <tr class="estados-titulos">
                                <th colspan="2">Despegue</th>
                                <th colspan="2">Estimado Llegada</th>
                                <th colspan="2">Aterrizaje</th>
                            </tr>
                            <tr>
                                <td colspan="2">{{ $estadosSeguimiento['despego'] }}</td>
                                <td colspan="2">{{ $horaEstimadaLlegada ?? '--:--' }}</td>
                                <td colspan="2">{{ $estadosSeguimiento['aterrizo'] }}</td>
                            </tr>
                            <tr class="estados-titulos">
                                <th colspan="2">Abrio puertas</th>
                                <th colspan="2">Fin desembarque</th>
                                <th colspan="2"></th>
                            </tr>
                            <tr>
                                <td colspan="2">{{ $estadosSeguimiento['apertura_puerta'] }}</td>
                                <td colspan="2">{{ $estadosSeguimiento['fin_desembarque'] }}</td>
                                <td colspan="2"></td>
                            </tr>
                            <tr class="estados-titulos">
                                <th>Pre-Tráfico</th>
                                <th>Embarcados</th>
                                <th>Sala</th>
                                <th>PEA</th>
                                <th>Equipaje (Cant. | Kg | Lb)</th>
                                <th>Carga (Bultos | Kg | Lb)</th>
                            </tr>
                            <tr>
                                <td>{{ $pasajeros_preembarque->cant_adulto ?? 0 }} | {{ $pasajeros_preembarque->cant_nino ?? 0 }} | {{ $pasajeros_preembarque->cant_infante ?? 0 }}</td>
                                <td>{{ $pasajeros_embarcados->cant_adulto ?? 0 }} | {{ $pasajeros_embarcados->cant_nino ?? 0 }} | {{ $pasajeros_embarcados->cant_infante ?? 0 }}</td>
                                <td>{{ $sala_pea->sala ?? 0 }}</td>
                                <td>{{ $sala_pea->pea ?? 0 }}</td>
                                <td>{{ $equipaje_carga->cant_equipaje ?? 0 }} | {{ $equipaje_carga->kilos_equipaje ?? 0 }} | {{ number_format($libras_equipaje, 2) }}</td>
                                <td>{{ $equipaje_carga->cant_carga ?? 0 }} | {{ $equipaje_carga->kilos_carga ?? 0 }} | {{ number_format($libras_carga, 2) }}</td>
                            </tr>
                            <tr>
                                <td colspan="6"><b>ESTADOS DE GESTION DE TRAFICO</b></td>
                            </tr>
                            @foreach ($estadosGestionTrafico as $trafico)
                                <tr>
                                    <td colspan="5">{{ $trafico->nombre }}</td>
                                    <td>{{ $trafico->hora_registro ?? 'Pendiente' }}</td>
                                </tr>
                            @endforeach
                            <tr>
                                <td colspan="6"><b>TRIPULACION</b></td>
                            </tr>
                            @foreach($colaboradores as $colaborador)
                                <tr>
                                    <td colspan="4">{{ $colaborador->nombre }}</td>
                                    <td colspan="2">{{ $colaborador->appCargo->cargo_vuelo ?? 'Cargo no disponible' }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
    </div>
@endsection