@php
    $puedeEditar = in_array($item->estado, ['En Transito', 'En Patio']);
@endphp

<div class="modal fade" id="modalConsulta{{ $item->id }}" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content">

            {{-- HEADER --}}
            <div class="modal-header bg-info text-white">
                <h5 class="modal-title">
                    📦 {{ $item->e_contenedor }} 
                    <span class="badge bg-dark ms-2">{{ $item->estado }}</span>
                </h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
            </div>

            {{-- BODY --}}
            <div class="modal-body">

                {{-- TABS --}}
                <ul class="nav nav-tabs mb-3">
                    <li class="nav-item">
                        <button class="nav-link active" data-bs-toggle="tab"
                            data-bs-target="#transito{{ $item->id }}">
                            🟦 Tránsito
                        </button>
                    </li>

                    <li class="nav-item">
                        <button class="nav-link" data-bs-toggle="tab"
                            data-bs-target="#inventario{{ $item->id }}">
                            🟩 Inventario
                        </button>
                    </li>

                    {{-- <li class="nav-item">
                        <button class="nav-link" data-bs-toggle="tab"
                            data-bs-target="#danos{{ $item->id }}">
                            🟥 Daños
                        </button>
                    </li> --}}

                    <li class="nav-item">
                        <button class="nav-link" data-bs-toggle="tab"
                            data-bs-target="#docs{{ $item->id }}">
                            🟧 Documentos
                        </button>
                    </li>
    
                    <li class="nav-item">
                        <button class="nav-link" data-bs-toggle="tab" data-bs-target='#acciones{{ $item->id }}' type="button">
                            🟪 Acciones
                        </button>
                    </li>                   
                </ul>

                <div class="tab-content">

                    {{-- ================= TAB TRÁNSITO ================= --}}
                    <div class="tab-pane fade show active" id="transito{{ $item->id }}">

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

                            <input type="hidden" name="seccion" value="transito">

                            <div class="row g-4">

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

                                <div class="col-md-2">
                                    <label class="fw-bold">Fecha Entrada</label>

                                    <input type="date"
                                        name="e_fecha_entrada"
                                        class="form-control"
                                        value="{{ $item->e_fecha_entrada }}"
                                        {{ !$puedeEditar ? 'readonly' : '' }}>
                                </div>

                                <div class="col-md-2">
                                    <label class="fw-bold">Hora Entrada</label>

                                    <input type="time"
                                        name="e_hora_entrada"
                                        class="form-control"
                                        value="{{ $item->e_hora_entrada }}"
                                        {{ !$puedeEditar ? 'readonly' : '' }}>
                                </div>

                                <div class="col-md-3">
                                    <label class="fw-bold">Transportista</label>

                                    <input type="text"
                                        name="e_transportista"
                                        class="form-control"
                                        value="{{ old('e_transportista', $item->e_transportista) }}"
                                        {{ !$puedeEditar ? 'readonly' : '' }}>
                                </div>

                                <div class="col-md-3">
                                    <label class="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) }}"
                                        {{ !$puedeEditar ? 'readonly' : '' }}>
                                </div>

                                <div class="col-md-2">
                                    <label class="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-2">
                                    <label class="fw-bold">Contenedor</label>

                                    <input type="text"
                                        class="form-control bg-light"
                                        value="{{ $item->e_contenedor }}"
                                        readonly>
                                </div>

                                <div class="col-md-2">
                                    <label class="fw-bold">Borderó</label>

                                    <input type="text"
                                        name="e_bordero"
                                        class="form-control"
                                        value="{{ old('e_bordero', $item->e_bordero) }}"
                                        required>
                                </div>

                                <div class="col-md-2">
                                    <label class="fw-bold text-danger">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>Naviera</label>

                                    <select name="e_naviera"
                                            id="e_naviera_{{ $item->id }}"
                                            class="form-control"
                                            required>

                                        <option value="">Seleccione</option>

                                        @foreach (['HAPAG LLOYD','SENATOR','MAERSK'] as $naviera)
                                            <option value="{{ $naviera }}"
                                                {{ old('e_naviera', $item->e_naviera) == $naviera ? 'selected' : '' }}>
                                                {{ $naviera }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="col-md-3">
                                    <label class="fw-bold text-danger">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">
                                    <label class="fw-bold text-danger">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>Import / Export</label>

                                    <select name="i_e"
                                            id="i_e_{{ $item->id }}"
                                            class="form-control"
                                            required>

                                        <option value="">Seleccione</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>Tipo de equipo (ISO)</label>

                                    <select name="i_tipo_equipo"
                                            id="i_tipo_equipo_{{ $item->id }}"
                                            class="form-select"
                                            required>

                                        <option value="">-- Seleccionar --</option>

                                        <option value="22G0"
                                            {{ old('i_tipo_equipo', $item->i_tipo_equipo) == '22G0' ? 'selected' : '' }}>
                                            20' (22G0)
                                        </option>

                                        <option value="40HC"
                                            {{ old('i_tipo_equipo', $item->i_tipo_equipo) == '40HC' ? 'selected' : '' }}>
                                            40' (40HC)
                                        </option>
                                    </select>
                                </div>

                                {{-- TABLA DE DAÑOS --}}
                                <div class="col-md-12">
                                    {{-- <div class="tabla-solo-lectura mt-3"> --}}
                                    <div class="row mb-2 mt-3">
                                        @include('inventario.partials.tabla-danos', [
                                            'item' => $item,
                                            'puedeEditar' => true
                                        ])
                                    </div>
                                </div>

                                {{-- CAMPOS EXTRA --}}
                                <div class="col-md-3">
                                    <label class="text-center d-block fw-bold">Económico</label>

                                    <input type="text"
                                        name="e_economico"
                                        class="form-control text-center"
                                        value="{{ old('e_economico', $item->e_economico) }}">
                                </div>

                                <div class="col-md-3">
                                    <label class="text-center d-block fw-bold">Placas</label>

                                    <input type="text"
                                        name="e_placas"
                                        class="form-control text-center"
                                        value="{{ old('e_placas', $item->e_placas ?? '') }}">
                                </div>

                                <div class="col-md-3">
                                    <label class="text-center d-block fw-bold">Operador</label>

                                    <input type="text"
                                        name="e_operador"
                                        class="form-control text-center"
                                        value="{{ old('e_operador', $item->e_operador ?? '') }}">
                                </div>

                                <div class="col-md-12">
                                    <label class="fw-bold">Descripción</label>

                                    <textarea name="i_description"
                                            class="form-control"
                                            rows="3">{{ old('i_description', $item->i_description) }}</textarea>
                                </div>

                            </div>

                            @if($puedeEditar)
                                <div class="text-end mt-3">
                                    <button type="submit" class="btn btn-success btn-sm">
                                        💾 Guardar Tránsito
                                    </button>
                                </div>
                            @endif

                        </form>

                    </div>


                    {{-- ================= TAB INVENTARIO ================= --}}
                    <div class="tab-pane fade" id="inventario{{ $item->id }}">
                        <form method="POST" action="{{ route('inventario.update.modal', $item->id) }}">
                            @csrf
                            @method('PUT')
                            <input type="hidden" name="seccion" value="inventario">

                            <div class="row g-2">

                                <div class="col-md-2">
                                    <label class="fw-bold">Bahía</label>
                                    <select name="i_bahia" class="form-control">
                                        <option value="">Seleccione</option>
                                        @foreach (['A','B','C','D','E'] as $b)
                                            <option value="{{ $b }}" {{ old('i_bahia', $item->i_bahia) == $b ? 'selected' : '' }}>
                                                {{ $b }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="col-md-2">
                                    <label class="fw-bold">Bahía No.</label>
                                    <select name="i_bahia_numero" id="i_bahia_numero_{{ $item->id }}"
                                            class="form-control">
                                        <option value="">--</option>
                                        @for ($i=1; $i<=14; $i++)
                                            <option value="{{ $i }}" {{ $item->i_bahia_numero == $i ? 'selected' : '' }}>
                                                {{ $i }}
                                            </option>
                                        @endfor
                                    </select>
                                </div>

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

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

                                <div class="col-md-2">
                                    <label class="fw-bold text-danger">Tipo de Carga</label>
                                    <select name="i_tipo_carga" id="i_tipo_carga_{{ $item->id }}"
                                            class="form-control" required>
                                        <option value="">Seleccione</option>
                                        @foreach (['GC','FG','DG'] as $tipo)
                                            <option value="{{ $tipo }}"
                                                {{ old('i_tipo_carga', $item->i_tipo_carga) == $tipo ? 'selected' : '' }}>
                                                {{ $tipo }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>

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

                            @if($puedeEditar)
                                <div class="text-end mt-3">
                                    <button class="btn btn-success btn-sm">💾 Guardar Inventario</button>
                                </div>
                            @endif
                        </form>
                    </div>


                    {{-- ================= TAB DAÑOS ================= --}}
                    {{-- <div class="tab-pane fade" id="danos{{ $item->id }}">
                        <form method="POST" action="{{ route('inventario.update.modal', $item->id) }}">
                            @csrf
                            @method('PUT')
                            <input type="hidden" name="seccion" value="danos">
                            
                            @include('inventario.partials.tabla-danos', [
                                'item' => $item,
                                'puedeEditar' => $puedeEditar (false)  // en caso de solo lectura y quitar boton de guardar
                            ])

                            @if($puedeEditar)
                                <div class="text-end mt-3">
                                    <button class="btn btn-success btn-sm">💾 Guardar Daños</button>
                                </div>
                            @endif
                        </form>
                    </div> --}}

                    {{-- ================= TAB DOCUMENTOS ================= --}}
                    <div class="tab-pane fade" id="docs{{ $item->id }}">
                        <div class="row g-3">
                            <div class="col-md-4">
                                <a href="{{ route('entrada.pdf', $item->id) }}"
                                   target="_blank"
                                   class="btn btn-danger btn-accion w-100">
                                    📄 EIR Entrada (PDF)
                                </a>
                            </div>
                        </div>
                    </div>
                    {{-- ================= TAB ACCIONES ================= --}}
                    <div class="tab-pane fade" id="acciones{{ $item->id }}" role="tabpanel">

                    <!-- 🟪 ENCABEZADO -->
                    <div class="p-3 mb-3 text-white rounded shadow"
                        style="background-color:#6f42c1;">
                        <h5 class="mb-0">Acciones</h5>
                        <small>Operaciones manuales del contenedor</small>
                    </div>

                    {{-- <div class="d-flex gap-2 flex-wrap"> --}}
                    <div class="row g-3 align-items-end">

                        {{-- 🔄 REENVIAR EDI ENTRADA --}}
                        <div class="col-md-3 d-flex">
                            @if($item->estado !== 'Salida')
                                <form action="{{ route('inventario.reenviar-edi-entrada', $item->id) }}"
                                    method="POST"
                                    onsubmit="return confirm('¿Reenviar EDI de ENTRADA para {{ $item->e_contenedor }}?')">
                                    @csrf
                                    <button type="submit"
                                            class="btn btn-secondary btn-accion">
                                        🔄 Reenviar EDI
                                    </button>
                                </form>
                            @else
                                <button class="btn btn-secondary btn-accion" disabled>
                                    🔄 Reenviar EDI
                                </button>
                            @endif
                        </div>

                        {{-- 📄 iDOC (solo reenvío si ERROR) --}}
                        @php
                            $idocStatus = $item->idoc_ftp_status ?? null; // OK / ERROR / null
                            $tieneIdoc = !empty($item->idoc_path);
                        @endphp

                        {{-- <div class="d-flex flex-column" style="min-width:250px;"> --}}
                        <div class="col-md-3 d-flex flex-column">
                            {{-- Badge de estatus --}}
                            @if($idocStatus === 'OK')
                                <span class="badge bg-success mb-2">
                                    ✅ iDOC OK
                                    @if($item->idoc_ftp_enviado_at)
                                        ({{ \Carbon\Carbon::parse($item->idoc_ftp_enviado_at)->format('Y-m-d H:i') }})
                                    @endif
                                </span>
                            @elseif($idocStatus === 'SKIPPED')
                                <span class="badge bg-warning text-dark mb-2">
                                    ⚠️ iDOC SKIPPED (ya existe)
                                </span>
                            @elseif($idocStatus === 'ERROR')
                                <span class="badge bg-danger mb-2" title="{{ $item->idoc_ftp_error }}">
                                    ❌ iDOC ERROR
                                </span>

                                @if(!empty($item->idoc_ftp_error))
                                    <small class="text-danger mb-2" style="max-width: 380px;">
                                        {{ $item->idoc_ftp_error }}
                                    </small>
                                @endif
                            @else
                                @if(empty($item->idoc_path))
                                    <span class="badge bg-secondary mb-2">📄 iDOC NO GENERADO</span>
                                @else
                                    <span class="badge bg-secondary mb-2">⏳ iDOC SIN ESTATUS</span>
                                @endif
                            @endif
                            
                            @php
                                $btnClass = $idocStatus === 'OK'
                                    ? 'btn-outline-warning'
                                    : 'btn-outline-dark';
                            @endphp

                            {{-- Botón: SIEMPRE que exista iDOC generado (idoc_path) --}}
                            @if($tieneIdoc)
                                <form action="{{ route('inventario.reenviar-idoc', $item->id) }}" method="POST"
                                    onsubmit="return confirm('¿Reenviar iDOC para {{ $item->e_contenedor }}?\n\n⚠ Puede generar duplicados.')">
                                    @csrf
                                    <button type="submit" class="btn {{ $btnClass }} btn-accion">
                                        📤 Reenviar iDOC
                                    </button>
                                </form>
                            @endif
                        </div>
                    </div>
                </div>
                </div>
            </div>
            <style>
                .btn-accion {
                    height: 60px;
                    font-size: 1.1rem;
                    padding: 14px 26px;
                    border-radius: 10px;
                    min-width: 250px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    gap: 8px;
                }
                .tabla-solo-lectura {
                    pointer-events: none;
                    opacity: 0.5;
                }
            </style>

            {{-- FOOTER --}}
            <div class="modal-footer">
                <button class="btn btn-secondary btn-sm" data-bs-dismiss="modal">
                    Cerrar
                </button>
            </div>

        </div>
    </div>
</div>