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

@section('title', 'Salidas')

@section('content_header')
    <h1>Salida de contenedor</h1>
@endsection

@section('content')
    {{-- Agregando el componete de LiveWire datable --}}
    {{-- @livewire('admin.users-index') --}}

    <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;
        }

    </style>


    @if (session('info'))
        <div class="alert alert-success">
            {{session('info')}}
        </div>
    @endif
    <div class="card">
        <div class="card-body">
            <div class="form-group">
                <form action="{{ route('salida.update', $salida->id) }}" method="POST">

                    @csrf
                    @method('PUT')
                    @error('name')
                        <small class="text-danger">
                            {{ $message }}
                        </small>
                    @enderror
                    <br>
                    {{-- Crear arreglo de los Permisos que actualmente tiene el Rol --}}

                    @php
                    $permissions_array = [];
                    @endphp

                    <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

                        {{--
                        @error('residencia')
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                            <strong>Error! :</strong> {{ $message }}
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                        </div>
                        @enderror --}}

                        @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-2 text-start">
                            <div class="form-group">
                                <label for="fecha_salida" style="all: unset;"><strong>*Fecha salida:</strong></label>
                                <input type="date" id="fecha_salida" name="fecha_salida" value="{{ old('fecha_salida', $salida->fecha_salida) }}" class="form-control" required>
                            </div>
                        </div>

                        <div class="col-md-2 text-start">
                            <div class="form-group">
                                <label for="hora_salida" style="all: unset;"><strong>Hora</strong></label>
                                <input type="time" id="hora_salida" name="hora_salida" value="{{old('hora_salida', $salida->hora_salida)}}" class="form-control">
                            </div>
                        </div>
                        <div class="col-md-2 text-center">
                            <a href="{{ route('salida.generarEIRgenerico', $salida->id) }}">
                                 <img src="{{ asset('images/icono_pdf.png') }}" alt="Ícono PDF" width="40" height="40">
                            </a>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6 text-start">
                            <div class="form-group">
                                <label for="booking" style="all: unset;"><strong>*Booking:</strong></label>
                                <input type="text" id="booking" name="booking" value="{{ old('booking',$salida->booking) }}" style="width:200px;" class="form-control" required >
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6 text-start">
                            <div class="form-group">
                                <label for="naviera_id" style="all: unset;"><strong>*Naviera:</strong></label>
                                <select id="naviera_id" name="naviera_id" class="form-control" required>
                                    <option value="">Seleccione una naviera</option>
                                    @foreach ($navieras as $naviera)
                                        <option value="{{ $naviera->id }}" {{ old('naviera_id', $salida->naviera_id ?? null) == $naviera->id ? 'selected' : '' }}>
                                            {{ $naviera->naviera }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6 text-start">
                            <div class="form-group">
                                <label for="cliente" style="all: unset;"><strong>*Consignatario:</strong></label>
                                <input type="text" id="cliente" name="cliente" value="{{ old('cliente',$salida->cliente) }}" class="form-control" required >
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6 text-start">
                            <div class="form-group">
                                <label for="transportista" style="all: unset;"><strong>*Linea Transportista:</strong></label>
                                <input type="text" id="transportista" name="transportista" value="{{ old('transportista',$salida->transportista) }}" class="form-control" required>
                            </div>
                        </div>
                        <div class="col-md-3 text-start">
                            <div class="form-group">
                                <label for="estatus_salida" style="all: unset;"><strong>*Estatus:</strong></label>
                                <select id="estatus_salida" name="estatus_salida" class="form-control">
                                    <option value="">-</option>
                                    <option value="IMPO-EMPTY" {{ old('estatus_salida', $salida->estatus_salida ?? '') == 'IMPO-EMPTY' ? 'selected' : '' }}>IMPORTACION - VACIO</option>
                                    <option value="IMPO-FULL" {{ old('estatus_salida', $salida->estatus_salida ?? '') == 'IMPO-FULL' ? 'selected' : '' }}>IMPORTACION - LLENO</option>
                                    <option value="EXPO-EMPTY" {{ old('estatus_salida', $salida->estatus_salida ?? '') == 'EXPO-EMPTY' ? 'selected' : '' }}>EXPORTACION - VACIO</option>
                                    <option value="EXPO-FULL" {{ old('estatus_salida', $salida->estatus_salida ?? '') == 'EXPO-FULL' ? 'selected' : '' }}>EXPORTACION - LLENO</option>
                                </select>

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

                    <div class="row">
                        <div class="col-md-6 text-start">
                            <div class="form-group">
                                <label for="nota" style="all: unset;"><strong>*Observaciones:</strong></label>
                                <textarea id="nota" name="nota" class="form-control" required rows="4" cols="50">{{ old('nota', $salida->nota) }}</textarea>
                            </div>
                        </div>
                        {{-- <div class="col-md-2 text-start">
                            <div class="form-group">
                                <label for="samsung" style="all: unset;"><strong>Samsung:</strong></label><br>
                                <input type="checkbox"  id="samsung" name="samsung" value="{{ old('samsung',$salida->samsung) }}" >
                            </div>
                        </div> --}}

                    </div>

                    <div class="row">
                        <div class="text-center">
                            <br><h5>DATOS CONTENEDOR</h5><br>
                        </div>
                    </div>


                    <div class="row">
                        <div class="col-md-4 text-start">
                            <div class="form-group">
                                <label for="contenedor">Contenedor:</label>
                                <br>
                                <span>{{ old('contenedor',$salida->contenedor) }}</span>
                                <input type="hidden" class="form-control" id="contenedor" name="contenedor" value="{{ old('contenedor',$salida->contenedor) }}">
                            </div>
                        </div>
                        <div class="col-md-4 text-start">
                            <div class="form-group">
                                <label for="tipo">*Tipo:</label>
                                <select id="equipo_id" name="equipo_id" class="form-control" required>
                                    <option value="">Seleccione un tipo</option>
                                    @foreach ($equipos as $equipo)
                                        <option value="{{ $equipo->id }}" {{ old('equipo_id', $salida->equipo_id ?? null) == $equipo->id ? 'selected' : '' }}>
                                            {{ $equipo->equipo }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-4 text-start">
                            <div class="form-group">
                                <label for="sello">Sello:</label>
                                <input type="text" class="form-control" id="sello" name="sello" value="{{ old('sello',$salida->sello) }}">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4 text-start">
                            <div class="form-group">
                                <label for="clase">Clase:</label>
                                <select id="clase" name="clase" class="form-control" style="width: 100px;">
                                    <option value="">-</option>
                                    <option value="A" {{ old('clase', $salida->clase ?? '') == 'A' ? 'selected' : '' }}>A</option>
                                    <option value="B" {{ old('clase', $salida->clase ?? '') == 'B' ? 'selected' : '' }}>B</option>
                                    <option value="C" {{ old('clase', $salida->clase ?? '') == 'C' ? 'selected' : '' }}>C</option>
                                    <option value="D" {{ old('clase', $salida->clase ?? '') == 'D' ? 'selected' : '' }}>D</option>
                                    <option value="H" {{ old('clase', $salida->clase ?? '') == 'H' ? 'selected' : '' }}>H</option>
                                    <option value="FG" {{ old('clase', $salida->clase ?? '') == 'FG' ? 'selected' : '' }}>FG</option>
                                    <option value="FX" {{ old('clase', $salida->clase ?? '') == 'FX' ? 'selected' : '' }}>FX</option>
                                    <option value="FS" {{ old('clase', $salida->clase ?? '') == 'FS' ? 'selected' : '' }}>FS</option>
                                    <option value="GC" {{ old('clase', $salida->clase ?? '') == 'GC' ? 'selected' : '' }}>GC</option>
                                    <option value="SC" {{ old('clase', $salida->clase ?? '') == 'SC' ? 'selected' : '' }}>SC</option>
                                    <option value="PA" {{ old('clase', $salida->clase ?? '') == 'PA' ? 'selected' : '' }}>PA</option>
                                    <option value="PB" {{ old('clase', $salida->clase ?? '') == 'PB' ? 'selected' : '' }}>PB</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-4 text-start">
                            <div class="form-group">
                                <label for="reforzado">Reforzado:</label>
                                <select id="reforzado" name="reforzado" class="form-control" style="width: 100px;">
                                    <option value="">-</option>
                                    <option value="S" {{ old('clase', $salida->reforzado ?? '') == 'S' ? 'selected' : '' }}>S</option>
                                    <option value="N" {{ old('clase', $salida->reforzado ?? '') == 'N' ? 'selected' : '' }}>N</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-4 text-start">
                            <div class="form-group">
                                <label for="lavado">Lavado:</label>
                                <select id="lavado" name="lavado" class="form-control" style="width: 100px;">
                                    <option value="">-</option>
                                    <option value="S" {{ old('clase', $salida->lavado ?? '') == 'S' ? 'selected' : '' }}>S</option>
                                    <option value="N" {{ old('clase', $salida->lavado ?? '') == 'N' ? 'selected' : '' }}>N</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4 text-start">
                            <div class="form-group">
                                <label for="chasis">Chasis:</label>
                                <input type="text" class="form-control" id="chasis" name="chasis" value="{{ old('chasis',$salida->chasis) }}">
                            </div>
                        </div>
                        <div class="col-md-4 text-start">
                            <div class="form-group">
                                <label for="placas">Placas:</label>
                                <input type="text" class="form-control" id="placas" name="placas" value="{{ old('placas',$salida->placas) }}">
                            </div>
                        </div>
                        <div class="col-md-4 text-start">
                            <div class="form-group">
                                <label for="operador">Operador:</label>
                                <input type="text" class="form-control" id="operador" name="operador" value="{{ old('operador',$salida->operador) }}">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4 text-start">
                            <div class="form-group">
                                <label for="estatus_contenedor">Estatus:</label>
                                <select id="estatus_contenedor" name="estatus_contenedor" class="form-control" style="width: 100px;">
                                    <option value="">-</option>
                                    <option value="OK" {{ old('clase', $salida->estatus_contenedor ?? '') == 'OK' ? 'selected' : '' }}>OK</option>
                                    <option value="DM" {{ old('clase', $salida->estatus_contenedor ?? '') == 'DM' ? 'selected' : '' }}>DM</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="text-center">
                            <br><h5>COBRANZA</h5><br>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-3 text-start">
                            <div class="form-group">
                                <label for="maniobra_paga">Paga maniobras:</label>
                                <select id="maniobra_paga" name="maniobra_paga" class="form-control" style="width: 150px;">
                                    <option value="">-</option>
                                    <option value="MERCHANT" {{ old('clase', $salida->maniobra_paga ?? '') == 'MERCHANT' ? 'selected' : '' }}>MERCHANT</option>
                                    <option value="CARRIER" {{ old('clase', $salida->maniobra_paga ?? '') == 'CARRIER' ? 'selected' : '' }}>CARRIER</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-3 text-start">
                            <div class="form-group">
                                <label for="maniobra_concepto">Concepto:</label>
                                <select class="form-control" id="maniobra_concepto" name="maniobra_concepto" >
                                    <option value="">-</option>
                                    <option value="MANIOBRA DE CARGA" {{ old('clase', $salida->maniobra_concepto ?? '') == 'MANIOBRA DE CARGA' ? 'selected' : '' }}>MANIOBRA DE CARGA</option>
                                    <option value="MANIOBRA DE DESCARGA" {{ old('clase', $salida->maniobra_concepto ?? '') == 'MANIOBRA DE DESCARGA' ? 'selected' : '' }}>MANIOBRA DE DESCARGA</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-3 text-start">
                            <div class="form-group">
                                <label for="maniobra_costo">Costo:</label>
                                <input type="decimal" min="0.01" max="999999999.99"class="form-control" id="maniobra_costo" name="maniobra_costo" value="{{ old('maniobra_costo',$salida->maniobra_costo) }}">
                            </div>
                        </div>
                        <div class="col-md-3 text-start">
                            <div class="form-group">
                                <label for="reparacion_costo">Reparación:</label>
                                <input type="decimal"  min="0.01" max="999999999.99"class="form-control" id="reparacion_costo" name="reparacion_costo" value="{{ old('reparacion_costo',$salida->reparacion_costo) }}">
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="text-center">
                            <br><h5>DOCUMENTO</h5><br>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-3 text-start">
                            <div class="form-group">
                                <label for="documento_tipo">Tipo de Documento:</label>
                                <select id="documento_tipo" name="documento_tipo" class="form-control" style="width: 150px;">
                                    <option value="">-</option>
                                    <option value="TRANSFERENCIA" {{ old('clase', $salida->documento_tipo ?? '') == 'TRANSFERENCIA' ? 'selected' : '' }}>TRANSFERENCIA</option>
                                    <option value="NAVIERA" {{ old('clase', $salida->documento_tipo ?? '') == 'NAVIERA' ? 'selected' : '' }}>NAVIERA</option>
                                    <option value="CREDITO" {{ old('clase', $salida->documento_tipo ?? '') == 'CREDITO' ? 'selected' : '' }}>CREDITO</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-3 text-start">
                            <div class="form-group">
                                <label for="documento_referencia">Referencia del Documento:</label>
                                <input type="text" class="form-control" id="documento_referencia" name="documento_referencia" value="{{ old('documento_referencia',$salida->documento_referencia) }}">
                            </div>
                        </div>
                        <div class="col-md-3 text-start">
                            <div class="form-group">
                                <label for="documento_cuenta">Cuenta del Documento:</label>
                                <input type="text" class="form-control" id="documento_cuenta" name="documento_cuenta" value="{{ old('documento_cuenta',$salida->documento_cuenta) }}">
                            </div>
                        </div>
                        <div class="col-md-3 text-start">
                            <div class="form-group">
                                <label for="documento_recibo">Recibo del Documento:</label>
                                <input readonly type="text" class="form-control" id="documento_recibo" name="documento_recibo" value="{{ old('documento_recibo',$salida->documento_recibo) }}">
                            </div>
                        </div>
                    </div>

                    <br><br>
                    <div class="row">
                            <input type="hidden" name="active_tab" id="active_tab" value="{{ old('active_tab',session('active_tab', 'tab2')) }}">
                            <input class="btn btn-primary btn-sm" type="submit" value="Actualizar">
                    </div>

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

    @endsection

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