@extends('layout/principal')
@section('titulo', 'Home')
@section('content')
<meta name="csrf-token" content="{{ csrf_token() }}">

<div class="row">
    <div class="col-12 col-md-6">
        <h5 class="card-title mb-1">BÚSQUEDA Y REPORTE</h5>
        <h6 class="card-title">REPERTORIOS DE NOTARÍA</h6>
    </div>
    <div class="col-12 col-md-6">
        <!-- ===============  Boton Excel ================-->
        {{-- <form action="{{ route('alzamientoPrenda.alzamientoReporteExcel') }}" method="post"> --}}
        <form action="" method="post">
            @csrf
            {{-- <input type="hidden" name="operaciones" value="{{ json_encode($repertorios) }}"> --}}
            <input type="hidden" name="repertorios" value="">
            <button type="submit" class="btn-success btn-sm float-right"
            @if (($repertorios) && count($repertorios) > 0)
                style="background-color: #03743C; padding-left: 4px">Exportar a Excel <img
                src="../images/excel_001_20px_green.svg"></button>
            @else
                style="background-color: #c9c9c9; border-color: #b8b8b8;; padding-left: 4px"
                disabled >Exportar a Excel <img src="../images/excel_001_20px_gray.svg"></button>
            @endif
        </form>
        <!-- ===============  Fin Boton Excel ================-->
    </div>
</div>
<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 ================================================================== -->

<!-- ------------ Buscador ------------ -->
<div class="" id="buscador" style="background-color: #f6f6f6; padding: 1em;">
    {{-- <form action="{{ route('alzamientoPrenda.index') }}" method="post" id="formulario_buscador"> --}}
    <form action="" method="post" id="formulario_buscador">
        @csrf
        <div class="row mb-3">

            <div class="col-12 col-md-3 form-group">
                <label class="tx-12 tx-medium tx-gray-600" for="id_mandante">COMPARECIENTE 1</label>
                <select name="id_mandante" id="id_mandante" class="form-control">
                    <option value=""></option>
                    {{-- @foreach ($mandantes as $mandante) --}}
                    {{-- <option value="{{ $mandante->id_mandante }}">{{ $mandante->razon_social }}</option> --}}
                    {{-- @endforeach --}}
                </select>
            </div>

            <div class="col-12 col-md-3 form-group">
                <label class="tx-12 tx-medium tx-gray-600" for="comparec2_nombre">COMPARECIENTE 2 NOMBRE</label>
                <input type="text" name="comparec2_nombre" class="form-control">
            </div>

            <div class="col-12 col-md-2 form-group">
                <label class="tx-12 tx-medium tx-gray-600" for="comparec2_rut">COMPARECIENTE 2 RUT</label>
                <input type="text" name="comparec2_rut" class="form-control">
            </div>

            <div class="col-12 col-md-2 form-group">
                <label class="tx-12 tx-medium tx-gray-600" for="fecha_desde">FECHA DESDE &nbsp<ion-icon
                        name="calendar-outline" size="small" style="vertical-align: middle"></ion-icon></label>
                <input type="date" class="datepicker form-control" name="fecha_desde" id="fecha_desde"
                    style="background-color: #ffffff">
            </div>

            <div class="col-12 col-md-2 form-group">
                <label class="tx-12 tx-medium tx-gray-600" for="fecha_desde">FECHA HASTA &nbsp<ion-icon
                        name="calendar-outline" size="small" style="vertical-align: middle"></ion-icon></label>
                <input type="date" class="datepicker form-control" name="fecha_hasta" id="fecha_hasta"
                    style="background-color: #ffffff">
            </div>

            <div class="col-12 col-md-3 form-group">
                <label class="tx-12 tx-medium tx-gray-600" for="id_proceso">PROCESO</label>
                <select name="id_proceso" id="id_proceso" class="form-control">
                    <option value=""></option>
                    {{-- @foreach ($procesos as $proceso) --}}
                    {{-- <option value="{{ $proceso->id_proceso }}">{{ $proceso->nombre_proceso }}</option> --}}
                    {{-- @endforeach --}}
                </select>
            </div>

            <div class="col-12 col-md-4 form-group">
                <label class="tx-12 tx-medium tx-gray-600" for="id_notaria">NOTARÍA</label>
                <select name="id_notaria" id="id_notaria" class="form-control">
                    <option value=""></option>
                    {{-- @foreach ($notarias as $notaria) --}}
                    {{-- <option value="{{ $notaria->id_notaria }}">{{ $notaria->nombre_notaria }}</option> --}}
                    {{-- @endforeach --}}
                </select>
            </div>

            <div class="col-12 col-md-3 form-group">
                <label class="tx-12 tx-medium tx-gray-600" for="notario">NOTARIO</label>
                <input type="text" name="notario" class="form-control">
            </div>

            <div class="col-12 col-md-2 form-group">
                <label class="tx-12 tx-medium tx-gray-600" for="id_usuario">USUARIO</label>
                <select name="id_usuario" id="id_usuario" class="form-control">
                    <option value=""></option>
                    {{-- @foreach ($usuarios as $usuario) --}}
                    {{-- <option value="{{ $usuario->id_usuario }}">{{ $usuario->name }}</option> --}}
                    {{-- @endforeach --}}
                </select>
            </div>

            {{-- <button type="submit" id="filtrar" class="btn-purple btn-sm btn-block mx-3 mt-3">Buscar</button> --}}
            <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>

<div>
    <h1 class="text-muted mt-3"> en construcción...</h1>
</div>
<!-- ----------- FIN Buscador --------- -->

