@extends('../layouts/partials/header')
{{-- @extends('adminlte::page') --}}

{{-- @section('title', 'Formulario de Inventario') --}}

@section('content_header')
    <div class="bg-light p-3 mb-3 border rounded shadow-sm">
        <h3 class="fw-bold text-primary mb-0">✏️ Formulario de Inventario</h3>
    </div>
@endsection



@section('content')
{{-- ⚠️ ESTADO DEL CONTENEDOR --}}
@if ($item->estado === 'Salida')
<div class="alert alert-danger">
    🚫 <strong>Este contenedor ya tuvo salida.</strong><br>
    No deberías modificar datos de inventario, ya no aplica para patio.
</div>
@endif

@if ($item->estado === 'Transito')
<div class="alert alert-warning">
    🚚 <strong>Este contenedor está en tránsito.</strong><br>
    No se permiten cambios en bahía, fila, altura o daños.
</div>
@endif

@if ($item->estado === 'En Patio')
<div class="alert alert-success">
    🟢 <strong>Este contenedor está en patio.</strong><br>
    Puedes continuar con la captura de inventario.
</div>
@endif


@if (session('success'))
    <div class="alert alert-success alert-dismissible fade show shadow-sm mt-2" role="alert">
        <strong>{{ session('success') }}</strong>
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Cerrar"></button>
    </div>
@endif

@if (session('error'))
    <div class="alert alert-danger alert-dismissible fade show shadow-sm mt-2" role="alert">
        <strong>{{ session('error') }}</strong>
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Cerrar"></button>
    </div>
@endif


