@extends('layouts.admin')

@section('page_title', 'Detalle del Contenedor')

@section('content_header')
    <div class="d-flex justify-content-between align-items-center">
        <div>
            <h1 class="mb-0">Detalle del Contenedor</h1>
            <small class="text-muted">Información completa del contenedor {{ $contenedor->contenedor }}</small>
        </div>

        <div class="btn-group">
            @if($contenedor->eir_entrada)
                <a href="{{ route('patio.contenedores.pdf.entrada', $contenedor->id) }}"
                   target="_blank"
                   onclick="return confirm('¿Abrir el PDF del EIR de entrada?')"
                   class="btn btn-outline-primary btn-sm">
                    <i class="fas fa-file-alt mr-1"></i> EIR Entrada
                </a>
            @endif

            @if($contenedor->eir_salida)
                <a href="{{ route('patio.contenedores.pdf.salida', $contenedor->id) }}"
                   target="_blank"
                   onclick="return confirm('¿Abrir el PDF del EIR de salida?')"
                   class="btn btn-outline-danger btn-sm">
                    <i class="fas fa-file-signature mr-1"></i> EIR Salida
                </a>
            @endif

            <a href="{{ route('patio.inventario.index') }}" class="btn btn-secondary btn-sm">
                <i class="fas fa-arrow-left mr-1"></i> Volver
            </a>
        </div>
    </div>
@stop

