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

@section('content')

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

        .encabezado-navy th {
            background-color: #263d54 !important;
            color: white !important;
            text-align: center;
        }

        .encabezado-gris th {
            background-color: #b1b1b2 !important;
            text-align: center;
        }


    </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">-</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">

                            </div>
                            <div class="row">
                                <div class="text-center">
                                    <h4>CONTROL DE LIQUIDACIONES</h4>
                                </div>
                            </div>
                            <div class="row">
                                Los campos marcados con (*) son mandatorios.
                            </div>


                            <form action="{{route('liquidaciones.update',$data->id )}}" method="POST" id="form1" >
                                @csrf
                                @method('PUT')

                                <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">
                                            <strong>FOLIO: <span style="color: red;">{{ sprintf('%04d', $data->id) }}</span></strong>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-2 text-start">
                                        <div class="form-group">
                                            <label for="fecha" style="all: unset;"><strong>*Fecha:</strong></label>
                                            <input type="date" id="fecha" name="fecha" value="{{ old('fecha',$data->fecha) }}" class="form-control" maxlength="11" required>
                                        </div>
                                    </div>
                                    <div class="col-md-3 text-start">
                                        <div class="form-group">
                                            <label for="operador" style="all: unset;"><strong>*Operador:</strong></label>
                                            <input type="text" id="operador" name="operador" value="{{old('operador',$data->operador)}}" class="form-control" required>
                                        </div>
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <div class="form-group">
                                            <label for="unidad" style="all: unset;"><strong>*Unidad:</strong></label>
                                            <input type="text" id="unidad" name="unidad" value="{{old('unidad',$data->unidad)}}" class="form-control" required>
                                        </div>
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <div class="form-group">
                                            <label for="viaticos" style="all: unset;"><strong>Viaticos:</strong></label>
                                            <input type="text" id="viaticos" name="viaticos" value="{{old('viaticos',$data->viaticos)}}" class="form-control" maxlength="11">
                                        </div>
                                    </div>
                                    <div class="col-md-1">
                                        <br>
                                        <a href="{{ route('liquidaciones.generarPDF', $data->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-5 text-start">
                                        <div class="form-group">
                                            <label for="nota" style="all: unset;"><strong>Notas:</strong></label>
                                            <textarea class="form-control" id="nota" name="nota" rows="3">{{ old('nota',$data->nota) }}</textarea>
                                        </div>
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <div class="form-group">
                                            <label for="correo" style="all: unset;"><strong>Correo:</strong></label>
                                            <input type="text" class="form-control" id="correo" name="correo" value="{{ old('correo',$data->correo) }}">
                                        </div>
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <div class="form-group">
                                            <label for="litros" style="all: unset;"><strong>Litros cargados:</strong></label>
                                            <input type="text" class="form-control" id="litros" name="litros" value="{{ old('litros',$data->litros) }}" disabled>
                                        </div>
                                    </div>

                                </div>
                                <div class="row">
                                    <div class="col-md-2 text-start">
                                        <input type="hidden" name="active_tab" id="active_tab" value="{{ old('active_tab',session('active_tab', 'tab2')) }}">
                                        <button type="submit" class="btn btn-primary btn-sm">Guardar</button>
                                    </div>
                                    <div class="col-md-7 offset-md-3 text-end">
                                        <div class="table-responsive">
                                            <table class="table table-bordered">
                                                <thead>
                                                    <tr class="encabezado-navy">
                                                        <th>Viaticos</th>
                                                        <th>Liquidacions + Estadias</th>
                                                        <th>Gastos comprobables por operador</th>
                                                        <th>Total a pagar</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr class="encabezado-gris">
                                                        <th>{{ number_format($data->viaticos, 2, '.', ',') }} </th>
                                                        <th>{{ number_format($data->ser_mas_est, 2, '.', ',') }} </th>
                                                        <th>$ {{ number_format($data->gastosComprobados, 2, '.', ',') }} </th>
                                                        <th>$ {{ number_format($data->totalPagar, 2, '.', ',') }} M.N.</th>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>

                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-12 text-end">
                                        <i>
                                            {{ optional($data->user)->name }}<br>
                                            {{ $data->created_at?->format('Y-m-d H:i') }}
                                        </i>
                                    </div>
                                </div>
                            </form>

                            <form action="{{route('liquidaciones.addServicio',$data->id)}}" method="POST" id="form2" >
                                @csrf

                                <div class="row">
                                    <br>
                                    <hr>
                                    <h4>LIQUIDACION DE SERVICIOS</h4>
                                </div>
                                <div class="row">
                                    <div class="col-md-2 text-start">
                                        <label for="origen" style="all: unset;"><strong>Origen:</strong></label>
                                        <input type="text" id="origen" name="origen" value="{{old('origen')}}" class="form-control" style="text-transform: uppercase;" oninput="this.value = this.value.toUpperCase()">
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <label for="intermedio" style="all: unset;"><strong>Intermedio:</strong></label>
                                        <input type="text" id="intermedio" name="intermedio" value="{{old('intermedio')}}" class="form-control" style="text-transform: uppercase;" oninput="this.value = this.value.toUpperCase()">
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <label for="destino" style="all: unset;"><strong>Destino:</strong></label>
                                        <input type="text" id="destino" name="destino" value="{{old('destino')}}" class="form-control" style="text-transform: uppercase;" oninput="this.value = this.value.toUpperCase()">
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <label for="tipo" style="all: unset;"><strong>Tipo:</strong></label>
                                        <input type="text" id="tipo" name="tipo" value="{{old('tipo')}}" class="form-control" style="text-transform: uppercase;" oninput="this.value = this.value.toUpperCase()">
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <label for="conte1" style="all: unset;"><strong>Contenedor:</strong></label>
                                        <input type="text" id="conte1" name="conte1" value="{{old('conte1')}}" class="form-control" style="text-transform: uppercase;" oninput="this.value = this.value.toUpperCase()">
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <label for="conte2" style="all: unset;"><strong>Contenedor:</strong></label>
                                        <input type="text" id="conte2" name="conte2" value="{{old('conte2')}}" class="form-control" style="text-transform: uppercase;" oninput="this.value = this.value.toUpperCase()">
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <label for="cliente" style="all: unset;"><strong>Cliente:</strong></label>
                                        <input type="text" id="cliente" name="cliente" value="{{old('cliente')}}" class="form-control" style="text-transform: uppercase;" oninput="this.value = this.value.toUpperCase()">
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <label for="monto" style="all: unset;"><strong>Sueldo:</strong></label>
                                        <input type="text" id="monto" name="monto" value="{{old('monto')}}" class="form-control" style="text-transform: uppercase;" oninput="this.value = this.value.toUpperCase()">
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <br>
                                        <input type="hidden" name="active_tab" id="active_tab" value="{{ old('active_tab',session('active_tab', 'tab2')) }}">
                                        <button type="submit" class="btn btn-primary btn-sm">Guardar</button>
                                </div>


                                <div class="row">
                                    <div class="col-md-11">
                                        <br>
                                        <table class="table table-responsive-sm table-condense table-warning table-bordered">
                                            <thead>
                                                <tr>
                                                    <th>Origen</th>
                                                    <th>Intermedio</th>
                                                    <th>Destino</th>
                                                    <th>Tipo</th>
                                                    <th>Contenedor</th>
                                                    <th>Contenedor</th>
                                                    <th>Cliente</th>
                                                    <th>Sueldo</th>
                                                    <th></th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($servicios as $servicio)
                                                    <tr>
                                                        <td>{{$servicio->origen}}</td>
                                                        <td>{{$servicio->intermedio}}</td>
                                                        <td>{{$servicio->destino}}</td>
                                                        <td>{{$servicio->tipo}}</td>
                                                        <td>{{$servicio->conte1}}</td>
                                                        <td>{{$servicio->conte2}}</td>
                                                        <td>{{$servicio->cliente}}</td>
                                                        <td style="text-align: right;">${{$servicio->monto}}</td>
                                                        <td>
                                                            <a href="javascript:void(0);" onclick="eliminarRegistro('{{ $servicio->id }}','servicio')" class="text-danger" title="Eliminar">
                                                                <i class="fas fa-trash"></i>
                                                            </a>
                                                        </td>


                                                    </tr>
                                                @endforeach
                                                <tr>
                                                    <td colspan="7" style="text-align: right;"><strong>Subtotal:</strong></td>
                                                    <td style="text-align: right;">${{ number_format($data->subtotal_servicio, 2, '.', ',') }}</td>
                                                    <td></td>
                                                </tr>

                                            </tbody>

                                        </table>
                                    </div>

                                </div>

                            </form>

                            <form action="{{route('liquidaciones.addEstadia',$data->id)}}" method="POST" id="form3" >
                                @csrf

                                <div class="row">
                                    <br>
                                    <hr>
                                    <h4>ESTADIAS</h4>
                                </div>
                                <div class="row">
                                    <div class="col-md-2 text-start">
                                        <label for="fecha" style="all: unset;"><strong>Fecha:</strong></label>
                                        <input type="date" id="estadia_fecha" name="fecha" value="{{old('fecha')}}" class="form-control">
                                    </div>
                                    <div class="col-md-3 text-start">
                                        <label for="concepto" style="all: unset;"><strong>Concepto:</strong></label>
                                        <input type="text" id="estadia_concepto" name="concepto" value="{{old('concepto')}}" class="form-control">
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <label for="monto" style="all: unset;"><strong>Sueldo:</strong></label>
                                        <input type="text" id="estadia_monto" name="monto" value="{{old('monto')}}" class="form-control">
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <br>
                                        <input type="hidden" name="active_tab" id="active_tab" value="{{ old('active_tab',session('active_tab', 'tab2')) }}">
                                        <button type="submit" class="btn btn-primary btn-sm">Guardar</button>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-11">
                                        <br>
                                        <table class="table table-responsive-sm table-condense table-danger table-bordered">
                                            <thead>
                                                <tr>
                                                    <th>Fecha</th>
                                                    <th>Concepto</th>
                                                    <th>Sueldo</th>
                                                    <th></th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($estadias as $estadia)
                                                    <tr>
                                                        <td>{{$estadia->fecha}}</td>
                                                        <td>{{$estadia->concepto}}</td>
                                                        <td style="text-align: right;">${{$estadia->monto}}</td>
                                                        <td>
                                                            <a href="javascript:void(0);" onclick="eliminarRegistro('{{ $estadia->id }}','estadia')" class="text-danger" title="Eliminar">
                                                                <i class="fas fa-trash"></i>
                                                            </a>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                                <tr>
                                                    <td></td>
                                                    <td style="text-align: right;"><strong>Subtotal:</strong></td>
                                                    <td style="text-align: right;">${{ number_format($data->subtotal_estadia, 2, '.', ',') }}</td>
                                                    <td></td>
                                                </tr>

                                            </tbody>

                                        </table>
                                    </div>

                                </div>
                            </form>

                            <form action="{{route('liquidaciones.addOtrosGastos',$data->id)}}" method="POST" id="form4" >
                                @csrf

                                <div class="row">
                                    <br>
                                    <hr>
                                    <h4>GASTOS COMPROBABLES DE OPERADOR</h4>
                                </div>
                                <div class="row">
                                    <div class="col-md-2 text-start">
                                        <label for="fecha" style="all: unset;"><strong>Fecha:</strong></label>
                                        <input type="date" id="og_fecha" name="fecha" value="{{old('fecha')}}" class="form-control">
                                    </div>
                                    <div class="col-md-3 text-start">
                                        <label for="concepto" style="all: unset;"><strong>Concepto:</strong></label>
                                        <input type="text" id="og_concepto" name="concepto" value="{{old('concepto')}}" class="form-control">
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <label for="monto" style="all: unset;"><strong>Costo:</strong></label>
                                        <input type="text" id="og_monto" name="monto" value="{{old('monto')}}" class="form-control">
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <br>
                                        <input type="hidden" name="active_tab" id="active_tab" value="{{ old('active_tab',session('active_tab', 'tab2')) }}">
                                        <button type="submit" class="btn btn-primary btn-sm">Guardar</button>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-11">
                                        <br>
                                        <table class="table table-responsive-sm table-condense table-success table-bordered">
                                            <thead>
                                                <tr>
                                                    <th>Fecha</th>
                                                    <th>Concepto</th>
                                                    <th>Costo</th>
                                                    <th></th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($otrosGastos as $gasto)
                                                    <tr>
                                                        <td>{{$gasto->fecha}}</td>
                                                        <td>{{$gasto->concepto}}</td>
                                                        <td style="text-align: right;">${{$gasto->monto}}</td>
                                                        <td>
                                                            <a href="javascript:void(0);" onclick="eliminarRegistro('{{ $gasto->id }}','otroGasto')" class="text-danger" title="Eliminar">
                                                                <i class="fas fa-trash"></i>
                                                            </a>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                                <tr>
                                                    <td></td>
                                                    <td style="text-align: right;"><strong>Subtotal:</strong></td>
                                                    <td style="text-align: right;">${{ number_format($data->subtotal_gascom, 2, '.', ',') }}</td>
                                                    <td></td>
                                                </tr>

                                            </tbody>

                                        </table>
                                    </div>

                                </div>
                            </form>

                            <form action="{{route('liquidaciones.addCasetas',$data->id)}}" method="POST" id="form5" >
                                @csrf

                                <div class="row">
                                    <br>
                                    <hr>
                                    <h4>CASETAS</h4>
                                </div>
                                <div class="row">
                                    <div class="col-md-2 text-start">
                                        <label for="fecha" style="all: unset;"><strong>Fecha:</strong></label>
                                        <input type="date" id="ca_fecha" name="fecha" value="{{old('fecha')}}" class="form-control">
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <label for="contenedor" style="all: unset;"><strong>Contenedor:</strong></label>
                                        <input type="text" id="ca_contenedor" name="contenedor" value="{{old('contenedor')}}" class="form-control">
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <label for="contenedor2" style="all: unset;"><strong>Contenedor 2:</strong></label>
                                        <input type="text" id="ca_contenedor2" name="contenedor2" value="{{old('contenedor2')}}" class="form-control">
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <label for="caseta" style="all: unset;"><strong>Nombre de la caseta:</strong></label>
                                        <input type="text" id="ca_caseta" name="caseta" value="{{old('caseta')}}" class="form-control">
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <label for="monto" style="all: unset;"><strong>Costo:</strong></label>
                                        <input type="text" id="ca_monto" name="monto" value="{{old('monto')}}" class="form-control">
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <br>
                                        <input type="hidden" name="active_tab" id="active_tab" value="{{ old('active_tab',session('active_tab', 'tab2')) }}">
                                        <button type="submit" class="btn btn-primary btn-sm">Guardar</button>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-11">
                                        <br>
                                        <table class="table table-responsive-sm table-condense table-success table-bordered">
                                            <thead>
                                                <tr>
                                                    <th>Fecha</th>
                                                    <th>Contenedor</th>
                                                    <th>Contenedor 2</th>
                                                    <th>Caseta</th>
                                                    <th>Costo</th>
                                                    <th></th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($casetas as $caseta)
                                                    <tr>
                                                        <td>{{$caseta->fecha}}</td>
                                                        <td>{{$caseta->contenedor}}</td>
                                                        <td>{{$caseta->contenedor2}}</td>
                                                        <td>{{$caseta->caseta}}</td>
                                                        <td style="text-align: right;">${{ number_format($caseta->monto, 2, '.', ',') }}</td>
                                                        <td>
                                                            <a href="javascript:void(0);" onclick="eliminarRegistro('{{ $caseta->id }}','caseta')" class="text-danger" title="Eliminar">
                                                                <i class="fas fa-trash"></i>
                                                            </a>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                                <tr>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td style="text-align: right;"><strong>Subtotal:</strong></td>
                                                    <td style="text-align: right;">${{ number_format($data->subtotal_caseta, 2, '.', ',') }}</td>
                                                    <td></td>
                                                </tr>

                                            </tbody>

                                        </table>
                                    </div>

                                </div>
                            </form>

                            <form action="{{route('liquidaciones.addDiesel',$data->id)}}" method="POST" id="form6" >
                                @csrf

                                <div class="row">
                                    <br>
                                    <hr>
                                    <h4>DIESEL</h4>
                                </div>
                                <div class="row">
                                    <div class="col-md-2 text-start">
                                        <label for="di_fecha" style="all: unset;"><strong>Fecha de carga:</strong></label>
                                        <input type="date" id="fecha" name="fecha" value="{{old('fecha')}}" class="form-control">
                                    </div>                                    
                                    <div class="col-md-2 text-start">
                                        <label for="di_litros" style="all: unset;"><strong>Litros (Diesel):</strong></label>
                                        <input type="text" id="litros" name="litros" value="{{old('litros')}}" class="form-control">
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <label for="di_costo" style="all: unset;"><strong>Costo:</strong></label>
                                        <input type="text" id="costo" name="costo" value="{{old('costo')}}" class="form-control">
                                    </div>
                                    <div class="col-md-2 text-start">
                                        <br>
                                        <input type="hidden" name="active_tab" id="active_tab" value="{{ old('active_tab',session('active_tab', 'tab2')) }}">
                                        <button type="submit" class="btn btn-primary btn-sm">Guardar</button>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-11">
                                        <br>
                                        <table class="table table-responsive-sm table-condense table-success table-bordered">
                                            <thead>
                                                <tr>
                                                    <th>Fecha carga</th>
                                                    <th>Litros</th>
                                                    <th>Costo</th>
                                                    <th></th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($diesels as $diesel)
                                                    <tr>
                                                        <td>{{$diesel->fecha}}</td>
                                                        <td>{{$diesel->litros}}</td>
                                                        <td style="text-align: right;">${{ number_format($diesel->costo, 2, '.', ',') }}</td>
                                                        <td>
                                                            <a href="javascript:void(0);" onclick="eliminarRegistro('{{ $diesel->id }}','diesel')" class="text-danger" title="Eliminar">
                                                                <i class="fas fa-trash"></i>
                                                            </a>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                                <tr>
                                                    <td></td>
                                                    <td style="text-align: right;"><strong>Subtotal:</strong></td>
                                                    <td style="text-align: right;">${{ number_format($data->subtotal_diesel, 2, '.', ',') }}</td>
                                                    <td></td>
                                                </tr>

                                            </tbody>

                                        </table>
                                    </div>

                                </div>
                            </form>

                        </div>
                    </div>


                </div>
            </div>

        </div>



    </div>

    <script>

        function eliminarRegistro(id,ruta) {

            if (!id) {
                alert("ID inválido.");
                return;
            }

            if (!confirm('¿Estás seguro de eliminar este registro?'+ruta)) return;

            fetch(`/liquidaciones/deleteRegistro/${id}/${ruta}`, {
                method: 'DELETE',
                headers: {
                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
                }
            })
            .then(response => response.json())
            .then(data => {
                //alert('Registro eliminado correctamente');
                location.reload();
            })
            .catch(error => console.error('Error:', error));
        }

        document.addEventListener("DOMContentLoaded", function () {
        let activeTab = "{{ session('active_tab') }}";
        if (activeTab) {
            let tab = document.querySelector(`[data-bs-target="#${activeTab}"]`);
            if (tab) {
                new bootstrap.Tab(tab).show();
            }
        }
         });

    </script>


@endsection


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