@if ($repertorios && count($repertorios) > 0)
<div class="table-responsive">
    <table class="datatable cell-border display compact hover row-border nowrap" id="datatable" style="width:100%">
        <thead>
            <tr>
                <th>Operación</th>
                <th>Contrato</th>
                <th>Usuario</th>
                <th>Proceso</th>
                <th>Mandante</th>
                <th>Notaría</th>
                <th>Notario Autorizante</th>
                <th>Notario Tipo</th>
                <th>OT</th>
                <th>Repertorio</th>
                <th>Protocolizado Inicial</th>
                <th>Protocolizado Final</th>
                <th>Compareciente-1 RUT</th>
                <th>Compareciente-1 Razón Social/Paterno</th>
                <th>Compareciente-1 Materno</th>
                <th>Compareciente-1 Nombre</th>
                <th>Compareciente-2 RUT</th>
                <th>Compareciente-2 Razón Social/Paterno</th>
                <th>Compareciente-2 Materno</th>
                <th>Compareciente-2 Nombre</th>
                <th>Impuesto</th>
                <th>Patente</th>
                <th>Tipo Vehículo</th>
                <th>Marca</th>
                <th>Modelo</th>
                <th>Año</th>
                <th>Color</th>
                <th>Motor</th>
                <th>Chasis</th>
                <th>Nro.Serie</th>
                <th>Vin</th>
                <th>Código Operación</th>
                <th>Fecha Toma</th>
                <th>Fecha Ingreso</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            @if($repertorios)
            @foreach ($repertorios as $repertorio)
            <tr>
                <td>{{$repertorio->id_operacion_detalle}}</td>
                <td>{{$repertorio->contrato}}</td>
                <td>{{$repertorio->usuario}}</td>
                <td>{{$repertorio->proceso_nombre}}</td>
                <td>{{$repertorio->mandante_razon_social}}</td>
                
                <td>
                    {{$repertorio->notaria_emisora_nombre.' '. $repertorio->notaria_emisora_titular}}</td>
                <td>{{$repertorio->notario_autorizante_nombre}}</td>
                <td>{{$repertorio->notario_autorizante_tipo}}</td>
                <td>{{$repertorio->ot}}</td>
                <td>{{$repertorio->repertorio}}</td>
                <td>{{$repertorio->protocolizado_inicial}}</td>
                <td>{{$repertorio->protocolizado_final}}</td>
                <td>{{$repertorio->compareciente1_rut}}</td>
                <td>{{$repertorio->compareciente1_razon_social_paterno}}</td>
                <td>{{$repertorio->compareciente1_materno}}</td>
                <td>{{$repertorio->compareciente1_nombre}}</td>
                <td>{{$repertorio->compareciente2_rut}}</td>
                <td>{{$repertorio->compareciente2_razon_social_paterno}}</td>
                <td>{{$repertorio->compareciente2_materno}}</td>
                <td>{{$repertorio->compareciente2_nombre}}</td>
                <td>{{$repertorio->impuesto}}</td>
                <td>{{$repertorio->patente}}</td>
                <td>{{$repertorio->vehiculo_tipo}}</td>
                <td>{{$repertorio->marca}}</td>
                <td>{{$repertorio->modelo}}</td>
                <td>{{$repertorio->ano}}</td>
                <td>{{$repertorio->color}}</td>
                <td>{{$repertorio->motor}}</td>
                <td>{{$repertorio->chasis}}</td>
                <td>{{$repertorio->nro_serie}}</td>
                <td>{{$repertorio->vin}}</td>
                <td>{{$repertorio->codigo_operacion}}</td>
                <td>{{$repertorio->fecha_toma}}</td>
                <td>{{$repertorio->created_at}}</td>
                <td>
                    {{-- <a href="{{ asset('cav/'.$cav->folio) }}.pdf" target="_blank" rel="noopener noreferrer">Ver
                        CAV</a> - --}}
                    {{-- <a href="{{ asset('cav/'.$cav->folio) }}.pdf" target="\_blank" rel="noopener noreferrer">Ver
                        CAV</a> --}}
                    {{-- <a href="{{route('cav.show', ['id_cav' => $cav->id_cav])}}" target="_blank"
                        rel="noopener noreferrer" class="tx-success">Detalle</a> --}}
                </td>
            </tr>
            @endforeach
            @endif
        </tbody>
    </table>
    {{-- {{ $repertorios->links('pagination::bootstrap-4') }} --}}
</div><!-- table-responsive -->
@endif

<!-- ------------ Scripts ------------------------------------------------- -->
<script src="{{ asset('assets/js/utilitarios/valida_buscador_fechas.js') }}"></script>

<script> // Filtro de busqueda: exige al menos un campo con datos
    document.getElementById('formulario_buscador').addEventListener('submit', function(event) {
    event.preventDefault();
    var rut = document.getElementById('rut').value;
    var nombre = document.getElementById('nombre').value;
    var id_usuario = document.getElementById('id_usuario').value;
    var fecha_desde = document.getElementById('fecha_desde').value;
    var fecha_hasta = document.getElementById('fecha_hasta').value;
    if (rut == '' && nombre == '' && id_usuario == '' && fecha_desde == '' && fecha_hasta == '') {
    alert('Debe seleccionar al menos un criterio de búsqueda');
    } else {
        // Solo enviar el formulario si hay al menos un criterio
        this.submit();
    }
    // this.submit();
    });

    $(document).ready(function() {
        $('#tablaReporte').DataTable({
            "paging": true,
            "pageLength": 200,
            scrollY: "600px",
            scrollX: true,
            scrollCollapse: true,
            "language": {
                "url": "/assets/lib/datatable/language/es-MX.json"
            }
        });
    });
</script>
<!-- ----------- Fin Scripts --------- -->

@endsection