@section('admin_content')
    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            <i class="fas fa-check-circle mr-1"></i> {{ session('success') }}
            <button type="button" class="close" data-dismiss="alert" aria-label="Cerrar">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif

    @if($errors->any())
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <strong><i class="fas fa-exclamation-triangle mr-1"></i> Hay errores en el formulario:</strong>
            <ul class="mb-0 mt-2 pl-3">
                @foreach($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
            <button type="button" class="close" data-dismiss="alert" aria-label="Cerrar">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif

    {{-- RESUMEN --}}
    <div class="row">
        <div class="col-md-12">
            <div class="card card-outline card-primary shadow-sm">
                <div class="card-body py-3">
                    <div class="row text-sm">
                        <div class="col-md-3">
                            <strong>Contenedor:</strong><br>
                            <span class="text-primary">{{ $contenedor->contenedor }}</span>
                        </div>
                        <div class="col-md-2">
                            <strong>Estado:</strong><br>
                            @if($contenedor->estado === 'EN_PATIO')
                                <span class="badge badge-info">EN PATIO</span>
                            @elseif($contenedor->estado === 'SALIO')
                                <span class="badge badge-success">SALIO</span>
                            @elseif($contenedor->estado === 'CON_INCIDENCIA')
                                <span class="badge badge-warning">CON INCIDENCIA</span>
                            @else
                                <span class="badge badge-secondary">{{ $contenedor->estado }}</span>
                            @endif
                        </div>
                        <div class="col-md-2">
                            <strong>Lleno / Vacío:</strong><br>
                            <span>{{ $contenedor->full_empty ?: '—' }}</span>
                        </div>
                        <div class="col-md-2">
                            <strong>EIR Entrada:</strong><br>
                            <span>{{ $contenedor->eir_entrada ?: '—' }}</span>
                        </div>
                        {{-- <div class="col-md-3">
                            <strong>Ubicación:</strong><br>
                            <span>{{ $contenedor->ubicacion_patio ?: '—' }}</span>
                        </div> --}}
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- DATOS GENERALES --}}
    <div class="card card-outline card-secondary shadow-sm">
        <div class="card-header py-2">
            <h3 class="card-title mb-0">
                <i class="fas fa-box mr-1"></i> Datos Generales
            </h3>
        </div>

        <div class="card-body">
            <div class="row text-sm">
                <div class="col-md-3 mb-3">
                    <strong>ID</strong>
                    <div>{{ $contenedor->id }}</div>
                </div>
                <div class="col-md-3 mb-3">
                    <strong>Contenedor</strong>
                    <div>{{ $contenedor->contenedor ?: '—' }}</div>
                </div>
                <div class="col-md-3 mb-3">
                    <strong>Lleno / Vacío</strong>
                    <div>{{ $contenedor->full_empty ?: '—' }}</div>
                </div>

                <div class="col-md-3 mb-3">
                    <strong>Booking</strong>
                    <div>{{ $contenedor->booking ?: '—' }}</div>
                </div>
                
                <div class="col-md-3 mb-3">
                    <strong>Consignatario</strong>
                    <div>{{ $contenedor->consignatario ?: '—' }}</div>
                </div>

                <div class="col-md-3 mb-3">
                    <strong>Sello</strong>
                    <div>{{ $contenedor->sello ?: '—' }}</div>
                </div>
                <div class="col-md-3 mb-3">
                    <strong>EIR Entrada</strong>
                    <div>{{ $contenedor->eir_entrada ?: '—' }}</div>
                </div>
                <div class="col-md-3 mb-3">
                    <strong>EIR Salida</strong>
                    <div>{{ $contenedor->eir_salida ?: '—' }}</div>
                </div>
                <div class="col-md-3 mb-3">
                    <strong>Peso</strong>
                    <div>{{ $contenedor->peso ?: '—' }}</div>
                </div>

                <div class="col-md-3 mb-3">
                    <strong>Fecha Entrada</strong>
                    <div>{{ \Carbon\Carbon::parse($contenedor->fecha_entrada)->format('d/m/Y') }}</div>
                </div>
                <div class="col-md-3 mb-3">
                    <strong>Hora Entrada</strong>
                    <div>{{ $contenedor->hora_entrada ?: '—' }}</div>
                </div>
                <div class="col-md-3 mb-3">
                    <strong>Fecha Salida</strong>
                    <div>{{ $contenedor->fecha_salida ?: '—' }}</div>
                </div>
                <div class="col-md-3 mb-3">
                    <strong>Hora Salida</strong>
                    <div>{{ $contenedor->hora_salida ?: '—' }}</div>
                </div>

                <div class="col-md-3 mb-3">
                    <strong>Naviera</strong>
                    <div>{{ $contenedor->naviera ?: '—' }}</div>
                </div>
                <div class="col-md-3 mb-3">
                    <strong>Cliente</strong>
                    <div>{{ $contenedor->cliente ?: '—' }}</div>
                </div>
                <div class="col-md-3 mb-3">
                    <strong>Tipo Equipo</strong>
                    <div>{{ $contenedor->tipo_equipo ?: '—' }}</div>
                </div>
                <div class="col-md-3 mb-3">
                    <strong>Tipo Carga</strong>
                    <div>{{ $contenedor->tipo_carga ?: '—' }}</div>
                </div>

                {{-- <div class="col-md-3 mb-3">
                    <strong>Transportista</strong>
                    <div>{{ $contenedor->transportista->nombre ?? '—' }}</div>
                </div> --}}

                <div class="col-md-3 mb-3">
                    <strong>Transportista</strong>
                    <div>{{ $contenedor->transportista_text ?? '—' }}</div>
                </div>

                <div class="col-md-3 mb-3">
                    <strong>Operador</strong>
                    <div>{{ $contenedor->operador ?: '—' }}</div>
                </div>
                <div class="col-md-3 mb-3">
                    <strong>Unidad</strong>
                    <div>{{ $contenedor->unidad ?: '—' }}</div>
                </div>
                <div class="col-md-3 mb-3">
                    <strong>Placas</strong>
                    <div>{{ $contenedor->placas ?: '—' }}</div>
                </div>

                {{-- <div class="col-md-6">
                    <strong>Ubicación</strong>
                    <div>{{ $contenedor->ubicacion_patio ?: '—' }}</div>
                </div> --}}
                <div class="col-md-3 mb-3">
                    <strong>Observaciones</strong>
                    <div>{{ $contenedor->observaciones ?: '—' }}</div>
                </div>

                <div class="col-md-3 mb-3">
                    <strong>Maniobra</strong>
                    <div>{{ $contenedor->maniobra ?: '—' }}</div>
                </div>
            </div>
        </div>
    </div>

    {{-- COBRANZA --}}
    <div class="card card-outline card-success shadow-sm">
        <div class="card-header py-2">
            <h3 class="card-title mb-0">
                <i class="fas fa-dollar-sign mr-1"></i> Cobranza
            </h3>
        </div>

        <div class="card-body">
            <div class="row text-sm">
                <div class="col-md-3 mb-3">
                    <strong>Forma de Pago</strong>
                    <div>{{ $contenedor->forma_pago ?: '—' }}</div>
                </div>
                <div class="col-md-3 mb-3">
                    <strong>Referencia</strong>
                    <div>{{ $contenedor->referencia_pago ?: '—' }}</div>
                </div>
                <div class="col-md-3 mb-3">
                    <strong>Costo Maniobra</strong>
                    <div>{{ $contenedor->costo_maniobra ?: '—' }}</div>
                </div>
                <div class="col-md-3 mb-3">
                    <strong>Moneda Maniobra</strong>
                    <div>{{ $contenedor->moneda_maniobra ?: '—' }}</div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        {{-- MOVIMIENTOS --}}
        <div class="col-md-12">
            <div class="card card-outline card-info shadow-sm">
                <div class="card-header py-2">
                    <h3 class="card-title mb-0">
                        <i class="fas fa-exchange-alt mr-1"></i> Movimientos
                    </h3>
                </div>

                <div class="card-body table-responsive p-0">
                    <table class="table table-sm table-hover text-nowrap mb-0">
                        <thead class="thead-light">
                            <tr>
                                <th>ID</th>
                                <th>Tipo</th>
                                <th>Fecha</th>
                                <th>Hora</th>
                                <th>Campo</th>
                                <th>Anterior</th>
                                <th>Nuevo</th>
                                <th>Descripción</th>
                                <th>Usuario</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($contenedor->movimientos->sortByDesc('id') as $mov)
                                <tr>
                                    <td>{{ $mov->id }}</td>
                                    <td>{{ $mov->tipo_movimiento }}</td>
                                    {{-- <td>{{ $mov->fecha }}</td> --}}
                                    <td>{{ \Carbon\Carbon::parse($mov->fecha_entrada)->format('d/m/Y') }}</td>
                                    <td>{{ $mov->hora }}</td>
                                    <td>{{ $mov->campo }}</td>
                                    <td>{{ $mov->valor_anterior }}</td>
                                    <td>{{ $mov->valor_nuevo }}</td>
                                    <td>{{ $mov->descripcion }}</td>
                                    <td>{{ $mov->usuario->name ?? 'Sistema' }}</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="9" class="text-center text-muted">Sin movimientos</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        {{-- EVIDENCIAS --}}
        <div class="col-md-12">
            <div class="card card-outline card-warning shadow-sm">
                <div class="card-header py-2">
                    <h3 class="card-title mb-0">
                        <i class="fas fa-camera mr-1"></i> Evidencias de Entrada
                    </h3>
                </div>

                <div class="card-body">

                    {{-- 🔹 GALERÍA DE FOTOS (foto_1, foto_2, etc.) --}}
                    <div class="row mb-3">

                        @php
                            $fotos = [
                                'foto_1' => 'Foto 1',
                                'foto_2' => 'Foto 2',
                                'foto_3' => 'Foto 3',
                                'foto_4' => 'Foto 4',
                                'foto_5' => 'Foto 5',
                                'foto_6' => 'Foto 6',
                                'foto_7' => 'Foto 7',
                                'foto_8' => 'Foto 8',
                                'foto_9' => 'Foto 9',
                                'foto_10' => 'Foto 10',
                            ];
                        @endphp

                        @foreach($fotos as $campo => $label)
                            <div class="col-md-3 mb-3 text-center">
                                <strong>{{ $label }}</strong><br>

                                @if(!empty($contenedor->$campo))
                                    <a href="{{ asset('uploads/contenedores/' . $contenedor->$campo) }}" target="_blank">
                                        <img
                                            src="{{ asset('uploads/contenedores/' . $contenedor->$campo) }}"
                                            class="img-fluid rounded shadow-sm border"
                                            style="height:150px; width:100%; object-fit:cover;"
                                        >
                                    </a>
                                @else
                                    <div class="text-muted small mt-2">
                                        <i class="fas fa-image"></i><br>
                                        Sin imagen
                                    </div>
                                @endif
                            </div>
                        @endforeach
                    </div>

                    {{-- 🔹 EVIDENCIAS DE SALIDA --}}
                    @php
                        $evidenciasSalida = $contenedor->evidencias
                            ->where('tipo_evidencia', 'SALIDA');
                    @endphp

                    @if($evidenciasSalida->count())
                        <hr>
                        <div class="card-header py-2">
                            <h3 class="card-title mb-0">
                                <i class="fas fa-truck-loading text-danger mr-1"></i>
                                Evidencias de Salida
                            </h3>
                        </div>

                        <div class="row">
                            @foreach($evidenciasSalida as $evidencia)
                                <div class="col-md-3 mb-3 text-center">

                                    <strong>Salida</strong><br>

                                    <a href="{{ asset($evidencia->archivo) }}" target="_blank">
                                        <img
                                            src="{{ asset($evidencia->archivo) }}"
                                            class="img-fluid rounded shadow-sm border"
                                            style="height:150px; width:100%; object-fit:cover;"
                                        >
                                    </a>

                                </div>
                            @endforeach
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        {{-- REGISTRAR INCIDENCIA --}}
        <div class="col-md-5">
            <div class="card card-outline card-danger shadow-sm">
                <div class="card-header py-2">
                    <h3 class="card-title mb-0">
                        <i class="fas fa-exclamation-triangle mr-1"></i> Registrar Incidencia
                    </h3>
                </div>

                <form method="POST" action="{{ route('patio.incidencias.store', ['contenedor' => $contenedor->id]) }}">
                    @csrf

                    <div class="card-body">
                        <div class="form-group">
                            <label class="mb-1" for="tipo_incidencia">Tipo de Incidencia</label>
                            <input type="text"
                                   name="tipo_incidencia"
                                   id="tipo"
                                   class="form-control form-control-sm"
                                   value="{{ old('tipo_indicendia') }}"
                                   placeholder="Daño, sello roto, documentación, etc.">
                        </div>

                        <div class="form-group">
                            <label class="mb-1" for="estatus">Estatus</label>
                            <select name="estatus" id="estatus" class="form-control form-control-sm">
                                <option value="ABIERTA" @selected(old('estatus') === 'ABIERTA')>ABIERTA</option>
                                <option value="EN_REVISION" @selected(old('estatus') === 'EN_REVISION')>EN REVISION</option>
                                <option value="RESUELTA" @selected(old('estatus') === 'RESUELTA')>RESUELTA</option>
                                <option value="CANCELADA" @selected(old('estatus') === 'CANCELADA')>CANCELADA</option>
                            </select>
                        </div>

                        <div class="form-group">
                            <label class="mb-1" for="descripcion">Descripción</label>
                            <textarea name="descripcion"
                                      id="descripcion"
                                      rows="4"
                                      class="form-control form-control-sm">{{ old('descripcion') }}</textarea>
                        </div>

                        <div class="form-group mb-0">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox"
                                       name="bloquea_salida"
                                       value="1"
                                       class="custom-control-input"
                                       id="bloquea_salida"
                                       {{ old('bloquea_salida') ? 'checked' : '' }}>
                                <label class="custom-control-label" for="bloquea_salida">
                                    Bloquear salida del contenedor
                                </label>
                            </div>
                        </div>
                    </div>

                    <div class="card-footer">
                        <button type="submit"
                                class="btn btn-danger btn-sm"
                                onclick="return confirm('¿Registrar esta incidencia para el contenedor?')">
                            <i class="fas fa-save mr-1"></i> Guardar incidencia
                        </button>
                    </div>
                </form>
            </div>
        </div>

        {{-- INCIDENCIAS --}}
        <div class="col-md-7">
            <div class="card card-outline card-danger shadow-sm">
                <div class="card-header py-2">
                    <h3 class="card-title mb-0">
                        <i class="fas fa-list mr-1"></i> Incidencias
                    </h3>
                </div>

                <div class="card-body table-responsive p-0">
                    <table class="table table-sm table-hover mb-0">
                        <thead class="thead-light">
                            <tr>
                                <th>ID</th>
                                <th>Tipo</th>
                                <th>Descripción</th>
                                <th>Estatus</th>
                                <th>Bloquea salida</th>
                                <th>Acciones</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($contenedor->incidencias as $incidencia)
                                <tr class="{{ in_array($incidencia->estatus, ['ABIERTA', 'EN_REVISION']) ? 'table-danger' : '' }}">
                                    <td>{{ $incidencia->id }}</td>

                                    <td>
                                        <span class="badge badge-secondary">
                                            {{ $incidencia->tipo }}
                                        </span>
                                    </td>

                                    <td>{{ $incidencia->descripcion }}</td>

                                    <td>
                                        @if($incidencia->estatus === 'ABIERTA')
                                            <span class="badge badge-danger">ABIERTA</span>
                                        @elseif($incidencia->estatus === 'EN_REVISION')
                                            <span class="badge badge-warning">EN REVISIÓN</span>
                                        @elseif($incidencia->estatus === 'RESUELTA')
                                            <span class="badge badge-success">RESUELTA</span>
                                        @elseif($incidencia->estatus === 'CANCELADA')
                                            <span class="badge badge-secondary">CANCELADA</span>
                                        @else
                                            <span class="badge badge-light">{{ $incidencia->estatus }}</span>
                                        @endif
                                    </td>

                                    <td class="text-center">
                                        @if($incidencia->bloquea_salida)
                                            <span class="badge badge-danger">SÍ</span>
                                        @else
                                            <span class="badge badge-success">NO</span>
                                        @endif
                                    </td>

                                    <td>
                                        @if(in_array($incidencia->estatus, ['ABIERTA', 'EN_REVISION']))
                                            @if(Route::has('incidencias.cerrar'))
                                                <form action="{{ route('incidencias.cerrar', $incidencia->id) }}" method="POST" class="d-inline">
                                                    @csrf
                                                    @method('PATCH')
                                                    <button
                                                        type="submit"
                                                        class="btn btn-sm btn-success"
                                                        onclick="return confirm('¿Resolver esta incidencia y liberar salida si aplica?')"
                                                    >
                                                        <i class="fas fa-check"></i> Resolver
                                                    </button>
                                                </form>
                                            @endif

                                            @if(Route::has('incidencias.cancelar'))
                                                <form action="{{ route('incidencias.cancelar', $incidencia->id) }}" method="POST" class="d-inline">
                                                    @csrf
                                                    @method('PATCH')
                                                    <button
                                                        type="submit"
                                                        class="btn btn-sm btn-secondary"
                                                        onclick="return confirm('¿Cancelar esta incidencia?')"
                                                    >
                                                        <i class="fas fa-times"></i> Cancelar
                                                    </button>
                                                </form>
                                            @endif
                                        @endif
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="6" class="text-center text-muted">
                                        No hay incidencias registradas
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    {{-- INTEGRACIONES --}}
    <div class="card card-outline card-success shadow-sm">
        <div class="card-header py-2">
            <h3 class="card-title mb-0">
                <i class="fas fa-plug mr-1"></i> Integraciones
            </h3>
        </div>

        <div class="card-body table-responsive p-0">
            <table class="table table-sm table-hover mb-0">
                <thead class="thead-light">
                    <tr>
                        <th>ID</th>
                        <th>Tipo</th>
                        <th>Evento</th>
                        <th>Estatus</th>
                        <th>Enviado</th>
                        <th>Error</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($contenedor->integraciones->sortByDesc('id') as $int)
                        <tr>
                            <td>{{ $int->id }}</td>
                            <td>{{ $int->tipo_integracion }}</td>
                            <td>{{ $int->evento }}</td>
                            <td>
                                @if($int->estatus === 'ENVIADO')
                                    <span class="badge badge-success">ENVIADO</span>
                                @elseif($int->estatus === 'ERROR')
                                    <span class="badge badge-danger">ERROR</span>
                                @else
                                    <span class="badge badge-warning">PENDIENTE</span>
                                @endif
                            </td>
                            <td>{{ $int->enviado_at }}</td>
                            <td>{{ $int->error }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="6" class="text-center text-muted">Sin integraciones</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
@stop