@extends('layout/principal')
@section('titulo', 'Home')
@section('content')
<meta name="csrf-token" content="{{ csrf_token() }}">
@php
    dd('vista confeccion Certificacion Notarial', get_defined_vars());
@endphp

<style>
    .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #ffffff; color: #000000;}
</style>

{{-- ========================================================================================= --}}
{{-- =============                     VISTA SIN USO                              ============ --}}
{{-- =============  Se confeccionan juntos, la Certificación y el Protocolizado   ============ --}}
{{-- =============          en la vista 'confeccionCertificacionYProto'           ============ --}}
{{-- ========================================================================================= --}}

<h5 class="card-title mb-1">CONFECCIÓN CERTIFICACIÓN NOTARIAL</h5>
<h6 class="card-title mb-1">ALZAMIENTO DE PRENDA</h6>
<hr>
<!-- ============ MENSAJES ==================================================================== -->
{{-- Mensajes estandar de Laravel --------}}
@if (isset($errors) && $errors->any())
<div class="alert alert-danger" role="alert">
    @foreach ($errors->all() as $error)
    {{ $error }}
    @endforeach
</div>
@endif
{{-- Mensajes de Session personalizados --}}
@if (Session::has('success')) <div class="alert alert-success"> {{ Session::get('success') }} </div> @endif
@if (Session::has('danger')) <div class="alert alert-danger"> {{ Session::get('danger') }} </div> @endif
<!-- ========== FIN MENSAJES ================================================================== -->

<input type="hidden" name="_token" id="_token" value="{{ csrf_token() }}" />
<div class="row">
    {{-- <div class="col-6">
        <label for="representante_legal">Solicitante Protocolización</label>
        <select id="personeria_representante_legal" name="personeria_representante_legal" class="form-control select2 representante" multiple="multiple">
            <option value="" disabled>-- Seleccione Solicitante --</option>
            @foreach ($empleados as $empleado)
            <option value="{{ $empleado->id_empleado }}">{{ $empleado->nombre }}</option>
            @endforeach
        </select>
    </div> --}}
    {{-- <div class="col-3">
        <label for="documento">Tipo de Documento Confección</label>
        <select id="documento" name="documento" class="form-control select2 documento_single">
            <option value=""></option>
            <option value="1">Documento Privado</option>
            <option value="2">Escritura Pública</option>
        </select>
    </div> --}}
    <div class="col-2">
        <br>
        <button type="button" class="btn btn-az-primary pd-x-20 btn-block" onclick="genera_documento()"><ion-icon  name="document-text-outline" size="small" style="vertical-align: middle"></ion-icon> Confeccionar</button>
    </div>
    <div class="col-2">
        <br>
        @php
        // Para descarga manual provisoria de Zip
        $ruta_descarga_documento = "../documentos/alzamiento-prenda/documento-privado/". Auth::user()->id ."/documento_privado.zip"
        @endphp
        <a href="{{ $ruta_descarga_documento }}" type="button" id="descargar_documento" class="btn btn-az-primary btn-with-icon pd-x-20"><i class="ion-ios-arrow-down"></i>Descargar Documentos</a>
        
        {{-- <a href="../documentos/alzamiento-prenda/documento-privado/3/documento_privado.zip" type="button" id="descargar_documento" class="btn btn-az-primary pd-x-20">Descargar Documentos</a> --}}
    </div>
    <div class="col-2" id="confeccionando" style="display: none; text-align:center">
        <br>
        <button class="btn btn-primary" type="button" disabled>
            <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
            Confeccionando documentos...
        </button>
    </div>
</div>

