@extends('layout/principal')
@section('titulo', 'Confección Escritura Alzamiento de Prenda')
@section('content')
<meta name="csrf-token" content="{{ csrf_token() }}">
@php
    //dd($operaciones, $representantes);
@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 ESCRITURA</h5>
        <h6 class="card-title mb-1">ALZAMIENTO DE PRENDA</h6>
    </div>
    <div class="col-12 col-md-7">
        <!-- ===============  btn 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>
        <!-- ===============  btn 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.documentosSeleccionadosDescargar') }}')">
                <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;">
    {{-- <h6 style="color: #9B7FFB"> Buscar</h6> --}}
    <form action="{{ route('alzamientoPrenda.confeccionDocumento') }}" 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 }}">{{ $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-2 form-group">
                <label for="fecha_desde">Fecha Desde &nbsp<img src="/images/calendar-outline_18x18.png"></label>
                <input type="date" name="fecha_desde" id="fecha_desde" class="datepicker form-control"
                    style="background-color: #ffffff">
            </div>
            <div class="col-12 col-md-2 form-group">
                <label for="fecha_hasta">Fecha Hasta &nbsp<img src="/images/calendar-outline_18x18.png"></label>
                <input type="date" name="fecha_hasta" id="fecha_hasta" class="datepicker form-control"
                    style="background-color: #ffffff">
            </div> --}}
            {{-- <div class="col-12 col-md-3 form-group">
                <label for="documento_tiene">Tiene el Documento &nbsp<img
                        src="/images/document-check_18x18_mod.png"></label>
                <select name="id_documento_tiene" id="id_documento_tiene" class="form-control ">
                    <option value="">---Cualquier documento---</option>
                    @foreach ($documentos as $documento)
                    <option value="{{ $documento->id_operacion_detalle_tipo_documento }}">{{ $documento->nombre }}
                    </option>
                    @endforeach
                </select>
            </div> --}}
            {{-- <div class="col-12 col-md-3 form-group">
                <label for="documento_no_tiene">No Tiene el Documento &nbsp<img
                        src="/images/document-uncheck_18x18_mod.png"></label>
                <select name="id_documento_no_tiene" id="id_documento_no_tiene" class="form-control ">
                    <option value="">---Ignorar documentos faltantes---</option>
                    @foreach ($documentos as $documento)
                    <option value="{{ $documento->id_operacion_detalle_tipo_documento }}">{{ $documento->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 &nbsp{{-- <img src="/images/calendar-outline_18x18.png"> --}}</label>
                        <!-- <input type="date" class="form-control" name="fecha_desde" id="fecha_desde"> -->
                        <input type="date" class="{{-- datepicker --}} form-control" name="fecha_desde" id="fecha_desde"
                            {{-- style="background-color: #ffffff" --}}>
                    </div>
                    <div class="form-group col-12 col-md-6">
                        <label for="fecha_hasta">Fecha Hasta &nbsp{{-- <img src="/images/calendar-outline_18x18.png"> --}}</label>
                        <!-- <input type="date" class="form-control" name="fecha_hasta" id="fecha_hasta"> -->
                        <input type="date" class="{{-- datepicker --}} form-control" name="fecha_hasta" id="fecha_hasta"
                            {{-- style="background-color: #ffffff" --}}>
                    </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>
        {{-- <div class="col-10 mt-4">
        </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">Representante Legal</label>
        <select id="personeria_representante_legal" name="personeria_representante_legal" class="form-control select2 representante" multiple="multiple">
            {{-- <option value="" disabled>-- Seleccione representante --</option> --}}
            @foreach ($representantes as $row)
            <option value="{{$row->id_personeria_representante_legal}}">{{$row->nombre}} Notario: {{$row->notario}} - Repertorio: {{$row->repertorio}}</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 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">

        @php
        // Para descarga manual provisoria de Zip
        $ruta_descarga_documento = "../documentos/alzamiento-prenda/documento-privado/". Auth()->id() ."/confeccion_borrador_alzamiento.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> --}}

    <!-- 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_documento()"><ion-icon  name="document-text-outline" size="small" style="vertical-align: middle"></ion-icon> Confeccionar</button>
        <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> --}}

            {{-- BOTÓN DESCARGA CONFECCIONADOS ACTUALES --}}
            {{-- <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>
    </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
    <div class="table-responsive">
        {{-- <table class="datatable cell-border display compact hover row-border nowrap" id="datatable" style="width:100%"> --}}
        <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>Comentario</th> --}}
                    <th>Mandante</th>
                    <th>Nómina</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>
                @if(is_countable($operaciones) && count($operaciones) > 0)
                @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="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>
                        @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> --}}
                            <a href="{{route('procesos.traerDocumento', [$operacion->id_operacion_detalle, '036', $operacion->cav_folio . '.pdf'])}}" class="btn-success btn-sm"
                                    onclick="window.open(this.href,'windowname','resizable,height=960,width=760'); return false;" id="btnVerCav" {{-- style="padding: 6px 8px 2px;" --}}>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->id_operacion_detalle}}</td>
                    <td>{{$operacion->contrato}}</td>
                    {{-- <td>{{$operacion->comentario}}</td> --}}
                    <td>{{$operacion->razon_social}}</td>
                    <td>{{$operacion->nomina_forum}}</td>
                    <td>{{$operacion->patente}}-{{$operacion->patente_dv}}</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
                @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="{{asset('assets/js/alzamientoPrenda/confeccionDocumento.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>

@endsection