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

@section('title', 'Stock')

@section('content_header')
    <h1>Editar Ingreso de Contenedor</h1>
@endsection

@section('content')

{{-- ⚠️ MENSAJES DE ESTADO DEL CONTENEDOR --}}
@if ($stock->estado === 'En Patio')
<div class="alert alert-info">
    📦 <strong>Este contenedor está actualmente En Transito.</strong><br>
    Puedes modificar datos menores, pero recuerda que ya está en proceso.
</div>
@endif

@if ($stock->estado === 'Salida')
<div class="alert alert-warning">
    🚚 <strong>Este contenedor ya tuvo salida.</strong><br>
    No deberías modificar datos críticos como <b>bordero, bill of lading, contenedor</b>.
</div>
@endif

@if ($stock->e_edi)
<div class="alert alert-primary">
    📤 <strong>Este contenedor ya tiene EDI generado.</strong><br>
    Cambiar ciertos campos podría desincronizar la información con la naviera.
</div>
@endif

<div class="container mt-3">
    @if (session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ( $errors->all() as $error )
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <div class="card">
        <div class="card-body">
            <form action="{{ route('stock.update', $stock->id) }}" method="POST">
                @csrf
                @method('PUT')

                <div class="row mb-2">
                    <div class="col-md-2">
                        <div class="form-group">
                            <label for="e_eir">
                               <span class="text-danger fw-bold fs-5">EIR</span>
                            </label>
                            <input type="text" name="e_eir" class="form-control" maxlength="8" value="{{ old('e_eir', $stock->e_eir) }}" readonly>
                        </div>
                    </div>
                </div>

                @php
                    // ===== DEFAULTS FORZADOS SOLO SI ESTÁ VACÍO =====
                    $e_carrier       = old('e_carrier',       $stock->e_carrier       ?: 'CARRIER');
                    $e_naviera       = old('e_naviera',       $stock->e_naviera       ?: 'HAPAG LLOYD');
                    $i_e             = old('i_e',             $stock->i_e             ?: 'I');
                    $i_tipo_carga    = old('i_tipo_carga',    $stock->i_tipo_carga    ?: 'GC');
                    $i_tipo_equipo   = old('i_tipo_equipo',   $stock->i_tipo_equipo   ?: '22G0');

                    // Normalizo por si vienen espacios/minúsculas
                    $e_carrier      = strtoupper(trim($e_carrier));
                    $e_naviera      = strtoupper(trim($e_naviera));
                    $i_e            = strtoupper(trim($i_e));
                    $i_tipo_carga   = strtoupper(trim($i_tipo_carga));
                    $i_tipo_equipo  = strtoupper(trim($i_tipo_equipo));
                @endphp

                <div class="row mb-2">
                    <div class="col-md-2">
                        <label for="e_fecha_entrada">*Fecha Entrada:</label>
                        <input type="date" id="e_fecha_entrada" name="e_fecha_entrada" value="{{ old('e_fecha_entrada', $stock->e_fecha_entrada) }}" class="form-control" required>
                    </div>

                    <div class="col-md-2">
                        <label for="e_hora_entrada">Hora Entrada:</label>
                        <input type="time" id="e_hora_entrada" name="e_hora_entrada" value="{{ old('e_hora_entrada', $stock->e_hora_entrada) }}" class="form-control">
                    </div>

                    <div class="col-md-3">
                        <label for="e_contenedor">*Contenedor:</label>
                        <input type="text" id="e_contenedor" name="e_contenedor" maxlength="11" value="{{ old('e_contenedor', $stock->e_contenedor) }}" class="form-control" required>
                    </div>

                    <div class="col-md-3">
                        <label for="e_booking">Booking*:</label>
                        <input type="text" id="e_booking" name="e_booking" maxlength="20" value="{{ old('e_booking', $stock->e_booking) }}" class="form-control" required>
                    </div>

                    <div class="col-md-2">
                        <label for="e_bordero">*Bordero:</label>
                        <input type="text" id="e_bordero" name="e_bordero" maxlength="11" value="{{ old('e_bordero', $stock->e_bordero) }}" class="form-control" required>
                    </div>
                </div>

                <div class="row mb-2">
                    <div class="col-md-3">
                        <label for="e_bill_of_landing">*Bill of Lading:</label>
                        <input type="text" id="e_bill_of_landing" name="e_bill_of_landing" maxlength="20" value="{{ old('e_bill_of_landing', $stock->e_bill_of_landing) }}" class="form-control" required>
                    </div>

                    <div class="col-md-3 mb-3">
                        <label class="fw-bold">Lleno / Vacio (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') == '2' ? 'selected' : '' }}>
                                Lleno (2)
                            </option>
                            <option value="4" {{ old('e_full_empty', $stock->e_full_empty ?? '2') == '4' ? 'selected' : '' }}>
                                Vacio (4)
                            </option>
                        </select>
                    </div>
                    
                    <div class="col-md-3">
                    {{-- @php
                        $carrier = old(
                            'e_carrier',
                            empty($stock->e_carrier) ? 'CARRIER' : $stock->e_carrier
                        );
                    @endphp --}}

                    @php
                        $carrier = old('e_carrier', $stock->e_carrier);

                        $carrier = strtoupper(trim((string) $carrier));

                        if ($carrier === '' || $carrier === 'PENDIENTE') {
                            $carrier = 'CARRIER';
                        }
                    @endphp
            
                        <label for="e_carrier">Maniobra:</label>
                        <select id="e_carrier" name="e_carrier" class="form-control" required>
                            <option value="">Seleccione</option>
                            <option value="CARRIER"  {{ $carrier === 'CARRIER' ? 'selected' : '' }}>CARRIER</option>
                            <option value="MERCHANT" {{ $carrier === 'MERCHANT' ? 'selected' : '' }}>MERCHANT</option>
                        </select>
                    </div>

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

                <div class="row mb-2">
                    <div class="col-md-3">
                        <label for="e_transportista">*Transportista:</label>
                        <input type="text" id="e_transportista" name="e_transportista" maxlength="20" value="{{ old('e_transportista', $stock->e_transportista) }}" class="form-control" required>
                    </div>
                </div>
                
                <div class="row mb-2 text-center">
                    <div class="col-md-3">
                        <label for="e_tcngy" class="form-label fw-bold form-label-fix">*Tipo de Carga(TCNGY)</label>
                        <input type="text" name="e_tcngy" class="form-control" value="{{ old('e_tcngy', $stock->e_tcngy ?? '') }}">
                    </div>

                    <div class="col-md-3">
                        <label for="i_e" class="text-danger fw-bold form-label-fix">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', $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">
                        <label for="i_tipo_carga" class="text-danger fw-bold form-label-fix">Tipo de Carga (GC / FG / DG)*</label>
                        <select id="i_tipo_carga" name="i_tipo_carga" class="form-control" required>
                            <option value="">Seleccione una opción</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">
                        <label for="i_tipo_equipo" class="form-label fw-bold form-label-fix">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>
                
                
                <h5 class="text-center fw-bold mt-4">Daños del Contenedor</h5>

                @php
                    $danos = $stock->danos_json;

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

                    $tipos = [
                        'abombado' => 'Abombado',
                        'cortado'  => 'Cortado',
                        'oxidado'  => 'Oxidado',
                        'abollado' => 'Abollado',
                        'tallado'  => 'Tallado',
                        'orificio' => 'Orificio',
                    ];

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

                <table class="table table-bordered text-center align-middle damage-table">
                    <thead class="table-dark">
                        <tr>
                            <th>Tipo</th>
                            @foreach($partes as $parte)
                                <th>{{ $parte }}</th>
                            @endforeach
                        </tr>
                    </thead>

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

                                @foreach($partes as $parteKey => $parteLabel)

                                    @php
                                        $checked = isset($danos[$key][$parteKey]);
                                    @endphp

                                    <td>
                                        <input type="checkbox"
                                            name="danos[{{ $key }}][{{ $parteKey }}]"
                                            value="1"
                                            {{ $checked ? '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_{{ $stock->id }}"
                            name="danos_tt_general"
                            value="TT"
                            {{ isset($danos['_tt']) ? 'checked' : '' }}
                        >
                        <label class="form-check-label fw-bold" for="danos_tt_general_{{ $stock->id }}">
                            ✔ VVTT (VER VERIFICAR TORCER Y TIRAR)
                        </label>
                    </div>
                </div>
                
                
                <h5 class="text-center fw-bold mt-4">Datos de Servicio</h5>

                <div class="row mb-2">
                    <div class="col-md-4">
                        <label for="e_economico" class="text-center d-block fw-bold">Económico</label>
                        <input type="text" id="e_economico" name="e_economico" class="form-control text-center" maxlength="20"
                        value="{{ old('e_economico', $stock->e_economico) }}">
                    </div>

                    <div class="col-md-4">
                        <label for="e_placas" class="text-center d-block fw-bold">Placas</label>
                        <input type="text" id="e_placas" name="e_placas" class="form-control text-center" maxlength="20"
                            value="{{ old('e_placas', $stock->e_placas) }}">
                    </div>

                    <div class="col-md-4">
                        <label for="e_operador" class="text-center d-block fw-bold">Operador</label>
                        <input type="text" id="e_operador" name="e_operador" class="text-center form-control" maxlength="100"
                            value="{{ old('e_operador', $stock->e_operador) }}">
                    </div>
                </div>

                <div class="row mb-2">
                    <div class="col-md-3 mt-4">
                        <label class="text-danger fw-bold fs-6" for="e_sello">Sello:</label>
                        <input type="text" id="e_sello" name="e_sello" maxlength="13" value="{{ old('e_sello', $stock->e_sello) }}" class="form-control campo-error">
                    </div>
                </div>
                </div>

                <div class="row mb-2">
                    <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>

                <div class="row mt-3">
                    <div class="col-md-12 text-center">
                        <button type="submit" class="btn btn-primary">Actualizar Contenedor</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<style>
    .campo-error {
        border: 2px solid red !important;
        color: red !important;
        font-weight: bold !important;
    }
    .form-label-fix {
    min-height: 48px; /* ajusta según se vea */
    display: flex;
    align-items: end;
    }
    .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>

@endsection

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