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

{{-- @extends('layouts.app') --}}

    
    @section('content')

        <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet" >
        <link href="https://cdn.datatables.net/2.0.5/css/dataTables.bootstrap5.css" rel="stylesheet" >
        <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" rel="stylesheet">
        <style>
            body {
                font-size: 13px; /* Cambia este valor según tus necesidades */
            }
        </style>

    

        <style>
            table {
                width: 100%; /* Ocupa el 100% del ancho del contenedor */
                border-collapse: collapse; /* Opcional: para eliminar el espacio entre bordes de celdas */
            }
            .img-custom-size {
                width: 444px;
                height: 300px;
                border: 3px solid black; border-radius: 15px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
            }
            .table td {
                text-align: left;
            }

            .checkbox-custom {
                width: 18px;
                height: 18px;
                border: 2px solid #0d6efd;
                display: inline-block;
                cursor: pointer;
            }

            input:checked + .checkbox-custom {
                background-color: #0d6efd;
            }

        </style>

        <div class="container mt-3">
            <br>
            <div class="card text-center">
                <div class="card-header">
                    <!-- Nav Tabs -->
                    <ul class="nav nav-tabs" id="myTab" role="tablist">
                        <li class="nav-item" role="presentation">
                            <a class="nav-link {{ session('active_tab', 'tab1') == 'tab1' ? 'active' : '' }}" id="tab1-tab" data-bs-toggle="tab" href="#tab1" role="tab" aria-controls="tab1" aria-selected="true">Solicitud de Maniobra</a>

                        </li>

                    </ul>
                </div>

                <div class="card-header">
                    <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">
                            <div class="container">

                                <div class="row">
                                    <h4>Solicitud de maniobra</h4>
                                        <p>A continuación se muestran los datos de la solicitud de maniobra.</p>
                                </div>

                                <div class="row">
                                    <div class="col-md-2 text-start">
                                    <a href="{{ route('solmaniobra.index') }}">Ver lista de solicitudes</a>
                                    </div>
                                </div>

                                <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">
                                    <p class="text-start">
                                    Los campos marcados con (*) son mandatorios.<br>
                                    ¿A quién debemos dirigirnos para la programación y confirmación de servicios, así como para la revisión de contenedores en mal estado o sucios, o cualquier otra aclaración que se requiera?
                                    </p>
                                    <br>
                                </div>

                                {{-- <div class="row">
                                    <div class="col-md-2 text-start">
                                        <p style="font-size: 20px; color: red;">FOLIO : {{  $sol_maniobra->id }}</p>
                                </div> --}}
                                
                                <div class="row">                                
                                    <form action="{{route('solmaniobra.updateSM',$sol_maniobra->id)}}" method="POST" id="form1" enctype="multipart/form-data">
                                        @csrf
                                        @method('put')

                                        <div class="row">
                                            <div class="col-md-2 text-start">
                                                <div class="form-group">
                                                    <label for="fecha" style="all: unset;"><strong>*Fecha a realizar el movimiento:</strong></label>
                                                    <input type="date" id="fecha" name="fecha" value="{{old('fecha',$sol_maniobra->fecha)}}" class="form-control" required>
                                                </div>
                                            </div>
                                            <div class="col-md-4 text-start">
                                                <div class="form-group">
                                                    <label for="res_nombre" style="all: unset;"><strong>*Contacto responsable de la operación:</strong></label><br><br>
                                                    <input type="text" id="res_nombre" name="res_nombre" value="{{ old('res_nombre',$sol_maniobra->res_nombre) }}" class="form-control" placeholder="Nombre" required>
                                                </div>
                                            </div>
                                            <div class="col-md-3 text-start">
                                                <div class="form-group">
                                                    <label for="res_correo" style="all: unset;"><strong>*Correo electrónico del responsable:</strong></label><br><br>
                                                    <input type="text" name="res_correo" id="res_correo" class="form-control" placeholder="email1@ejemplo.com;email2@ejemplo.com" value="{{ old('res_correo',$sol_maniobra->res_correo) }}" required>
                                                </div>
                                            </div>
                                            <div class="col-md-2 text-start">
                                                <div class="form-group">
                                                    <label for="res_telefono" style="all: unset;"><strong>*Teléfono del responsable:</strong></label><br><br>
                                                    <input type="text" id="res_telefono" name="res_telefono" value="{{ old('res_telefono',$sol_maniobra->res_telefono) }}" class="form-control" placeholder="+52 000 000 000" required>
                                                </div>
                                            </div>                                        
                                        </div>
                                        <br>
                                        <div class="row">
                                            <div class="col-md-4 text-start">
                                                <div class="form-group">
                                                    <label for="linea_credito" style="all: unset;"><strong>Si cuenta con una LINEA DE CREDITO Autorizada, favor de marcar la casilla:</strong></label>
                                                    &nbsp;&nbsp;&nbsp;
                                                    <input type="checkbox" class="checkbox-custom"  id="linea_credito" name="linea_credito" value="1" {{ old('linea_credito', $sol_maniobra->linea_credito) ? 'checked' : '' }} class="form-check-input">
                                                </div>
                                            </div>
                                        </div>
                                        <br>
                                        <div class="row">
                                            <div class="col-md-3 text-start">
                                                <div class="form-group">
                                                    <label for="transporte_linea" style="all: unset;"><strong>Línea de transporte:</strong></label><br>
                                                    <input type="text" id="transporte_linea" name="transporte_linea" value="{{ old('transporte_linea', $sol_maniobra->transporte_linea) }}" class="form-control">
                                                </div>
                                            </div>
                                            <div class="col-md-3 text-start">
                                                <div class="form-group">
                                                    <label for="transporte_email" style="all: unset;"><strong>Correo de transporte:</strong></label><br>
                                                    <input type="email" id="transporte_email" name="transporte_email" value="{{ old('transporte_email', $sol_maniobra->transporte_email) }}" class="form-control">
                                                </div>
                                            </div>
                                            <div class="col-md-2 text-start">
                                                <div class="form-group">
                                                    <label for="transporte_movimientos" style="all: unset;"><strong>No. movimientos:</strong></label><br>
                                                    <input type="text" id="transporte_movimientos" name="transporte_movimientos" value="{{ old('transporte_movimientos', $sol_maniobra->transporte_movimientos) }}" class="form-control">
                                                </div>
                                            </div>
                                        </div>                                                            
                                    
                                        <div class="row">
                                            <div class="col-md-12 text-start">
                                                <div class="form-group">
                                                    <label for="observaciones" style="all: unset;"><strong>Observaciones:</strong></label>
                                                    <textarea name="observaciones" id="observaciones" class="form-control" rows="3">{{ old('observaciones', $sol_maniobra->observaciones) }}</textarea>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4 text-start">
                                                <br>
                                                <button type="submit" class="btn btn-primary">Guardar</button>
                                            </div>
                                        </div>
                                    </form>

                                    <div class="row">                            
                                    <h4>Contenedores</h4>
                                    <p>A continuación se muestran los contenedores registrados para esta solicitud de maniobra.</p>
                                    <form action="{{ route('solmaniobra.contenedor.store', $sol_maniobra->id) }}" method="POST" name="formContenedor">
                                        @csrf
                                        <div class="row">
                                            <div class="col-md-2 text-start">
                                                <div class="form-group">
                                                    <label for="contenedor" style="all: unset;"><strong>Contenedor:</strong></label><br>
                                                    <input type="text" name="contenedor" class="form-control">
                                                </div>
                                            </div>
                                            <div class="col-md-1 text-start">
                                                <div class="form-group">
                                                    <label for="tipo" style="all: unset;"><strong>Tipo:</strong></label><br>
                                                    <select name="tipo" id="tipo" class="form-control">
                                                        <option value="">-</option>
                                                        <option value="20DC" {{ $sol_maniobra->tipo == '20DC' ? 'selected' : '' }}>20 DC</option>
                                                        <option value="20HC" {{ $sol_maniobra->tipo == '20HC' ? 'selected' : '' }}>20 HC</option>
                                                        <option value="40DC" {{ $sol_maniobra->tipo == '40DC' ? 'selected' : '' }}>40 DC</option>
                                                        <option value="40HC" {{ $sol_maniobra->tipo == '40HC' ? 'selected' : '' }}>40 HC</option>
                                                        <option value="53" {{ $sol_maniobra->tipo == '53' ? 'selected' : '' }}>53</option>
                                                        <option value="ISOTANQUE" {{ $sol_maniobra->tipo == 'ISOTANQUE' ? 'selected' : '' }}>ISOTANQUE</option>
                                                        <option value="OTRO" {{ $sol_maniobra->tipo == 'OTRO' ? 'selected' : '' }}>OTRO</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-2 text-start">
                                                <div class="form-group">
                                                    <label for="booking" style="all: unset;"><strong>Booking:</strong></label><br>
                                                    <input type="text" name="booking" class="form-control">
                                                </div>
                                            </div>
                                            <div class="col-md-2 text-start">
                                                <div class="form-group">
                                                    <label for="naviera" style="all: unset;"><strong>Naviera:</strong></label><br>
                                                    <select name="naviera" id="naviera" class="form-control">
                                                        <option value="">-</option>
                                                        <option value="AMERICA" {{ $sol_maniobra->naviera == 'AMERICA' ? 'selected' : '' }}>AMERICA</option>
                                                        <option value="CMA CGM" {{ $sol_maniobra->naviera == 'CMA CGM' ? 'selected' : '' }}>CMA CGM</option>
                                                        <option value="CONTEMEX" {{ $sol_maniobra->naviera == 'CONTEMEX' ? 'selected' : '' }}>CONTEMEX</option>
                                                        <option value="LATAM" {{ $sol_maniobra->naviera == 'LATAM' ? 'selected' : '' }}>LATAM</option>
                                                        <option value="MELFI" {{ $sol_maniobra->naviera == 'MELFI' ? 'selected' : '' }}>MELFI</option>
                                                        <option value="OOCL" {{ $sol_maniobra->naviera == 'OOCL' ? 'selected' : '' }}>OOCL</option>
                                                        <option value="PIL" {{ $sol_maniobra->naviera == 'PIL' ? 'selected' : '' }}>PIL</option>
                                                        <option value="SEABOARD" {{ $sol_maniobra->naviera == 'SEABOARD' ? 'selected' : '' }}>SEABOARD</option>
                                                        <option value="SPARX" {{ $sol_maniobra->naviera == 'SPARX' ? 'selected' : '' }}>SPARX</option>
                                                        <option value="YANG MING" {{ $sol_maniobra->naviera == 'YANG MING' ? 'selected' : '' }}>YANG MING</option>
                                                        <option value="HELMANS" {{ $sol_maniobra->naviera == 'HELMANS' ? 'selected' : '' }}>HELMANS</option>
                                                        <option value="WORLD DIRECT SHIPPING" {{ $sol_maniobra->naviera == 'WORLD DIRECT SHIPPING' ? 'selected' : '' }}>WORLD DIRECT SHIPPING</option>
                                                        <option value="MOPSA">MOPSA {{ $sol_maniobra->naviera == 'MOPSA' ? 'selected' : '' }}</option>
                                                        <option value="OTROS" {{ $sol_maniobra->naviera == 'OTROS' ? 'selected' : '' }}>OTROS</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-2 text-start">
                                                <div class="form-group">
                                                    <label for="operacion" style="all: unset;"><strong>Operación:</strong></label><br>
                                                    <select name="operacion" id="operacion" class="form-control">
                                                        <option value="">-</option>
                                                        <option value="CARGA" {{ $sol_maniobra->operacion == 'CARGA' ? 'selected' : '' }}>CARGA</option>
                                                        <option value="DESCARGA" {{ $sol_maniobra->operacion == 'DESCARGA' ? 'selected' : '' }}>DESCARGA</option>
                                                        <option value="TRANSBORDO" {{ $sol_maniobra->operacion == 'TRANSBORDO' ? 'selected' : '' }}>TRANSBORDO</option>
                                                        <option value="REACOMODO" {{ $sol_maniobra->operacion == 'REACOMODO' ? 'selected' : '' }}>REACOMODO</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-2 text-start">
                                                <div class="form-group">
                                                    <label for="maniobra" style="all: unset;"><strong>Maniobra:</strong></label><br>
                                                    <select name="maniobra" id="maniobra" class="form-control">
                                                        <option value="">-</option>
                                                        <option value="VACIO" {{ $sol_maniobra->maniobra == 'VACIO' ? 'selected' : '' }}>VACIO</option>
                                                        <option value="CARGADO" {{ $sol_maniobra->maniobra == 'CARGADO' ? 'selected' : '' }}>CARGADO</option>
                                                        <option value="ACUERDO" {{ $sol_maniobra->maniobra == 'ACUERDO' ? 'selected' : '' }}>ACUERDO</option>
                                                        <option value="OTRO" {{ $sol_maniobra->maniobra == 'OTRO' ? 'selected' : '' }}>OTRO</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-3 text-start">
                                                <div class="form-group">
                                                    <label for="costo" style="all: unset;"><strong>Costo:</strong></label><br>
                                                    <select name="costo" id="costo" class="form-control">
                                                        <option value="">-</option>
                                                        <option value="2700" {{ $sol_maniobra->costo == '2700' ? 'selected' : '' }}>CARGADO $2,700</option>
                                                        <option value="2800" {{ $sol_maniobra->costo == '2800' ? 'selected' : '' }}>CARGADO $2,800</option>
                                                        <option value="CARRIER" {{ $sol_maniobra->costo == 'CARRIER' ? 'selected' : '' }}>CARGADO CARRIER</option>
                                                        <option value="OTROS" {{ $sol_maniobra->costo == 'OTROS' ? 'selected' : '' }}>OTROS</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4 text-start">
                                                <br>
                                                <button type="submit" class="btn btn-primary">Agregar</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>

                                <!-- Registro de contenedores -->
                                <div class="row">
                                    @if($sol_maniobra->contenedores->isNotEmpty())
                                    <table class="table table-bordered" style="font-size: 0.85rem;">
                                        <thead>
                                            <tr>
                                                <th>Contenedor</th>
                                                <th>Naviera</th>
                                                <th>Tipo</th>
                                                <th>Operación</th>
                                                <th>Maniobra</th>
                                                <th>Costo</th>
                                                <th>Booking</th>
                                                <th>Acciones</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($sol_maniobra->contenedores as $contenedor)
                                                <tr>
                                                    <td>{{ $contenedor->contenedor }}</td>
                                                    <td>{{ $contenedor->naviera }}</td>
                                                    <td>{{ $contenedor->tipo }}</td>
                                                    <td>{{ $contenedor->operacion }}</td>
                                                    <td>{{ $contenedor->maniobra }}</td>
                                                    <td>{{ $contenedor->costo }}</td>
                                                    <td>{{ $contenedor->booking }}</td>
                                                    <td>
                                                        <form action="{{ route('solmaniobra.contenedor.destroy', $contenedor->id) }}" method="POST" style="display:inline-block;">
                                                            @csrf
                                                            @method('DELETE')
                                                            <button type="submit" class="btn btn-danger btn-sm">Eliminar</button>
                                                        </form>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                    @else
                                        <p>No hay contenedores registrados.</p>
                                    @endif
                                </div>

                                    <form action="{{route('solmaniobra.updateSM',$sol_maniobra->id)}}" method="POST" id="form1" enctype="multipart/form-data">
                                        @csrf
                                        @method('put')

                                        <input type="hidden" name="linea_credito" value="{{ $sol_maniobra->linea_credito ? '1' : '' }}">

                                        <div class="row">                                        
                                            <h4>Datos para la facturación</h4>
                                            <p>A continuación se muestran los datos para la facturación.</p>
                                            <div class="col-md-3 text-start">
                                                <div class="form-group">
                                                    <label for="fac_cliente" style="all: unset;"><strong>Nombre/Razón social:</strong></label><br>
                                                    <input type="text" id="fac_cliente" name="fac_cliente" value="{{ old('fac_cliente', $sol_maniobra->fac_cliente) }}" class="form-control">
                                                </div>
                                            </div>
                                            <div class="col-md-3 text-start">
                                                <div class="form-group">
                                                    <label for="fac_dir" style="all: unset;"><strong>Dirección de facturación:</strong></label><br>
                                                    <input type="text" id="fac_dir" name="fac_dir" value="{{ old('fac_dir', $sol_maniobra->fac_dir) }}" class="form-control">
                                                </div>
                                            </div>
                                            <div class="col-md-2 text-start">
                                                <div class="form-group">
                                                    <label for="fac_rfc" style="all: unset;"><strong>RFC:</strong></label><br>
                                                    <input type="text" id="fac_rfc" name="fac_rfc" value="{{ old('fac_rfc', $sol_maniobra->fac_rfc) }}" class="form-control">
                                                </div>
                                            </div>
                                            <div class="col-md-4 text-start">
                                                <div class="form-group">
                                                    <label for="fac_uso_cfdi" style="all: unset;"><strong>Uso CFDI:</strong></label><br>

                                                    <select name="fac_uso_cfdi" id="fac_uso_cfdi" class="form-control" style="font-size: 0.85rem;">
                                                        <option value="">-</option>
                                                        <option value="G01" {{ $sol_maniobra->fac_uso_cfdi == 'G01' ? 'selected' : '' }}>G01 - Adquisición de mercancías</option>
                                                        <option value="G02" {{ $sol_maniobra->fac_uso_cfdi == 'G02' ? 'selected' : '' }}>G02 - Adquisición de equipos</option>
                                                        <option value="G03" {{ $sol_maniobra->fac_uso_cfdi == 'G03' ? 'selected' : '' }}>G03 - Adquisición de bienes y servicios</option>
                                                        <option value="I01" {{ $sol_maniobra->fac_uso_cfdi == 'I01' ? 'selected' : '' }}>I01 - Mobiliario y equipo de oficina por compra</option>
                                                        <option value="I02" {{ $sol_maniobra->fac_uso_cfdi == 'I02' ? 'selected' : '' }}>I02 - Equipo de oficina por compra</option>
                                                        <option value="I03" {{ $sol_maniobra->fac_uso_cfdi == 'I03' ? 'selected' : '' }}>I03 - Equipo de transporte</option>
                                                        <option value="I04" {{ $sol_maniobra->fac_uso_cfdi == 'I04' ? 'selected' : '' }}>I04 - Equipo de cómputo y accesorios</option>
                                                        <option value="I05" {{ $sol_maniobra->fac_uso_cfdi == 'I05' ? 'selected' : '' }}>I05 - Dados, troqueles, moldes, matrices y herramientas</option>
                                                        <option value="I06" {{ $sol_maniobra->fac_uso_cfdi == 'I06' ? 'selected' : '' }}>I06 - Comunicaciones telefónicas</option>
                                                        <option value="I07" {{ $sol_maniobra->fac_uso_cfdi == 'I07' ? 'selected' : '' }}>I07 - Comunicaciones satelitales</option>
                                                        <option value="I08" {{ $sol_maniobra->fac_uso_cfdi == 'I08' ? 'selected' : '' }}>I08 - Otra maquinaria y equipo</option>
                                                        <option value="D01" {{ $sol_maniobra->fac_uso_cfdi == 'D01' ? 'selected' : '' }}>D01 - Honorarios médicos, dentales y gastos hospitalarios</option>
                                                        <option value="D02" {{ $sol_maniobra->fac_uso_cfdi == 'D02' ? 'selected' : '' }}>D02 - Gastos médicos por incapacidad o discapacidad</option>
                                                        <option value="D03" {{ $sol_maniobra->fac_uso_cfdi == 'D03' ? 'selected' : '' }}>D03 - Gastos funerales</option>
                                                        <option value="D04" {{ $sol_maniobra->fac_uso_cfdi == 'D04' ? 'selected' : '' }}>D04 - Donativos</option>
                                                        <option value="D05" {{ $sol_maniobra->fac_uso_cfdi == 'D05' ? 'selected' : '' }}>D05 - Intereses reales efectivamente pagados por créditos hipotecarios (casa habitación)</option>
                                                        <option value="D06" {{ $sol_maniobra->fac_uso_cfdi == 'D06' ? 'selected' : '' }}>D06 - Aportaciones voluntarias al SAR</option>
                                                        <option value="D07" {{ $sol_maniobra->fac_uso_cfdi == 'D07' ? 'selected' : '' }}>D07 - Primas por seguros de gastos médicos</option>
                                                        <option value="D08" {{ $sol_maniobra->fac_uso_cfdi == 'D08' ? 'selected' : '' }}>D08 - Gastos de transportación escolar obligatoria</option>
                                                        <option value="D09" {{ $sol_maniobra->fac_uso_cfdi == 'D09' ? 'selected' : '' }}>D09 - Depósitos en cuentas para el ahorro, primas que tengan como base planes de pensiones</option>
                                                        <option value="D10" {{ $sol_maniobra->fac_uso_cfdi == 'D10' ? 'selected' : '' }}>D10 - Pagos por servicios educativos (colegiaturas)</option>
                                                        <option value="P01" {{ $sol_maniobra->fac_uso_cfdi == 'P01' ? 'selected' : '' }}>P01 - Por definir</option>
                                                    </select>                                                            

                                                </div>
                                            </div>
                                            <div class="col-md-2 text-start">
                                                <div class="form-group">
                                                    <label for="fac_ref_transf" style="all: unset;"><strong>Ref. transferencia:</strong></label><br>
                                                    <input type="text" id="fac_ref_transf" name="fac_ref_transf" value="{{ old('fac_ref_transf', $sol_maniobra->fac_ref_transf) }}" class="form-control">
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-md-4 text-start">
                                                <br>
                                                <button type="submit" class="btn btn-primary">Guardar</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>

                                <div class="row">
                                    <h4>Documentos adjuntos a la solicitud de maniobra</h4>
                                    <p>A continuación se muestran los documentos adjuntos a la solicitud de maniobra.</p>
                                    <form action="{{ route('solmaniobra.uploadPDF', $sol_maniobra->id) }}" method="POST" enctype="multipart/form-data" name="formPDF">
                                        @csrf
                                        <!-- File 1 PDF -->
                                        <div class="row">
                                            <div class="col-md-3 text-start">
                                                <div class="form-group">
                                                    <label for="pdf_aut_nav1" style="all: unset;"><strong>Subir autorización naviera (PDF-1):</strong></label>
                                                    <input type="file" name="pdf_aut_nav1" accept="application/pdf">
                                                </div>
                                            </div>
                                            <div class="col-md-2 text-start">
                                                <div class="form-group">
                                                    <button type="submit" class="btn btn-warning">Cargar PDF</button>
                                                </div>
                                            </div> 
                                            @if (!empty($sol_maniobra->pdf_aut_nav1))
                                            <div class="col-md-1 text-start">
                                                <div class="form-group">
                                                        <a href="{{ asset('uploads/maniobras/' . $sol_maniobra->pdf_aut_nav1) }}" target="_blank">
                                                            <img src="{{ asset('images/icono_pdf.png') }}" alt="Ver PDF" style="width: 32px; height: auto;">
                                                        </a>
                                                    </div>
                                                </div>
                                            @endif                                    
                                            
                                        </div>

                                        <!-- File 2 PDF -->
                                        <div class="row">
                                            <div class="col-md-3 text-start">
                                                <div class="form-group">
                                                    <label for="pdf_aut_nav2" style="all: unset;"><strong>Subir autorización naviera (PDF-2):</strong></label>
                                                    <input type="file" name="pdf_aut_nav2" accept="application/pdf">
                                                </div>
                                            </div>
                                            <div class="col-md-2 text-start">
                                                <div class="form-group">
                                                    <button type="submit" class="btn btn-warning">Cargar PDF</button>
                                                </div>
                                            </div> 
                                            @if (!empty($sol_maniobra->pdf_aut_nav2))
                                            <div class="col-md-1 text-start">
                                                <div class="form-group">
                                                        <a href="{{ asset('uploads/maniobras/' . $sol_maniobra->pdf_aut_nav2) }}" target="_blank">
                                                            <img src="{{ asset('images/icono_pdf.png') }}" alt="Ver PDF" style="width: 32px; height: auto;">
                                                        </a>
                                                    </div>
                                                </div>
                                            @endif                                    
                                            
                                        </div>

                                        <!-- File 3 PDF -->
                                        <div class="row">
                                            <div class="col-md-3 text-start">
                                                <div class="form-group">
                                                    <label for="pdf_aut_nav3" style="all: unset;"><strong>Subir autorización naviera (PDF-3):</strong></label>
                                                    <input type="file" name="pdf_aut_nav3" accept="application/pdf">
                                                </div>
                                            </div>
                                            <div class="col-md-2 text-start">
                                                <div class="form-group">
                                                    <button type="submit" class="btn btn-warning">Cargar PDF</button>
                                                </div>
                                            </div> 
                                            @if (!empty($sol_maniobra->pdf_aut_nav3))
                                            <div class="col-md-1 text-start">
                                                <div class="form-group">
                                                        <a href="{{ asset('uploads/maniobras/' . $sol_maniobra->pdf_aut_nav3) }}" target="_blank">
                                                            <img src="{{ asset('images/icono_pdf.png') }}" alt="Ver PDF" style="width: 32px; height: auto;">
                                                        </a>
                                                    </div>
                                                </div>
                                            @endif                                    
                                            
                                        </div>

                                        <!-- File 4 PDF -->
                                        <div class="row">
                                            <div class="col-md-3 text-start">
                                                <div class="form-group">
                                                    <label for="pdf_aut_nav4" style="all: unset;"><strong>Subir autorización naviera (PDF-4):</strong></label>
                                                    <input type="file" name="pdf_aut_nav4" accept="application/pdf">
                                                </div>
                                            </div>
                                            <div class="col-md-2 text-start">
                                                <div class="form-group">
                                                    <button type="submit" class="btn btn-warning">Cargar PDF</button>
                                                </div>
                                            </div> 
                                            @if (!empty($sol_maniobra->pdf_aut_nav4))
                                            <div class="col-md-1 text-start">
                                                <div class="form-group">
                                                        <a href="{{ asset('uploads/maniobras/' . $sol_maniobra->pdf_aut_nav4) }}" target="_blank">
                                                            <img src="{{ asset('images/icono_pdf.png') }}" alt="Ver PDF" style="width: 32px; height: auto;">
                                                        </a>
                                                    </div>
                                                </div>
                                            @endif                                    
                                            
                                        </div>

                                        <!-- File 5 PDF -->
                                        <div class="row">
                                            <div class="col-md-3 text-start">
                                                <div class="form-group">
                                                    <label for="pdf_aut_nav5" style="all: unset;"><strong>Subir autorización naviera (PDF-5):</strong></label>
                                                    <input type="file" name="pdf_aut_nav5" accept="application/pdf">
                                                </div>
                                            </div>
                                            <div class="col-md-2 text-start">
                                                <div class="form-group">
                                                    <button type="submit" class="btn btn-warning">Cargar PDF</button>
                                                </div>
                                            </div> 
                                            @if (!empty($sol_maniobra->pdf_aut_nav5))
                                            <div class="col-md-1 text-start">
                                                <div class="form-group">
                                                        <a href="{{ asset('uploads/maniobras/' . $sol_maniobra->pdf_aut_nav5) }}" target="_blank">
                                                            <img src="{{ asset('images/icono_pdf.png') }}" alt="Ver PDF" style="width: 32px; height: auto;">
                                                        </a>
                                                    </div>
                                                </div>
                                            @endif
                                        </div>            
                                        
                                        <!-- File 5 PDF -->
                                        <div class="row">
                                            <div class="col-md-3 text-start">
                                                <div class="form-group">
                                                    <label for="pdf_aut_nav6" style="all: unset;"><strong>Subir Comprobante de pago (PDF-6):</strong></label>
                                                    <input type="file" name="pdf_aut_nav6" accept="application/pdf">
                                                </div>
                                            </div>
                                            <div class="col-md-2 text-start">
                                                <div class="form-group">
                                                    <button type="submit" class="btn btn-success">Cargar PDF</button>
                                                </div>
                                            </div> 
                                            @if (!empty($sol_maniobra->pdf_aut_nav6))
                                            <div class="col-md-1 text-start">
                                                <div class="form-group">
                                                        <a href="{{ asset('uploads/maniobras/' . $sol_maniobra->pdf_aut_nav6) }}" target="_blank">
                                                            <img src="{{ asset('images/icono_pdf.png') }}" alt="Ver PDF" style="width: 32px; height: auto;">
                                                        </a>
                                                    </div>
                                                </div>
                                            @endif
                                        </div>              


                                    

                                    </form>
                                </div>

                                <br><br>

                                

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

                <div class="row">
                    <div class="col-md-12 text-center">
                        <form action="{{route('solmaniobra.confirmarSM',$sol_maniobra->id)}}" method="POST" id="form1" enctype="multipart/form-data">
                            @csrf
                            @method('put') 
                            
                            <input type="hidden" name="confirmacion" value="1">
                            <button type="submit" class="btn btn-success" disabled>CONFIRMAR MI RESERVACIÓN</button>
                                        
                        </form>
                    </div> 
                </div>

            </div>

            
        </div>

        <script>
            document.addEventListener('DOMContentLoaded', function () {
            // Capturar el cambio de pestaña
            const tabs = document.querySelectorAll('a[data-bs-toggle="tab"]');
            tabs.forEach(tab => {
                tab.addEventListener('shown.bs.tab', function (e) {
                    // Guardar el id de la pestaña activa en el input oculto
                    document.getElementById('active_tab').value = e.target.getAttribute('href').substring(1);
                });
            });

            // Activar la pestaña correcta al cargar la página
            const activeTab = '{{ old('active_tab',session('active_tab', 'tab1')) }}';
            const tabElement = document.querySelector(`a[href="#${activeTab}"]`);
            if (tabElement) {
                const tabInstance = new bootstrap.Tab(tabElement);
                tabInstance.show();
            }
            });

        </script>

        <script>
            // Refrescar el token CSRF cada 10 minutos para evitar error 419
            setInterval(function() {
                fetch('/refresh-csrf')
                    .then(response => response.json())
                    .then(data => {
                        // Actualizar todos los campos _token en la página
                        document.querySelectorAll('input[name="_token"]').forEach(input => {
                            input.value = data.token;
                        });
                        console.log('Token CSRF actualizado correctamente');
                    })
                    .catch(error => {
                        console.error('Error al refrescar token CSRF:', error);
                    });
            }, 600000); // 10 minutos (600000 milisegundos)
        </script>


    @endsection


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