<div class="container">
    <form action="{{ route('inventario.actualizar', $item->id) }}" method="POST">
        @csrf
        @method('PUT')

        <div class="row g-3">

            <!-- 🩶 CAMPOS E_ (SOLO LECTURA) -->
            <div class="col-md-3">
                <label class="form-label fw-bold text-danger fs-6">EIR</label>
                <input type="text" class="form-control bg-light" value="{{ $item->e_eir }}" readonly>
            </div>
        </div>
        <div class="row g-3">
            <div class="col-md-3">
                <label class="form-label fw-bold text-danger fs-6" for="e_fecha_entrada">*Fecha Entrada:</label>
                <input type="date" id="e_fecha_entrada" name="e_fecha_entrada" value="{{ old('e_fecha_entrada', $item->e_fecha_entrada) }}" class="form-control form-control-shadow form-control-blues" required>
            </div>

            <div class="col-md-3">
                <label class="form-label fw-bold text-danger fs-6"for="e_hora_entrada">Hora Entrada:</label>
                <input type="time" id="e_hora_entrada" name="e_hora_entrada" value="{{ old('e_hora_entrada', $item->e_hora_entrada) }}" class="form-control">
            </div>

            <div class="col-md-3">
                <label class="form-label fw-bold">Transportista</label>
                <input type="text" name="e_transportista" class="form-control" value="{{ old('e_transportista', $item->e_transportista) }}" required>
            </div>

            <div class="col-md-3">
                <label for="e_carrier">Maniobra*</label>
                <select id="e_carrier" name="e_carrier" class="form-control" required>
                    <option value="">Seleccione una maniobra</option>
                    <option value="CARRIER" {{ old('e_carrier', $item->e_carrier) == 'CARRIER' ? 'selected' : '' }}>CARRIER</option>
                    <option value="MERCHANT" {{ old('e_carrier', $item->e_carrier) == 'MERCHANT' ? 'selected' : '' }}>MERCHANT</option>
                </select>
            </div>

            <div class="col-md-3">
                <label class="form-label fw-bold">Bill of Lading</label>
                <input type="text" name="e_bill_of_landing" class="form-control" value="{{old('e_bill_of_landing', $item->e_bill_of_landing)}}" required>
            </div>

            <div class="col-md-3">
                <label class="form-label fw-bold">Booking</label>
                <input type="text" name="e_booking" class="form-control" value="{{old('e_booking', $item->e_booking)}}" required>
            </div>

            <div class="col-md-3">
                <label class="form-label fw-bold">Contenedor</label>
                <input type="text" name="e_contenedor" class="form-control" value="{{old('e_contenedor', $item->e_contenedor)}}" required>
            </div>

            <div class="col-md-3">
                <label class="form-label fw-bold">Borderó</label>
                <input type="text" name="e_bordero"class="form-control" id="e_bordero" value="{{old('e_bordero', $item->e_bordero)}}" required>
            </div>

            <div class="col-md-3">
                <label class="form-label fw-bold text-danger fs-6">Sello</label>
                <input type="text" name="e_sello" class="form-control" value="{{old('e_sello', $item->e_sello)}}" required>
            </div>

            <div class="col-md-3">
                <label for="e_full_single" class="fw-bold">Config. de Camión</label>
                <select name="e_full_single" id="e_full_single" class="form-control" style="appearance: auto;" required>
                    <option value="">Seleccione...</option>
                    <option value="FULL 1" {{ old('e_full_single', $item->e_full_single ?? '') == 'FULL 1' ? 'selected' : '' }}>FULL 1</option>
                    <option value="FULL 2" {{ old('e_full_single', $item->e_full_single ?? '') == 'FULL 2' ? 'selected' : '' }}>FULL 2</option>
                    <option value="FULL 3" {{ old('e_full_single', $item->e_full_single ?? '') == 'FULL 3' ? 'selected' : '' }}>FULL 3</option>
                    <option value="FULL 4" {{ old('e_full_single', $item->e_full_single ?? '') == 'FULL 4' ? 'selected' : '' }}>FULL 4</option>
                </select>
            </div>

            <div class="col-md-3">
                <label class="form-label fw-bold text-danger fs-6">Peso Contenedor</label>
                <input type="text" name="e_peso_contenedor" class="form-control" value="{{ old('e_peso_contenedor', $item->e_peso_contenedor ?? '') }}" name="e_peso_contenedor" id="e_peso_contenedor" required>
            </div>

            <div class="col-md-3">
                <label for="e_naviera">Naviera:</label>
                <select id="e_naviera" name="e_naviera" class="form-control" required>
                    <option value="">Seleccione una naviera</option>
                    <option value="HAPAG LLOYD" {{ old('e_naviera', $item->e_naviera ?? '') == 'HAPAG LLOYD' ? 'selected' : '' }}>HAPAG LLOYD</option>
                    <option value="SENATOR" {{ old('e_naviera', $item->e_naviera ?? '') == 'SENATOR' ? 'selected' : '' }}>SENATOR</option>
                    <option value="MAERSK" {{ old('e_naviera', $item->e_naviera ?? '') == 'MAERSK' ? 'selected' : '' }}>MAERSK</option>
                </select>
            </div> 

            <div class="col-md-3">
                <label for="e_tcngy" class="form-label fw-bold text-danger fs-6">Tipo de Carga(TCNGY)</label>
                <input type="text" name="e_tcngy" class="form-control" value="{{ old('e_tcngy', $item->e_tcngy ?? '') }}" required>
            </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" required>
                    <option value="">-- Seleccionar --</option>
                    <option value="2" {{ old('e_full_empty', $item->e_full_empty ?? '') == '2' ? 'selected' : '' }}>
                        Lleno (2)
                    </option>
                    <option value="4" {{ old('e_full_empty', $item->e_full_empty ?? '') == '4' ? 'selected' : '' }}>
                        Vacío (4)
                    </option>
                </select>
            </div>

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

            <div class="col-md-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', $item->i_tipo_equipo ?? '') == '22G0' ? 'selected' : '' }}>
                        20' estándar (22G0)
                    </option>
                    <option value="45G0" {{ old('i_tipo_equipo', $item->i_tipo_equipo ?? '') == '45G0' ? 'selected' : '' }}>
                        40' High Cube (45G0)
                    </option>
                </select>
            </div>

                <!-- 🟦 SECCIÓN DE UBICACIÓN -->
            <div class="col-12 mt-4 mb-2">
                <h5 class="fw-bold text-primary border-bottom pb-2">
                     📍 Datos de Contenedor en Patio
                </h5>
            </div>

                 <!-- ✏️ CAMPOS I_ (EDITABLES) -->
                <div class="col-md-3">
                <label class="form-label fw-bold">Bahía</label>
                    <select name="i_bahia" class="form-control" value="{{ $item->i_bahia }}">
                        <option value="">Seleccione una bahía</option>
                        <option value="A" {{ old('i_bahia', $item->i_bahia ?? '') == 'A' ? 'selected' : '' }}>A</option>
                        <option value="B" {{ old('i_bahia', $item->i_bahia ?? '') == 'B' ? 'selected' : '' }}>B</option>
                        <option value="C" {{ old('i_bahia', $item->i_bahia ?? '') == 'C' ? 'selected' : '' }}>C</option>
                        <option value="D" {{ old('i_bahia', $item->i_bahia ?? '') == 'D' ? 'selected' : '' }}>D</option>
                        <option value="E" {{ old('i_bahia', $item->i_bahia ?? '') == 'E' ? 'selected' : '' }}>E</option>
                    </select>
                </div>

                <div class="col-md-3">
                    <label class="form-label fw-bold">Bahía No.</label>
                    <select name="i_bahia_numero" id="i_bahia_numero" class="form-control">
                        <option value="">-- Seleccionar --</option>
                        <option value="1" {{ $item->i_bahia_numero == '1' ? 'selected' : '' }}>1</option>
                        <option value="2" {{ $item->i_bahia_numero == '2' ? 'selected' : '' }}>2</option>
                        <option value="3" {{ $item->i_bahia_numero == '3' ? 'selected' : '' }}>3</option>
                        <option value="4" {{ $item->i_bahia_numero == '4' ? 'selected' : '' }}>4</option>
                        <option value="5" {{ $item->i_bahia_numero == '5' ? 'selected' : '' }}>5</option>
                        <option value="6" {{ $item->i_bahia_numero == '6' ? 'selected' : '' }}>6</option>
                        <option value="7" {{ $item->i_bahia_numero == '7' ? 'selected' : '' }}>7</option>
                        <option value="8" {{ $item->i_bahia_numero == '8' ? 'selected' : '' }}>8</option>
                        <option value="9" {{ $item->i_bahia_numero == '9' ? 'selected' : '' }}>9</option>
                        <option value="10" {{ $item->i_bahia_numero == '10' ? 'selected' : '' }}>10</option>
                        <option value="11" {{ $item->i_bahia_numero == '11' ? 'selected' : '' }}>11</option>
                        <option value="12" {{ $item->i_bahia_numero == '12' ? 'selected' : '' }}>12</option>
                        <option value="13" {{ $item->i_bahia_numero == '13' ? 'selected' : '' }}>13</option>
                        <option value="14" {{ $item->i_bahia_numero == '14' ? 'selected' : '' }}>14</option>
                    </select>
                </div>

                <div class="col-md-3">
                    <label class="form-label fw-bold">Fila</label>
                    <select name="i_fila" class="form-control">
                        <option value="">-- Seleccionar --</option>
                        @foreach (['1','2','3','4'] as $fila)
                            <option value="{{ $fila }}" {{ $item->i_fila == $fila ? 'selected' : '' }}>
                                {{ $fila }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="col-md-3">
                    <label class="form-label fw-bold">Altura</label>
                        <select name="i_altura" class="form-control">
                            <option value="">-- Seleccionar --</option>
                            @for ($nivel = 1; $nivel <= 3; $nivel++)
                                <option value="{{ $nivel }}" {{ $item->i_altura == $nivel ? 'selected' : '' }}>
                                    {{ $nivel }}
                            </option>
                        @endfor
                    </select>
                </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="{{ $item->i_total_qty_of_goods }}">
                </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="{{ $item->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="{{ $item->i_transport_goods }}">
                </div>

                <div class="col-md-3">
                    <label for="i_tipo_ingreso" class="text-danger fw-bold fs-6">Tipo de Ingreso (GC / FG / DG)*</label>
                    <select id="i_tipo_ingreso" name="i_tipo_ingreso" class="form-control" required>
                        <option value="">Seleccione una opción</option>
                        <option value="GC" {{ old('i_tipo_ingreso', $item->i_tipo_ingreso) == 'GC' ? 'selected' : '' }}>GC</option>
                        <option value="FG" {{ old('i_tipo_ingreso', $item->i_tipo_ingreso) == 'FG' ? 'selected' : '' }}>FG</option>
                        <option value="DG" {{ old('i_tipo_ingreso', $item->i_tipo_ingreso) == 'DG' ? 'selected' : '' }}>DG</option>
                    </select>
                </div>

                <div class="col-md-12">
                    <label class="form-label fw-bold">Descripción</label>
                    <textarea name="i_description" class="form-control" rows="3">{{ $item->i_description }}</textarea>
                </div>
            </div>
            <br>
            <br>
            <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;                 /* ↓ Antes 14px → ahora más compacto */
                    width: 85% !important;           /* Nueva: tabla más angosta */
                    margin: 0 auto;                  /* Centrar tabla */
                }

                .damage-table th {
                    background: #2c3e50 !important;
                    color: white !important;
                    font-weight: bold;
                    text-transform: uppercase;
                    padding: 8px 4px !important;     /* ↓ Antes 12px → tabla más baja */
                    font-size: 11px;                 /* Encabezado un poco más pequeño */
                }

                .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;     /* ↓ Antes 10px → filas más compactas */
                }

                .damage-table td:first-child {
                    font-weight: bold;
                    text-align: left !important;
                    padding-left: 10px !important;
                    width: 130px !important;         /* Nueva: columna izquierda más angosta */
                }

                .damage-table td input[type="checkbox"] {
                    transform: scale(1.2);           /* ↓ Antes 1.4 → más discreto */
                    cursor: pointer;
                }

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

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

            </style>
            <div class="card mt-3">
                <div class="card-header bg-blue text-white fw-bold">
                    🛠 Registro de Daños
                </div>

            <div class="card-body">

            <!-- Chips de daños seleccionados -->
            <div id="selected-damages-box" class="mb-3">
                <strong>Daños seleccionados:</strong>
                <div id="damage-chips"></div>
            </div>

            <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>
                    @php
                        $danos = $item->danos_json ?? [];

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

                        $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

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

                            @foreach($partes as $parteKey => $parteLabel)
                                <td>
                                    <input type="checkbox"
                                        name="danos[{{ $key }}][{{ $parteKey }}]"
                                        value="1"
                                        {{ isset($danos[$key][$parteKey]) ? 'checked' : '' }}
                                    >
                                </td>
                            @endforeach
                        </tr>
                    @endforeach
                </tbody>
            </table>
            <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">
                        ✔ TT (Tear & Tear – desgaste normal)
                    </label>
                </div>
            </div>

            <div class="mt-4 text-center">
                <a href="{{ route('inventario.index') }}" class="btn btn-secondary me-2">⬅️ Volver</a>
                <button type="submit" class="btn btn-primary px-4">💾 Guardar Cambios</button>
            </div>
    </form>
</div>
@endsection