@extends('layouts.admin')

@section('title', 'Editar Inventario')

@section('content_header')
    <div class="d-flex justify-content-between align-items-center">
        <div>
            <h1 class="mb-0">Editar Inventario</h1>
            <small class="text-muted">Ajuste de datos operativos del contenedor</small>
        </div>

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

    <style>
        .img-custom-size {
            width: 250px;
            height: 150px;
            border: 2px solid black;
            border-radius: 15px;
            box-shadow: 5px 5px 10px rgba(0,0,0,.5);
        }
        .small-radio {
            transform: scale(1.5);
            margin-right: 5px;
        }
    </style>

@stop

@section('admin_content')
    <ul class="nav nav-tabs" id="myTab" role="tablist">
        <li class="nav-item">
            <a class="nav-link {{ session('active_tab', 'tab1') == 'tab1' ? 'active' : '' }}"
               id="tab1-tab" data-toggle="tab" href="#tab1" role="tab"
               aria-controls="tab1" aria-selected="{{ session('active_tab', 'tab1') == 'tab1' ? 'true' : 'false' }}">
                Datos Generales
            </a>
        </li>
        <li class="nav-item" role="presentation">
            <a class="nav-link {{ session('active_tab') == 'tab2' ? 'active' : '' }}" id="tab2-tab" data-toggle="tab" href="#tab2" role="tab" aria-controls="tab2" aria-selected="false">Fotografias</a>
        </li>
    </ul>

    <div class="card-body">
        <div class="tab-content" id="myTabContent">
            <div class="tab-pane fade  {{ session('active_tab', 'tab1') == 'tab1' ? 'show active' : '' }}" id="tab1" role="tabpanel" aria-labelledby="tab1-tab">

                @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
        
                <form action="{{ route('patio.inventario.update', ['contenedor' => $contenedor->id]) }}" method="POST">
                    @csrf
                    @method('PUT')

                    {{-- 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-3">
                                            <strong>Booking:</strong><br>
                                            <span>{{ $contenedor->booking ?: '—' }}</span>
                                        </div> --}}
                                        <div class="col-md-3">
                                            <strong>Estado:</strong><br>
                                            @if($contenedor->estado === 'EN_PATIO')
                                                <span class="badge badge-info">EN PATIO</span>
                                            @elseif($contenedor->estado === 'CON_INCIDENCIA')
                                                <span class="badge badge-warning">CON INCIDENCIA</span>
                                            @elseif($contenedor->estado === 'SALIO')
                                                <span class="badge badge-success">SALIO</span>
                                            @else
                                                <span class="badge badge-secondary">{{ $contenedor->estado }}</span>
                                            @endif
                                        </div>
                                        <div class="col-md-3">
                                            <strong>EIR Entrada:</strong><br>
                                            <span>{{ $contenedor->eir_entrada ?: '—' }}</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">
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label class="mb-1">Contenedor</label>
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fas fa-cube"></i></span>
                                            </div>
                                            <input type="text" class="form-control" value="{{ $contenedor->contenedor }}" disabled>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label class="mb-1" for="full_empty">Full / Empty</label>

                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">
                                                    <i class="fas fa-box"></i>
                                                </span>
                                            </div>

                                            <select
                                                name="full_empty"
                                                id="full_empty"
                                                class="form-control @error('full_empty') is-invalid @enderror"
                                            >
                                                <option value="">Seleccione</option>
                                                <option value="Lleno" {{ old('full_empty', $contenedor->full_empty) === 'Lleno' ? 'selected' : '' }}>Lleno</option>
                                                <option value="Vacio" {{ old('full_empty', $contenedor->full_empty) === 'Vacio' ? 'selected' : '' }}>Vacío</option>
                                            </select>
                                        </div>

                                        @error('full_empty')
                                            <span class="invalid-feedback d-block">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                                
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label class="mb-1">EIR Entrada</label>
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fas fa-receipt"></i></span>
                                            </div>
                                            <input type="text" class="form-control" value="{{ $contenedor->eir_entrada }}" disabled>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label class="mb-1" for="maniobra">Maniobra</label>

                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">
                                                    <i class="fas fa-box"></i>
                                                </span>
                                            </div>

                                            <select
                                                name="maniobra"
                                                id="maniobra"
                                                class="form-control @error('maniobra') is-invalid @enderror"
                                            >
                                                <option value="">Seleccione</option>
                                                <option value="Merchant" {{ old('maniobra', $contenedor->maniobra) === 'Merchant' ? 'selected' : '' }}>Merchant</option>
                                                <option value="Carrier" {{ old('maniobra', $contenedor->maniobra) === 'Carrier' ? 'selected' : '' }}>Carrier</option>
                                            </select>
                                        </div>

                                        @error('full_empty')
                                            <span class="invalid-feedback d-block">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label class="mb-1">Consignatario</label>

                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">
                                                    <i class="fas fa-user-tie"></i>
                                                </span>
                                            </div>

                                            <input type="text"
                                                name="consignatario"
                                                id="consignatario"
                                                class="form-control"
                                                value="{{ old('consignatario', $contenedor->consignatario ?? '') }}"
                                                placeholder="Ingrese consignatario">
                                        </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">
                                
                                {{-- FORMA DE PAGO --}}
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label class="mb-1">Forma de Pago</label>
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">
                                                    <i class="fas fa-credit-card"></i>
                                                </span>
                                            </div>
                                            <select name="forma_pago" id="forma_pago" class="form-control">
                                                <option value="">Seleccione</option>
                                                <option value="Naviera" {{ old('forma_pago', $contenedor->forma_pago) == 'Naviera' ? 'selected' : '' }}>Naviera</option>
                                                <option value="Transferencia" {{ old('forma_pago', $contenedor->forma_pago) == 'Transferencia' ? 'selected' : '' }}>Transferencia</option>
                                                <option value="Crédito" {{ old('forma_pago', $contenedor->forma_pago) == 'Crédito' ? 'selected' : '' }}>Crédito</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>

                                {{-- REFERENCIA --}}
                                <div class="col-md-3" id="referencia_container">
                                    <div class="form-group">
                                        <label class="mb-1">Referencia</label>
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">
                                                    <i class="fas fa-hashtag"></i>
                                                </span>
                                            </div>
                                            <input type="text" name="referencia_pago" id="referencia_pago"
                                                class="form-control" value="{{ old('referencia_pago', $contenedor->referencia_pago) }}"
                                            >
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label class="mb-1">Costo Maniobra</label>

                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">
                                                    <i class="fas fa-dollar-sign"></i>
                                                </span>
                                            </div>

                                            <input type="number"
                                                step="0.01"
                                                min="0"
                                                name="costo_maniobra"
                                                id="costo_maniobra"
                                                class="form-control"
                                                value="{{ old('costo_maniobra', $contenedor->costo_maniobra ?? 0) }}">
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label class="mb-1">Moneda</label>

                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">
                                                    <i class="fas fa-coins"></i>
                                                </span>
                                            </div>

                                            <select name="moneda_maniobra"
                                                id="moneda_maniobra"
                                                class="form-control">

                                                <option value="MX"
                                                    {{ old('moneda_maniobra', $contenedor->moneda_maniobra ?? 'MX') == 'MX' ? 'selected' : '' }}>
                                                    MX
                                                </option>

                                                <option value="DLLS"
                                                    {{ old('moneda_maniobra', $contenedor->moneda_maniobra ?? '') == 'DLLS' ? 'selected' : '' }}>
                                                    DLLS
                                                </option>

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

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

                    {{-- FECHAS Y OPERACIÓN --}}
                    <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-truck-loading mr-1"></i> Operación
                            </h3>
                        </div>

                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label class="mb-1">Fecha Entrada</label>
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="far fa-calendar-alt"></i></span>
                                            </div>
                                            <input type="text" class="form-control" value="{{ $contenedor->fecha_entrada }}" disabled>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label class="mb-1">Hora Entrada</label>
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="far fa-clock"></i></span>
                                            </div>
                                            <input type="text" class="form-control" value="{{ $contenedor->hora_entrada }}" disabled>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label class="mb-1" for="tipo_equipo">Tipo de Equipo</label>

                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fas fa-box"></i></span>
                                            </div>

                                            <select
                                                name="tipo_equipo"
                                                id="tipo_equipo"
                                                class="form-control @error('tipo_equipo') is-invalid @enderror"
                                            >
                                                <option value="">Seleccione</option>

                                                @foreach([
                                                    '20DC','40DC','40HC','20RF','40RF',
                                                    '20OT','40OT','20FL','40FL','20TK','40TK'
                                                ] as $tipo)
                                                    <option value="{{ $tipo }}"
                                                        {{ old('tipo_equipo', $contenedor->tipo_equipo ?? '') == $tipo ? 'selected' : '' }}>
                                                        {{ $tipo }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>

                                        @error('tipo_equipo')
                                            <span class="invalid-feedback d-block">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-md-3">
                                    <div class="form-group mb-md-0">
                                        <label class="mb-1" for="tipo_carga">Tipo Carga</label>
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fas fa-dolly"></i></span>
                                            </div>
                                            <input
                                                type="text"
                                                name="tipo_carga"
                                                id="tipo_carga"
                                                class="form-control @error('tipo_carga') is-invalid @enderror"
                                                value="{{ old('tipo_carga', $contenedor->tipo_carga) }}"
                                            >
                                        </div>
                                        @error('tipo_carga')
                                            <span class="invalid-feedback d-block">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-md-3">
                                    <div class="form-group mb-md-0">
                                        <label class="mb-1" for="naviera_id">Naviera</label>
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fas fa-ship"></i></span>
                                            </div>
                                            <select name="naviera_id" id="naviera_id" class="form-control @error('naviera_id') is-invalid @enderror">
                                                <option value="">Seleccione</option>
                                                @foreach($navieras as $naviera)
                                                    <option value="{{ $naviera->id }}"
                                                        {{ (string) old('naviera_id', $contenedor->naviera_id) === (string) $naviera->id ? 'selected' : '' }}>
                                                        {{ $naviera->nombre }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>

                                        @error('naviera_id')
                                            <span class="invalid-feedback d-block">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-md-3">
                                    <div class="form-group mb-md-0">
                                        <label class="mb-1" for="cliente">Cliente</label>
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fas fa-building"></i></span>
                                            </div>
                                            <input
                                                type="text"
                                                name="cliente"
                                                id="cliente"
                                                class="form-control @error('cliente') is-invalid @enderror"
                                                value="{{ old('cliente', $contenedor->cliente) }}"
                                            >
                                        </div>
                                        @error('cliente')
                                            <span class="invalid-feedback d-block">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label class="mb-1" for="peso">Peso</label>
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fas fa-weight-hanging"></i></span>
                                            </div>
                                            <input
                                                type="number"
                                                step="0.01"
                                                name="peso"
                                                id="peso"
                                                class="form-control @error('peso') is-invalid @enderror"
                                                value="{{ old('peso', $contenedor->peso) }}"
                                            >
                                        </div>
                                        @error('peso')
                                            <span class="invalid-feedback d-block">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-md-3">
                                    <div class="form-group mb-md-0">
                                        <label class="mb-1" for="concepto_eir">Concepto EIR</label>

                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">
                                                    <i class="fas fa-file-signature"></i>
                                                </span>
                                            </div>

                                            <input
                                                type="text"
                                                name="concepto_eir"
                                                id="concepto_eir"
                                                class="form-control"
                                                value="{{ old('concepto_eir', $contenedor->concepto_eir ?? 'Maniobra de Carga') }}"
                                                readonly
                                            >
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    {{-- TRANSPORTE Y UBICACIÓN --}}
                    <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-route mr-1"></i> Transporte y Ubicación
                            </h3>
                        </div>

                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label class="mb-1" for="transportista_text">Transportista</label>

                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">
                                                    <i class="fas fa-truck"></i>
                                                </span>
                                            </div>

                                            <select
                                                name="transportista_text"
                                                id="transportista_text"
                                                class="form-control @error('transportista_text') is-invalid @enderror"
                                            >
                                                <option value="">Seleccione</option>

                                                @foreach($transportistas as $t)
                                                    <option value="{{ $t->id }}"
                                                        {{ old('transportista_text', $contenedor->transportista_text) == $t->id ? 'selected' : '' }}>
                                                        {{ $t->nombre }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>

                                        @error('transportista_id')
                                            <span class="invalid-feedback d-block">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label class="mb-1" for="operador">Operador</label>
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fas fa-user"></i></span>
                                            </div>
                                            <input
                                                type="text"
                                                name="operador"
                                                id="operador"
                                                class="form-control @error('operador') is-invalid @enderror"
                                                value="{{ old('operador', $contenedor->operador) }}"
                                            >
                                        </div>
                                        @error('operador')
                                            <span class="invalid-feedback d-block">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label class="mb-1" for="unidad">Unidad</label>
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fas fa-trailer"></i></span>
                                            </div>
                                            <input
                                                type="text"
                                                name="unidad"
                                                id="unidad"
                                                class="form-control @error('unidad') is-invalid @enderror"
                                                value="{{ old('unidad', $contenedor->unidad) }}"
                                            >
                                        </div>
                                        @error('unidad')
                                            <span class="invalid-feedback d-block">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label class="mb-1" for="placas">Placas</label>
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fas fa-id-card"></i></span>
                                            </div>
                                            <input
                                                type="text"
                                                name="placas"
                                                id="placas"
                                                class="form-control @error('placas') is-invalid @enderror"
                                                value="{{ old('placas', $contenedor->placas) }}"
                                            >
                                        </div>
                                        @error('placas')
                                            <span class="invalid-feedback d-block">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-md-2">
                                    {{-- <div class="form-group">
                                        <label class="mb-1" for="ubicacion_patio">Ubicación</label>
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fas fa-map-marker-alt"></i></span>
                                            </div>
                                            <input
                                                type="text"
                                                name="ubicacion_patio"
                                                id="ubicacion_patio"
                                                class="form-control @error('ubicacion_patio') is-invalid @enderror"
                                                value="{{ old('ubicacion_patio', $contenedor->ubicacion_patio) }}"
                                            >
                                        </div>
                                        @error('ubicacion_patio')
                                            <span class="invalid-feedback d-block">{{ $message }}</span>
                                        @enderror
                                    </div> --}}
                                </div>
                            </div>
                        </div>
                    </div>

                    {{-- OBSERVACIONES --}}
                    <div class="card card-outline card-dark shadow-sm">
                        <div class="card-header py-2">
                            <h3 class="card-title mb-0">
                                <i class="fas fa-sticky-note mr-1"></i> Observaciones
                            </h3>
                        </div>

                        <div class="card-body">
                            <div class="form-group mb-0">
                                <label class="mb-1" for="observaciones">Notas operativas</label>
                                <textarea
                                    name="observaciones"
                                    id="observaciones"
                                    rows="3"
                                    class="form-control form-control-sm @error('observaciones') is-invalid @enderror"
                                    placeholder="Agrega observaciones relevantes del contenedor..."
                                >{{ old('observaciones', $contenedor->observaciones) }}</textarea>
                                @error('observaciones')
                                    <span class="invalid-feedback d-block">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>

                        <div class="card-footer d-flex justify-content-between">
                            <a href="{{ route('patio.inventario.index') }}" class="btn btn-secondary btn-sm">
                                <i class="fas fa-times mr-1"></i> Cancelar
                            </a>

                            <button type="submit" class="btn btn-primary btn-sm">
                                <i class="fas fa-save mr-1"></i> Guardar cambios
                            </button>
                        </div>
                    </div>
                </form>

            </div>

            <div class="tab-pane fade {{ session('active_tab') == 'tab2' ? 'show active' : '' }}" id="tab2" role="tabpanel" aria-labelledby="tab2-tab">
                        <div class="container">
                            
                            <div class="row">
                                <div class="text-center">
                                    <strong>Evidencia Fotográfica</strong><br><br>
                                </div>
                            </div>

                            <div class="row">
                                <form action="{{route('patio.inventario.upload-fotos',$contenedor->id)}}" method="POST" id="form3" enctype="multipart/form-data">
                                    @csrf

                                    <br>
                                    <div class="row">
                                        @if(session('success'))
                                            <div class="alert alert-success alert-dismissible fade show" role="alert">
                                                <strong>OK! :</strong>{{ session('success') }}
                                                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                                            </div>
                                        @endif

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

                                    <div class="row">
                                        <div class="col-md-12">
                                            <table class="table table-responsive-sm table-condense table-bordered">
                                                <tbody>
                                                    <tr>
                                                        <td>
                                                            <label for="foto_1" style="all: unset;"><strong>1. Evidencia Fotográfica:</strong></label>
                                                            <input class="form-control" type="file" id="foto_1"  name="foto_1"  accept=".jpg, .jpeg"><br>
                                                            
                                                        </td>
                                                        <td>
                                                            <label for="foto_2" style="all: unset;"><strong>2. Evidencia Fotográfica:</strong></label>
                                                            <input class="form-control" type="file" id="foto_2"  name="foto_2"  accept=".jpg, .jpeg"><br>
                                                        </td>
                                                    </tr>
                                                    <tr align="center">
                                                        <td>
                                                            <label for="foto_3" style="all: unset;"><strong>3. Evidencia Fotográfica:</strong></label>
                                                            <input class="form-control" type="file" id="foto_3"  name="foto_3"  accept=".jpg, .jpeg"><br>
                                                        </td>
                                                        <td>
                                                            <label for="foto_4" style="all: unset;"><strong>4. Evidencia Fotográfica:</strong></label>
                                                            <input class="form-control" type="file" id="foto_4"  name="foto_4"  accept=".jpg, .jpeg"><br>
                                                        </td>
                                                    </tr>



                                                    <tr align="center">
                                                        <td>
                                                            <label for="foto_5" style="all: unset;"><strong>5. Evidencia Fotográfica:</strong></label>
                                                            <input class="form-control" type="file" id="foto_5"  name="foto_5"  accept=".jpg, .jpeg"><br>
                                                           
                                                        </td>
                                                        <td>
                                                            <label for="foto_6" style="all: unset;"><strong>6. Evidencia Fotográfica:</strong></label>
                                                            <input class="form-control" type="file" id="foto_6"  name="foto_6"  accept=".jpg, .jpeg"><br>
                                                            
                                                        </td>
                                                    </tr>
                                                    <tr align="center">
                                                        <td>
                                                            <label for="foto_7" style="all: unset;"><strong>7. Evidencia Fotográfica:</strong></label>
                                                            <input class="form-control" type="file" id="foto_7"  name="foto_7"  accept=".jpg, .jpeg"><br>
                                                            
                                                        </td>
                                                        <td>
                                                            <label for="foto_8" style="all: unset;"><strong>8. Evidencia Fotográfica:</strong></label>
                                                            <input class="form-control" type="file" id="foto_8"  name="foto_8"  accept=".jpg, .jpeg"><br>
                                                           
                                                        </td>
                                                    </tr>
                                                    <tr align="center">
                                                        <td>
                                                            <label for="foto_9" style="all: unset;"><strong>9. Evidencia Fotográfica:</strong></label>
                                                            <input class="form-control" type="file" id="foto_9"  name="foto_9"  accept=".jpg, .jpeg"><br>
                                                            
                                                        </td>
                                                        <td>
                                                            <label for="foto_10" style="all: unset;"><strong>10. Evidencia Fotográfica:</strong></label>
                                                            <input class="form-control" type="file" id="foto_10"  name="foto_10"  accept=".jpg, .jpeg"><br>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>

                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-3">
                                            Foto 1 <br>
                                            @if($contenedor->foto_1)
                                                {{-- <img src="{{ asset('uploads/contenedores/'.$contenedor->foto_1) }}" class="img-custom-size"> --}}
                                                <img src="{{ asset('uploads/contenedores/'.$contenedor->foto_1) }}?v={{ $contenedor->updated_at?->timestamp }}" class="img-custom-size">
                                            @else
                                                <p>Imagen no disponible</p>
                                            @endif
                                        </div>
                                        <div class="col-md-3">
                                            Foto 2 <br>
                                            @if($contenedor->foto_2)
                                                {{-- <img src="{{ asset('uploads/contenedores/'.$contenedor->foto_2) }}" class="img-custom-size"> --}}
                                                <img src="{{ asset('uploads/contenedores/'.$contenedor->foto_2) }}?v={{ $contenedor->updated_at?->timestamp }}" class="img-custom-size">
                                            @else
                                                <p>Imagen no disponible</p>
                                            @endif
                                        </div>
                                        <div class="col-md-3">
                                            Foto 3 <br>
                                            @if($contenedor->foto_3)
                                                {{-- <img src="{{ asset('uploads/contenedores/'.$contenedor->foto_3) }}" class="img-custom-size"> --}}
                                                <img src="{{ asset('uploads/contenedores/'.$contenedor->foto_3) }}?v={{ $contenedor->updated_at?->timestamp }}" class="img-custom-size">
                                            @else
                                                <p>Imagen no disponible</p>
                                            @endif
                                        </div>
                                        <div class="col-md-3">
                                            Foto 4 <br>
                                            @if($contenedor->foto_4)
                                                {{-- <img src="{{ asset('uploads/contenedores/'.$contenedor->foto_4) }}" class="img-custom-size"> --}}
                                                <img src="{{ asset('uploads/contenedores/'.$contenedor->foto_4) }}?v={{ $contenedor->updated_at?->timestamp }}" class="img-custom-size">
                                            @else
                                                <p>Imagen no disponible</p>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-3">
                                            Foto 5 <br>
                                            @if($contenedor->foto_5)
                                                {{-- <img src="{{ asset('uploads/contenedores/'.$contenedor->foto_5) }}" class="img-custom-size"> --}}
                                                <img src="{{ asset('uploads/contenedores/'.$contenedor->foto_5) }}?v={{ $contenedor->updated_at?->timestamp }}" class="img-custom-size">
                                            @else
                                                <p>Imagen no disponible</p>
                                            @endif
                                        </div>
                                        <div class="col-md-3">
                                            Foto 6 <br>
                                            @if($contenedor->foto_6)
                                                {{-- <img src="{{ asset('uploads/contenedores/'.$contenedor->foto_6) }}" class="img-custom-size"> --}}
                                                <img src="{{ asset('uploads/contenedores/'.$contenedor->foto_6) }}?v={{ $contenedor->updated_at?->timestamp }}" class="img-custom-size">
                                            @else
                                                <p>Imagen no disponible</p>
                                            @endif
                                        </div>
                                        <div class="col-md-3">
                                            Foto 7 <br>
                                            @if($contenedor->foto_7)
                                                {{-- <img src="{{ asset('uploads/contenedores/'.$contenedor->foto_7) }}" class="img-custom-size"> --}}
                                                <img src="{{ asset('uploads/contenedores/'.$contenedor->foto_7) }}?v={{ $contenedor->updated_at?->timestamp }}" class="img-custom-size">
                                            @else
                                                <p>Imagen no disponible</p>
                                            @endif
                                        </div>
                                        <div class="col-md-3">
                                            Foto 8 <br>
                                            @if($contenedor->foto_8)
                                                {{-- <img src="{{ asset('uploads/contenedores/'.$contenedor->foto_8) }}" class="img-custom-size"> --}}
                                                <img src="{{ asset('uploads/contenedores/'.$contenedor->foto_8) }}?v={{ $contenedor->updated_at?->timestamp }}" class="img-custom-size">
                                            @else
                                                <p>Imagen no disponible</p>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-3">
                                            Foto 9 <br>
                                            @if($contenedor->foto_9)
                                                {{-- <img src="{{ asset('uploads/contenedores/'.$contenedor->foto_9) }}" class="img-custom-size"> --}}
                                                <img src="{{ asset('uploads/contenedores/'.$contenedor->foto_9) }}?v={{ $contenedor->updated_at?->timestamp }}" class="img-custom-size">
                                            @else
                                                <p>Imagen no disponible</p>
                                            @endif
                                        </div>
                                        <div class="col-md-3">
                                            Foto 10 <br>
                                            @if($contenedor->foto_10)
                                                {{-- <img src="{{ asset('uploads/contenedores/'.$contenedor->foto_10) }}" class="img-custom-size"> --}}
                                                <img src="{{ asset('uploads/contenedores/'.$contenedor->foto_10) }}?v={{ $contenedor->updated_at?->timestamp }}" class="img-custom-size">
                                            @else
                                                <p>Imagen no disponible</p>
                                            @endif
                                        </div>
                                    </div>



                                    <div class="d-flex gap-2 mt-2">
                                        <input type="hidden" name="active_tab" value="tab2">
                                        <a href="{{ route('patio.inventario.index') }}" class="btn btn-secondary btn-sm">
                                            <i class="fas fa-times mr-1"></i> Cancelar
                                        </a>
                                        <button type="submit" class="btn btn-primary btn-sm">
                                            <i class="fas fa-save mr-1"></i> Guardar fotografías
                                        </button>
                                    </div>

                                </form>
                            </div>

                        </div>
                    </div>


        </div>
    </div>
@stop