@extends('../layouts/partials/header')

@section('content')

<div class="container mt-4">

    <div class="card shadow">
        <div class="card-header bg-dark text-white">
            <h4 class="mb-0">🚛 Registro de Salida de Contenedor</h4>
        </div>

        <div class="card-body">

            {{-- ✅ Mensajes --}}
            @if(session('success'))
                <div class="alert alert-success">{{ session('success') }}</div>
            @endif
            @if(session('error'))
                <div class="alert alert-danger">{{ session('error') }}</div>
            @endif
            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul class="mb-0">
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <form action="{{ route('salida.store') }}" method="POST">
                @csrf

                {{-- ✅ Datos de Entrada --}}
                <h5 class="text-primary mt-3">📥 Datos de Entrada</h5>
                <div class="row g-3">

                    <div class="col-md-3">
                        <label class="fw-bold text-danger">EIR Entrada</label>
                        <input type="text" class="form-control bg-light text-danger fw-bold" value="{{ $stock->e_eir }}" readonly>
                    </div>

                    <div class="col-md-3">
                        <label>Fecha Entrada</label>
                        <input type="text" class="form-control bg-light" value="{{ $stock->e_fecha_entrada }}" readonly>
                    </div>

                    <div class="col-md-3">
                        <label>Hora Entrada</label>
                        <input type="text" class="form-control bg-light" value="{{ $stock->e_hora_entrada }}" readonly>
                    </div>

                    <div class="col-md-3">
                        <label>Booking</label>
                        <input type="text" class="form-control bg-light" value="{{ $stock->e_booking }}" readonly>
                    </div>

                    <div class="col-md-3">
                        <label>Contenedor</label>
                        <input type="text" class="form-control bg-light" value="{{ $stock->e_contenedor }}" readonly>
                        <input type="hidden" name="e_contenedor" value="{{ $stock->e_contenedor }}">
                    </div>

                    <div class="col-md-3">
                        <label class="form-label fw-bold">Transportista</label>
                        <input type="text" class="form-control bg-light" value="{{ $stock->e_transportista }}" readonly>
                    </div>

                    <div class="col-md-3">
                        <label class="form-label fw-bold">Maniobra</label>
                        <input type="text" class="form-control bg-light" value="{{ $stock->e_carrier }}" readonly>
                    </div>

                    <div class="col-md-3">
                        <label class="form-label fw-bold">Bill of Lading</label>
                        <input type="text" class="form-control bg-light" value="{{ $stock->e_bill_of_landing }}" readonly>
                    </div>

                    <div class="col-md-3">
                        <label class="form-label fw-bold">Borderó</label>
                        <input type="text" class="form-control bg-light" value="{{ $stock->e_bordero }}" readonly>
                    </div>

                    <div class="col-md-3">
                        <label class="form-label fw-bold">Sello</label>
                        <input type="text" class="form-control bg-light" value="{{ $stock->e_sello }}" readonly>
                    </div>

                    {{-- <div class="col-md-3">
                        <label class="form-label fw-bold">Config. de Camión</label>
                        <input type="text" class="form-control bg-light" value="{{ $stock->e_full_single }}" readonly>
                    </div> --}}

                    <div class="col-md-3">
                        <label class="form-label fw-bold text-danger fs-6">Peso Contenedor</label>
                        <input type="text" class="form-control bg-light" value="{{ $stock->e_peso_contenedor }}" requested>
                    </div>

                    <div class="col-md-3">
                        <label class="form-label fw-bold">Naviera</label>
                        <input type="text" class="form-control bg-light" value="{{ $stock->e_naviera }}" readonly>
                    </div>

                    <div class="col-md-3">
                        <label>Tipo de Carga(TCNGY)*</label>
                        <input type="text" class="form-control bg-light" value="{{ $stock->e_tcngy }}" readonly>
                    </div>

                    <div class="col-md-3">
                        <label for="i_e">Import/Export*</label>
                        <select id="i_e" name="i_e" class="form-control" readonly>
                            <option value="">Seleccione una opción</option>
                            <option value="I" {{ old('i_e', $stock->i_e ?? '') == 'I' ? 'selected' : '' }}>IMPORT</option>
                            <option value="E" {{ old('i_e', $stock->i_e ?? '') == 'E' ? 'selected' : '' }}>EXPORT</option>
                        </select>
                    </div>

                    <div class="col-md-3 mb-3">
                        <label class="fw-bold  text-danger fw-bold fs-6">Lleno/Vacío(EDI)*</label>
                            <select name="e_full_empty" class="form-control" readonly>
                            <option value="">-- Seleccionar --</option>
                            <option value="2" {{ old('e_full_empty', $stock->e_full_empty ?? '') == '2' ? 'selected' : '' }}>
                                Lleno (2)
                            </option>
                            <option value="4" {{ old('e_full_empty', $stock->e_full_empty ?? '') == '4' ? 'selected' : '' }}>
                                Vacío (4)
                            </option>
                        </select>
                    </div>

                </div>

                {{-- ✅ Datos de Patio --}}
                <h5 class="text-primary mt-5">🏗️ Datos de Inventario (Patio)</h5>    
                <div class="row g-3">

                    <div class="col-md-3">
                        <label>Bahía</label>
                        <input type="text" class="form-control bg-light" value="{{ $stock->i_bahia }}" readonly>
                    </div>

                    <div class="col-md-3">
                        <label>No. Bahía</label>
                        <input type="text" class="form-control bg-light" value="{{ $stock->i_bahia_numero }}" readonly>
                    </div>

                    <div class="col-md-3">
                        <label>Fila</label>
                        <input type="text" class="form-control bg-light" value="{{ $stock->i_fila }}" readonly>
                    </div>

                    <div class="col-md-3">
                        <label>Altura</label>
                        <input type="text" class="form-control bg-light" value="{{ $stock->i_altura }}" readonly>
                    </div>

                    {{-- <div class="col-md-3">
                        <label class="form-label fw-bold">Total Qty of Goods</label>
                        <input type="text" name="i_total_qty_of_goods" class="form-control" value="{{ $stock->i_total_qty_of_goods }}">
                    </div> --}}
                </div>

                {{-- <div class="col-md-3">
                    <label class="form-label fw-bold">Net Weight Goods</label>
                    <input type="text" name="i_net_weight_goods" class="form-control" value="{{ $stock->i_net_weight_goods }}">
                </div>

                <div class="col-md-3">
                    <label class="form-label fw-bold">Transport Goods Catalogue</label>
                    <input type="text" name="i_transport_goods" class="form-control" value="{{ $stock->i_transport_goods }}">
                </div> --}}

                <div class="row mb-2">
                    <div class="col-md-3 mt-3">
                        <label for="i_tipo_carga" class="text-danger fw-bold fs-6">Tipo de Carga (GC/FG/DG)*</label>
                        <select id="i_tipo_carga" name="i_tipo_carga" class="form-control" required>
                            <option value="">Seleccione</option>
                            <option value="GC" {{ old('i_tipo_carga', $stock->i_tipo_carga) == 'GC' ? 'selected' : '' }}>GC</option>
                            <option value="FG" {{ old('i_tipo_carga', $stock->i_tipo_carga) == 'FG' ? 'selected' : '' }}>FG</option>
                            <option value="DG" {{ old('i_tipo_carga', $stock->i_tipo_carga) == 'DG' ? 'selected' : '' }}>DG</option>
                        </select>
                    </div>

                    <div class="col-md-3 mt-3">
                        <label for="i_tipo_equipo" class="form-label fw-bold">Tipo de equipo (ISO)*</label>
                        <select name="i_tipo_equipo" id="i_tipo_equipo" class="form-select" required>
                            <option value="">-- Selecciona --</option>
                            <option value="22G0" {{ old('i_tipo_equipo', $stock->i_tipo_equipo ?? '') == '22G0' ? 'selected' : '' }}>
                                20' estándar (22G0)
                            </option>
                            <option value="40HC" {{ old('i_tipo_equipo', $stock->i_tipo_equipo ?? '') == '40HC' ? 'selected' : '' }}>
                                40' High Cube (40HC)
                            </option>
                        </select>
                    </div>
                </div>

                <div class="col-md-12">
                    <label class="form-label fw-bold">Descripción</label>
                    <textarea name="i_description" class="form-control" rows="3">{{ $stock->i_description }}</textarea>
                </div>

                </div>

                {{-- ✅ Datos de Salida --}}
                <h5 class="text-success mt-5">🚛 Captura de Salida</h5>
                <div class="row g-3">

                    <div class="col-md-3">
                        <label class="fw-bold">EIR Salida</label>
                        <input type="text" class="form-control bg-light text-success fw-bold" value="Se generará automáticamente" readonly>
                    </div>

                    <div class="col-md-3">
                        <label>Fecha Salida *</label>
                        <input type="date" name="s_fecha" class="form-control" required>
                    </div>

                    <div class="col-md-3">
                        <label>Hora Salida *</label>
                        <input type="time" name="s_hora" class="form-control" required>
                    </div>

                    <div class="col-md-3">
                        <label>WO</label>
                        <input type="text" name="s_wo" class="form-control">
                    </div>

                    {{-- <div class="col-md-3">
                        <label>Operación*</label>
                        <input type="text" name="s_operacion" class="form-control" required>
                    </div> --}}

                    <div class="col-md-3">
                        <label class="fw-bold">Operación*</label>
                        <select name="s_operacion" class="form-control text-center" required>
                            <option value="">Seleccione una opción</option>
                            <option value="CALL OFF" {{ old('s_operacion', $item->s_operacion ?? '') == 'CALL OFF' ? 'selected' : '' }}>CALL OFF</option>
                            <option value="URGENTE" {{ old('s_operacion', $item->s_operacion ?? '') == 'URGENTE' ? 'selected' : '' }}>URGENTE</option>
                        </select>
                    </div>
                    
                    <div class="col-md-3">
                        <label>Operador*</label>
                        <input type="text" name="s_operador" class="form-control" required>
                    </div>

                    {{-- <div class="col-md-3">
                        <label>Chasis</label>
                        <input type="text" name="s_chasis" class="form-control">
                    </div> --}}

                    <div class="col-md-3">
                        <label>Cita*</label>
                        <input type="time" name="s_cita" class="form-control" required>
                    </div>

                    <div class="col-md-3">
                        <label>CCP</label>
                        <input type="text" name="s_ccp" class="form-control">
                    </div>

                    <div class="col-md-3 mb-3">
                        <label class="fw-bold">Lleno / Vacío (EDI) *</label>
                        <select name="e_full_empty" class="form-control" required>
                            <option value="">-- Seleccionar --</option>
                            <option value="2" {{ old('e_full_empty', $stock->e_full_empty ?? '') == '2' ? 'selected' : '' }}>
                                Lleno (2)
                            </option>
                            <option value="4" {{ old('e_full_empty', $stock->e_full_empty ?? '') == '4' ? 'selected' : '' }}>
                                Vacío (4)
                            </option>
                        </select>
                    </div>

                    <div class="col-md-3">
                        <label>Economico</label>
                        <input type="text" name="s_economico" class="form-control" required>
                    </div>

                    <div class="col-md-3">
                        <label>Placas</label>
                        <input type="text" name="s_placas" class="form-control" required>
                    </div>
                </div>
                <style>
                    .damage-table {
                        border: 2px solid #d0d0d0;
                        border-radius: 10px;
                        overflow: hidden;
                        box-shadow: 0 2px 6px rgba(0,0,0,0.15);
                        font-size: 12px;
                        width: 85% !important;
                        margin: 0 auto;
                    }

                    .damage-table th {
                        background: #2c3e50 !important;
                        color: white !important;
                        font-weight: bold;
                        text-transform: uppercase;
                        padding: 8px 4px !important;
                        font-size: 11px;
                    }

                    .damage-table tbody tr:nth-child(odd) {
                        background: #f8f9fa;
                    }

                    .damage-table tbody tr:nth-child(even) {
                        background: #ffffff;
                    }

                    .damage-table td {
                        padding: 6px 3px !important;
                    }

                    .damage-table td:first-child {
                        font-weight: bold;
                        text-align: left !important;
                        padding-left: 10px !important;
                        width: 130px !important;
                    }

                    .damage-table td input[type="checkbox"] {
                        transform: scale(1.2);
                        cursor: pointer;
                    }

                    .damage-table td:hover {
                        background: #eef6ff !important;
                    }

                    .damage-table tbody tr:hover {
                        background: #e8f4ff !important;
                    }
                </style>

                {{-- ✅ Tabla de Daños (Editable, basada en daños de Entrada) --}}
                <div class="card mt-3">
                <div class="card-header bg-blue text-white fw-bold">
                    🛠 Registro de Daños
                </div>

                @php
                    // 1) Tomar los daños desde el mismo JSON que se usa en entrada / inventario
                    $danos = $stock->danos_json;

                    if (is_string($danos)) {
                        $danos = json_decode($danos, true) ?? [];
                    } elseif (!is_array($danos)) {
                        $danos = [];
                    }

                    // 2) Catálogo de tipos y partes (igual que en entrada)
                    $tipos = [
                        'abombado' => 'Abombado',
                        'cortado'  => 'Cortado',
                        'oxidado'  => 'Oxidado',
                        'abollado' => 'Abollado',
                        'tallado'  => 'Tallado',
                        'orificio' => 'Orificio',
                    ];

                    $partes = [
                        'superior' => 'Parte Superior',
                        'derecha'  => 'Parte Derecha',
                        'izquierda'=> 'Parte Izquierda',
                        'frontal'  => 'Parte Frontal',
                        'puertas'  => 'Puertas',
                    ];
                @endphp

                <table class="table table-bordered text-center align-middle damage-table">
                    <thead class="table-secondary">
                        <tr>
                            <th></th>
                            <th>Parte Superior</th>
                            <th>Parte Derecha</th>
                            <th>Parte Izquierda</th>
                            <th>Parte Frontal</th>
                            <th>Puertas</th>
                        </tr>
                    </thead>

                    <tbody>
                        @foreach($tipos as $tipoKey => $tipoLabel)
                            <tr>
                                <td class="text-start fw-bold">{{ $tipoLabel }}</td>

                                @foreach($partes as $parteKey => $parteLabel)
                                    <td>
                                        <input type="checkbox"
                                            disabled
                                            {{-- name="danos[{{ $tipoKey }}][{{ $parteKey }}]" --}}
                                            value="1"
                                            {{ !empty($danos[$tipoKey][$parteKey]) ? 'checked' : '' }}
                                        >
                                    </td>
                                @endforeach
                            </tr>
                        @endforeach
                    </tbody>
                </table>
                </div>
                <div class="mt-3 text-center">
                    <div class="form-check d-inline-flex align-items-center gap-2">
                        <input
                            class="form-check-input"
                            type="checkbox"
                            id="danos_tt_general"
                            name="danos_tt_general"
                            value="TT"
                            {{ isset($danos['_tt']) ? 'checked' : '' }}
                        >
                        <label class="form-check-label fw-bold" for="danos_tt_general">
                            ✔ VVTT (VER VERIFICAR TORCER Y TIRAR)
                        </label>
                    </div>
                </div>


                <div class="text-center mt-4">
                    <div class="d-inline-block me-2">
                        <a href="{{ route('inventario.index') }}" 
                        class="btn btn-secondary btn-lg px-3 py-1">
                            ⬅ Regresar
                        </a>
                    </div>

                    <div class="d-inline-block">
                        <button type="submit" class="btn btn-success btn-lg px-3 py-1">
                            Registrar Salida
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <script>
        function registrarSalida(id) {
            fetch('/salida/registrar/' + id, { method: 'POST', headers: { 'X-CSRF-TOKEN': '{{ csrf_token() }}'}
            }).then(resp => resp.json())
            .then(data => {
                if (data.success) {
                    alert('Salida registrada correctamente.');
                    location.reload();
                }
            });
        }
    </script>

</div>

@endsection