@extends('layout/principal')
@section('titulo', 'Confección Certificación Notarial y Protocolizado - Alzamiento de Prenda')
@section('content')
<meta name="csrf-token" content="{{ csrf_token() }}">
@php
    //dd(get_defined_vars());
@endphp

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

<div class="row">
    <div class="col-12 col-md-5">
        <h5 class="card-title mb-1">CONFECCIÓN CERTIFICACIÓN NOTARIAL Y PROTOCOLIZADO</h5>
        <h6 class="card-title mb-1">ALZAMIENTO DE PRENDA</h6>
    </div>
    <div class="col-12 col-md-7">
        <!-- ===============  Boton Buscador Avanzado ================-->
        <button type="button" class="btn-purple btn-sm float-right mr-1" onclick="mostrarOcultarBuscador()" disabled><ion-icon name="search-outline" size="small" style="vertical-align: middle"></ion-icon> Buscador Avanzado</button>
        <!-- ===============  Boton Descargar Documentos ================-->
        @if ($filtro_control === false || !is_countable($operaciones) || count($operaciones) == 0)
            <button id="descargarSeleccionados_disabled" class="btn-secondary btn-sm float-right mr-1" disabled style="color: #aaaaaa; background-color: #f0f0f0">
                <ion-icon name="download-outline" size="small" style="vertical-align: middle"></ion-icon> Descargar Seleccionados
            </button>
        @elseif ($filtro_control === true && (is_countable($operaciones) && count($operaciones) > 0))
            <button id="descargarSeleccionados" class="btn-info btn-sm float-right mr-1"
                onclick="enviarFormulario('{{ route('escritura.descargarSeleccionadosCetificacionYProto') }}')">
                <ion-icon name="download-outline" size="small" style="vertical-align: middle"></ion-icon> Descargar Seleccionados
            </button>
        @endif
    </div>
</div>

{{-- <h5 class="card-title">CONFECCIÓN ESCRITURA ALZAMIENTO DE PRENDA</h5> --}}
<hr class="mt-1 mb-3">
<!-- ============ 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 ================================================================== -->

