@extends('adminlte::page')

@section('title', 'Detalle de Contenedor')

@section('content_header')
<div class="bg-light p-3 mb-3 border rounded shadow-sm d-flex justify-content-between align-items-center">
    <h3 class="fw-bold text-primary mb-0">
        🧾 Detalle del Contenedor — {{ $stock->e_contenedor }}
    </h3>
    <div class="d-flex gap-2">
        <a href="{{ route('salida.index') }}" class="btn btn-outline-secondary">
            ← Regresar
        </a>
        <a href="{{ route('salida.pdf', $stock->id) }}" class="btn btn-danger" target="_blank">
            <i class="fas fa-file-pdf"></i> PDF
        </a>
    </div>
</div>
@endsection

@section('content')
<div class="container">

    {{-- Sección Entrada / Tránsito --}}
    <div class="card shadow-sm border-0 mb-4">
        <div class="card-header bg-dark text-white fw-bold">📥 Datos de Entrada (Tránsito)</div>
        <div class="card-body">
            <div class="row g-3">
                <div class="col-md-3"><b>EIR Entrada:</b> {{ $stock->e_eir }}</div>
                <div class="col-md-3"><b>Contenedor:</b> {{ $stock->e_contenedor }}</div>
                <div class="col-md-3"><b>Carrier:</b> {{ $stock->e_carrier }}</div>
                <div class="col-md-3"><b>Naviera:</b> {{ $stock->e_naviera }}</div>

                <div class="col-md-3"><b>Fecha Entrada:</b> {{ $stock->e_fecha_entrada }}</div>
                <div class="col-md-3"><b>Hora Entrada:</b> {{ $stock->e_hora_entrada }}</div>
                <div class="col-md-3"><b>Booking:</b> {{ $stock->e_booking }}</div>
                <div class="col-md-3"><b>BL:</b> {{ $stock->e_bill_of_landing }}</div>

                <div class="col-md-3"><b>Sello:</b> {{ $stock->e_sello }}</div>
                <div class="col-md-3"><b>Transportista:</b> {{ $stock->e_transportista }}</div>
                <div class="col-md-3"><b>Peso Contenedor:</b> {{ $stock->e_peso_contenedor }}</div>
                <div class="col-md-3"><b>Borderó:</b> {{ $stock->e_bordero }}</div>
            </div>
        </div>
    </div>

    {{-- Sección Inventario --}}
    <div class="card shadow-sm border-0 mb-4">
        <div class="card-header bg-secondary text-white fw-bold">🏗 Datos de Patio (Inventario)</div>
        <div class="card-body">
            <div class="row g-3">
                <div class="col-md-2"><b>Bahía:</b> {{ $stock->i_bahia ?? '-' }}</div>
                <div class="col-md-2"><b>Bahía No.:</b> {{ $stock->i_bahia_numero ?? '-' }}</div>
                <div class="col-md-2"><b>Fila:</b> {{ $stock->i_fila ?? '-' }}</div>
                <div class="col-md-2"><b>Altura:</b> {{ $stock->i_altura ?? '-' }}</div>
                <div class="col-md-2"><b>Cant. Mercancía:</b> {{ $stock->i_total_qty_of_goods ?? '-' }}</div>
                <div class="col-md-2"><b>Peso Neto:</b> {{ $stock->i_net_weight_goods ?? '-' }}</div>
                <div class="col-md-4"><b>Transporte:</b> {{ $stock->i_transport_goods ?? '-' }}</div>
                <div class="col-md-8"><b>Descripción:</b> {{ $stock->i_description ?? '-' }}</div>
            </div>
        </div>
    </div>

    {{-- Sección Salida --}}
    <div class="card shadow-sm border-0">
        <div class="card-header bg-primary text-white fw-bold">🚚 Datos de Salida</div>
        <div class="card-body">
            <div class="row g-3">
                <div class="col-md-2"><b>EIR Salida:</b> {{ $stock->s_eir }}</div>
                <div class="col-md-3"><b>Fecha Salida:</b> {{ $stock->s_fecha }}</div>
                <div class="col-md-2"><b>WO:</b> {{ $stock->s_wo }}</div>
                <div class="col-md-2"><b>Operación:</b> {{ $stock->s_operacion }}</div>
                <div class="col-md-3"><b>Cita:</b> {{ $stock->s_cita }}</div>

                <div class="col-md-3"><b>CCP:</b> {{ $stock->s_ccp }}</div>
                <div class="col-md-3"><b>Operador:</b> {{ $stock->s_operador }}</div>
                <div class="col-md-3"><b>Chasis:</b> {{ $stock->s_chasis }}</div>
                <div class="col-md-3"><b>EDI:</b> {{ $stock->s_edi }}</div>
            </div>
        </div>
    </div>

</div>
@endsection