<hr>
<div class="table-responsive">

    <div class="mb-0">
        <button id="marcarTodo" class="btn-sm btn-primary" style="margin:5px; padding:1px">Marcar todos</button> |
        <button id="desmarcarTodo" class="btn-sm btn-secondary" style="margin:5px; padding:1px">Desmarcar todos</button>
    </div>

    <table class="datatable cell-border display compact hover row-border nowrap" id="datatable-confeccion" style="width:100%">
        <thead>
            <tr>
                {{-- <th><input type="checkbox" id="seleccionarTodo"></th> --}}
                <th>Operación</th>
                <th>Acciones</th>
                <th>Comentario</th>
                <th>Mandante</th>
                <th>Nómina</th>
                <th>Contrato</th>
                <th>Patente</th>
                <th>DV</th>
                <th>RPSD número</th>
                <th>RPSD año</th>
                <th>Rut Cliente</th>
                <th>Razón Social Cliente</th>
                <th>Tipo Vehículo</th>
                <th>Marca</th>
                <th>Modelo</th>
                {{-- <th>VIN</th> --}}
                <th>Fecha Ingreso</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($operaciones as $operacion)
            <tr>
                {{-- <td>
                    <input type="checkbox" name="operacion[]" id="id_operacion_detalle_{{$operacion->id_operacion_detalle}}"
                        value="{{$operacion->id_operacion_detalle}}">
                </td> --}}
                <td>{{$operacion->id_operacion_detalle}}
                    <input type="checkbox" name="operacion[]" id="id_operacion_detalle_{{$operacion->id_operacion_detalle}}"
                        value="{{$operacion->id_operacion_detalle}}">
                </td>
                <td>
                    @if ($operacion->patente != null)
                        @if ($operacion->cav_folio)
                            <a href="{{ asset('cav/'.$operacion->cav_folio) }}.pdf" class="btn-success btn-sm" target="_blank">CAV</a>
                        @else
                            @if ($operacion->id_cav != null)
                                <a href="{{ route('alzamientoPrenda.asociarCav', [$operacion->patente, $operacion->id_operacion_detalle]) }}"
                                    class="btn btn-outline-light btn-sm">Asociar CAV</a>
                            @else
                                Se debe cargar CAV
                            @endif
                        @endif
                    @else
                        <p class="text-danger">No tiene patente</p>
                    @endif
                    <!-- <a href="{{ route('alzamientoPrenda.documento_privado', [$operacion->id_operacion_detalle]) }}" class=" @if ($operacion->id_cav != null) btn-sm btn-warning mr-1 btn-sm @else btn-info btn-sm disabled @endif" target="_blank">Confeccionar</a> -->
                    @if ($operacion->id_documento_privado)
                        {{-- <a href="{{ route('escritura.documentoPrivadoGenerar', [$operacion->id_operacion_detalle]) }}"
                            class="btn-info btn-sm disabled " target="_blank">Descargar Documento</a> --}}
                        <a href="{{ route('escritura.traerDocumentoSinFirma', [$operacion->id_operacion_detalle]) }}"
                            onclick="window.open(this.href,'windowname','resizable,height=960,width=760'); return false;"
                            id="btnVerDocSinFirma" class="btn-info btn-sm disabled ">Ver Borrador</a>
                        <a href="{{ route('escritura.documentoPrivadoEdit', [$operacion->id_operacion_detalle]) }}" id="btnVerDocSinFirma" class="btn-warning btn-sm disabled ">Editar Borrador</a>
                    @endif
                    <!-- <a href="{{ route('escritura.escrituraPublicaVer', [$operacion->id_operacion_detalle]) }}" class="btn-info btn-sm disabled " target="_blank">Escritura Pública</a> -->
                </td>
                <td>{{$operacion->comentario}}</td>
                <td>{{$operacion->razon_social}}</td>
                <td>{{$operacion->nomina_forum}}</td>
                <td>{{$operacion->numero_operacion_mandante}}</td>
                <td>{{$operacion->patente}}</td>
                <td>{{$operacion->patente_dv}}</td>
                <td>{{$operacion->repertorio_rpsd}}</td>
                <td>{{$operacion->repertorio_agno}}</td>
                <td>{{$operacion->rut_cliente}}</td>
                <td>{{$operacion->razon_social_cliente}}</td>
                <td>{{$operacion->tipo_vehiculo}}</td>
                <td>{{$operacion->marca}}</td>
                <td>{{$operacion->modelo}}</td>
                {{-- <td>{{$operacion->vin}}</td> --}}
                <td>{{$operacion->fecha_ingreso}}</td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div><!-- table-responsive -->

@section('scripts')
    <script src="/assets/js/alzamientoPrenda/confeccionDocumento.js"></script>
@endsection

<script> // CONFIGURACIÓN DEL DATATABLE
    $(document).ready(function() {
        // Calcular el alto dinámico
        function getScrollY() {
        var windowHeight = $(window).height(); // Altura de la ventana
        var headerHeight = 150; // Altura del encabezado
        var footerHeight = 100; // Altura del pie de página
        var filterHeight = 100; // Altura del filtro
        var otherPadding = 20; // Margen adicional para espaciado
        var availableHeight = windowHeight - (headerHeight + footerHeight + filterHeight + otherPadding);
        return availableHeight + 'px'; // Retorna el valor en píxeles
        }

        // Inicializar DataTable
        var tableConfeccion = $('#datatable-confeccion').DataTable({
            scrollY: getScrollY(), // Valor dinámico para scrollY
            scrollCollapse: true, // Colapsar scroll si las filas son pocas
            paging: true, // Paginación
            "pageLength": 100, // Cantidad de filas por página
            lengthChange: false, // Oculta el selector de cantidad de registros a mostrar
            responsive: true, // Adaptable para dispositivos pequeños
            scrollX: true, // Scroll horizontal
            "language": {
                "url": "/assets/lib/datatable/language/es-MX.json"
            }
        });
        
        // Recalcular al cambiar el tamaño de la ventana
        $(window).resize(function () {
            tableConfeccion.settings()[0].oScroll.sY = getScrollY(); // Actualiza el scrollY
            tableConfeccion.draw(); // Redibuja la tabla
        });
    });
</script>
@endsection