<!-- ------------ Buscador ------------ -->
<div class="bg-light mb-3" id="buscador" style="padding: 1em; display: none;">
    <form action="{{ route('alzamientoPrenda.confeccionCertificacionYProto') }}" method="post" id="formulario_buscador">
        @csrf
        <input type="hidden" name="id_proceso" value="2">
        <div class="row mb-1">
            <div class="col-12 col-md-4 form-group">
                <label for="id_usuario">Usuario</label>
                <select name="id_usuario" id="id_usuario" class="form-control">
                    <option value="">---Todos---</option>
                    {{-- <option value="{{ Auth::id()}}">{{ Auth::user()->name }}</option> --}}
                    @foreach ($usuarios as $usuario)
                    <option value="{{ $usuario->id }}">{{ mb_strtoupper($usuario->name) }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-12 col-md-4 form-group">
                <label for="id_mandante">Mandante</label>
                <select name="id_mandante" id="id_mandante" class="form-control">
                    <option value="">---Todos---</option>
                    @foreach ($mandantes as $mandante)
                    <option value="{{ $mandante->id_mandante }}">{{ $mandante->razon_social }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-12 col-md-4 form-group">
                <label for="multidata">Nombre o RUT Cliente, Contrato, Patente</label>
                <input type="text" name="multidata" class="form-control">
            </div>
            {{-- <div class="col-12 col-md-4 form-group">
                <label for="id_estado">Estado</label>
                <select name="id_estado" id="id_estado" class="form-control ">
                    <option value="">---Todos---</option>
                    @foreach ($estados as $estado)
                    <option value="{{ $estado->id_operacion_detalle_estado }}">{{ $estado->nombre }}</option>
                    @endforeach
                </select>
            </div> --}}
            <div class="col-12 col-md-8">
                <fieldset class="fieldset-panal-small row">
                    <div class="form-group col-12 col-md-6">
                        <label for="fecha_desde">Fecha Desde </label>
                        <input type="date" class=" form-control" name="fecha_desde" id="fecha_desde">
                    </div>
                    <div class="form-group col-12 col-md-6">
                        <label for="fecha_hasta">Fecha Hasta</label>
                        <input type="date" class=" form-control" name="fecha_hasta" id="fecha_hasta">
                    </div>
                    {{-- <div class="form-check col-12 col-md-4 d-flex align-items-center">
                        <input type="checkbox" class="form-check-input" id="check_fecha_estado"
                            name="check_fecha_estado">
                        <label class="form-check-label" for="fecha_estado">Fecha del Estado</label>
                    </div> --}}
                </fieldset>
            </div>
            <button type="submit" id="filtrar" class="btn-purple btn-sm btn-block mx-3 mt-3">Buscar</button>
        </div>
    </form>
    <div>
        <!-- ================  Boton PDF =================-->
        {{-- <a href="" class="btn-danger btn-sm float-right ml-3" style="color:#000000; background-color: #ffcaca">
            Exportar a PDF <img src="../images/Pdf_logo_001_20x20.png" style="padding-left: 4px"></a> --}}
        {{-- <button type="submit" class="btn-danger btn-sm float-right ml-3"
            style="color:#000000; background-color: #ffcaca; padding-left: 4px">Exportar a PDF <img
                src="../images/Pdf_logo_001_20x20.png"></button> --}}
        <!-- ===============  Boton Excel ================-->
        {{-- <form method="POST" action="{{ route('alzamientoPrenda.alzamientoReporteExcel') }}">
            @csrf
            <input type="hidden" name="operaciones" value="{{ json_encode($operaciones) }}">
            <button type="submit" class="btn-success btn-sm float-right"
                style="background-color: #03743C; padding-left: 4px">Exportar a Excel <img
                    src="../images/Excel_logo_001_20x20.png"></button>
        </form> --}}
    </div>
</div>
<!-- ============ FIN Buscador ============ -->

<input type="hidden" name="_token" id="_token" value="{{ csrf_token() }}" />
<div class="row row-sm">
    <div class="col-sm-9 mg-t-10 mg-sm-t-0">
        <label class="az-content-label tx-11 tx-medium tx-gray-600">Solicitante en Notaría</label>
        <select id="id_empleado" name="id_empleado" class="form-control">
            <option value=""></option>
            @foreach ($empleados as $empleado)
            <option value="{{ $empleado->id_empleado }}">{{ $empleado->nombre }}</option>
            @endforeach
        </select>
    </div>
    <div class="col-sm-3 mg-t-10 mg-sm-t-0">
        <label class="az-content-label tx-11 tx-medium tx-gray-600">Tipo Documento</label>
        <select id="documento" name="documento" class="form-control" disabled>
            {{-- <option value=""></option> --}}
            <option value="1">CERTIFICACIÓN NOTARIAL Y PROTOCOLIZADO</option>
            {{-- <option value="2">CERTIFICACIÓN NOTARIAL</option> --}}
            {{-- <option value="3">PROTOCOLIZADO</option> --}}
        </select>
    </div>
    <div class="col-2">
        @php
        // Para descarga manual provisoria de Zip
        $ruta_descarga_documento = "../documentos/alzamiento-prenda/certificacion-y-proto/". Auth()->id() ."/certificacion_y_proto.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> --}}
    </div>
    {{-- <div class="col-2" id="confeccionando" style="display: none; text-align:center">
        <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> --}}

    <!-- buttons -------------------------------------- -->
    <div class="col-lg-12 mt-3">
        {{-- <button type="button" class="btn btn-az-primary col-12 col-lg-auto mb-3 mr-5" onclick="genera_CertificacionYProto()"><ion-icon  name="document-text-outline" size="small" style="vertical-align: middle"></ion-icon> Confeccionar</button> --}}
        <button id="generarCertificacionYProto" class="btn btn-az-primary col-12 col-lg-auto mb-3 mr-5"
            onclick="confeccionar('{{ route('alzamientoPrenda.generarCertificacionYProto') }}')">
            <ion-icon  name="document-text-outline" size="small" style="vertical-align: middle"></ion-icon> Confeccionar
        </button>
        @if (Session::has('zip_ok')) 
        <div class="d-lg-inline-block d-flex p-0">
            {{-- <a href="{{ url()->previous() }}" class="btn btn-secondary col-12 col-lg-auto mb-3 mr-1">Cancelar</a> --}}
            <a href="{{ $ruta_descarga_documento }}" id="descargar_documento" class="btn btn-info col-12 col-lg-auto mb-3 mr-1"><ion-icon  name="download-outline" size="small" style="vertical-align: middle"></ion-icon> Descargar Confección Actual</a>
            {{-- <a href="{{ route('persona.index') }}" class="btn btn-secondary col-12 col-lg-auto mb-3 mr-1">Cancelar</a>
            --}}
            {{-- <a href="{{ route('notaria.index') }}" class="btn btn-light col-6 col-lg-auto mb-3">Ir a Notarías</a> --}}
        </div>
        @endif
    </div>
</div>

<div class="row">
    <div class="col-12 col-md-5">
    <div>
        @if(is_countable($operaciones) && count($operaciones) > 0)
            @if ($filtro_control == false)
            <h6 class="mb-0">Operaciones para Confeccionar: {{count($operaciones)}} encontrados<span
                id="contadorSeleccionados"></span></h6>
            @else
            <h6>Resultados de la Búsqueda: {{count($operaciones)}} registros encontrados<span
                id="contadorSeleccionados"></span></h6>
            @endif
        @endif
    </div>
    </div>
</div>

<form id="formulario_operaciones" method="post">
    @csrf
    <input type="hidden" name="solicitante" id="solicitante">
    <div class="table-responsive">
        <table class="datatable cell-border display compact hover row-border nowrap" id="datatable-confeccion" style="width:100%">
            <thead>
                <tr>
                    <th>
                        @if(is_countable($operaciones) && count($operaciones) > 0)
                            <input type="checkbox" id="seleccionarTodo" name="seleccionarTodo" >
                        @endif</th>
                    {{-- <th>Acciones</th> --}}
                    <th>Operación</th>
                    <th>Contrato</th>
                    <th>Patente</th>
                    <th>Compareciente 1</th>
                    <th>Comp.1 Rut</th>
                    <th>Compareciente 2</th>
                    <th>Comp.2 Rut</th>
                    <th>Fecha Repertorio</th>
                </tr>
            </thead>
            <tbody>
                @if(is_countable($operaciones) && count($operaciones) > 0)
                @foreach ($operaciones as $operacion)
                <tr>
                    <td>{{-- {{$operacion->id_operacion_detalle}} --}}
                        <input type="checkbox" name="operaciones[]" class="item-checkbox" value="{{$operacion->id_operacion_detalle}}"
                                id="id_operacion_{{$operacion->id_operacion_detalle}}" {{ in_array($operacion->id_operacion_detalle, old('operaciones', []))
                            ? 'checked' : '' }}>
                    </td>
                    {{-- <td> --}}
                        {{-- <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->id_repertorio_notarial}}</td> --}}
                    <td>{{$operacion->id_operacion_detalle}}</td>
                    {{-- <td>{{$operacion->id_proceso}}</td> --}}
                    {{-- <td>{{$operacion->id_mandante}}</td> --}}
                    {{-- <td>{{$operacion->mandante}}</td> --}}
                    <td>{{$operacion->contrato}}</td>
                    <td>{{$operacion->patente}}-{{$operacion->patente_dv}}</td>
                    <td>{{$operacion->compareciente1}}</td>
                    <td>{{$operacion->compareciente1_rut}}</td>
                    <td>{{$operacion->compareciente2}}</td>
                    <td>{{$operacion->compareciente2_rut}}</td>                  
                    {{-- <td>{{$operacion->repertorio_rpsd}}</td> --}}
                    {{-- <td>{{$operacion->repertorio_agno}}</td> --}}
                    <td>{{$operacion->fecha_repertorio}}</td>
                </tr>
                @endforeach
                @endif
            </tbody>
        </table>
        <div class="modal fade" id="modalSpinner" tabindex="-1" role="dialog" aria-labelledby="modalSpinnerLabel"
            aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-body text-center">
                        <div class="spinner-border text-primary" role="status">
                            {{-- <span class="sr-only">Confeccionando documentos...</span> --}}
                        </div>
                        <p class="mt-3">Confeccionando documentos...</p>
                    </div>
                </div>
            </div>
        </div>
    </div><!-- table-responsive -->
</form>

@push('scripts')
    <script src="{{asset('assets/js/utilitarios/checkbox_seleccionar.js')}}"></script>
    <script src="{{asset('assets/js/utilitarios/valida_buscador_fechas.js')}}"></script>
    {{-- <script src="/assets/js/alzamientoPrenda/confeccionCertificacionYProto.js"></script> --}}
@endpush

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

<script>
    function mostrarOcultarBuscador() {
        let buscadorDiv = document.getElementById("buscador");
        if (buscadorDiv.style.display === "none" || buscadorDiv.style.display === "") {
            buscadorDiv.style.display = "block";
        } else {
            buscadorDiv.style.display = "none";
        }
    }
</script>

<script>
    /* Enviar dinamicamente operaciones seleccionadas segun el botón clickeado */
    function enviarFormulario(actionUrl) {
        const checkboxes = document.querySelectorAll('#formulario_operaciones input[type="checkbox"]');
        let isChecked = false;
        checkboxes.forEach(function(checkbox) {
            if (checkbox.checked) {
                isChecked = true;
            }
        });

        if (!isChecked) {
            alert('Debe seleccionar al menos una operación para ejecutar esta acción.');
        } else {
            //alert("Se enviará el formulario con las operaciones seleccionadas.");
            const form = document.getElementById('formulario_operaciones');
            form.action = actionUrl;
            form.submit();
        }
    }
</script>

<script>
    /* Enviar a confección conjunta de 'Certificación' y 'Protocolizado' */
    function confeccionar(actionUrl) {

        let id_empleado = document.getElementById('id_empleado').value;
        document.getElementById('solicitante').value = id_empleado;

        if (id_empleado === "") {
            alert("Debe seleccionar un Solicitante");
            event.preventDefault();
        } else {
            const checkboxes = document.querySelectorAll('#formulario_operaciones input[type="checkbox"]');
            let isChecked = false;
            checkboxes.forEach(function(checkbox) {
                if (checkbox.checked) {
                    isChecked = true;
                }
            });

            if (!isChecked) {
                alert('Debe seleccionar al menos una operación para ejecutar esta acción.');
            } else {
                const form = document.getElementById('formulario_operaciones');
                form.action = actionUrl;
                form.submit();

                $('#modalSpinner').modal({
                backdrop: 'static', // Bloquea cierre al hacer clic fuera
                keyboard: false     // Bloquea cierre con tecla ESC
                }).modal('show');
            }
        }
    }
</script>

@endsection