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

@php
//filtrar por 'folios' unicos para luego mostrar cantidad
$folios_unicos = array_unique(array_column($cavs, 'folio'));
@endphp

<div class="row">
    <div class="col-12 col-md-6">
        <h5 class="card-title mb-1" {{-- style="margin-bottom: 4px;" --}}>BÚSQUEDA Y REPORTE CAV</h5>
        <h6 class="card-title">CERTIFICADO DE INSCRIPCIÓN Y ANOTACIONES VIGENTES</h6>
    </div>
    <div class="col-12 col-md-6">
        <!-- ===============  Boton Excel ================-->
        <form action="{{ route('cav.cavReporte') }}" method="post">
            @csrf
            <input type="hidden" name="cavs" value="{{ json_encode($cavs) }}">
            <button type="submit" class="btn-success btn-sm float-right"
            @if (($cavs) && count($cavs) > 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('cav.reporte') }}" 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="patente">PATENTE</label>
                <input type="text" name="patente" id="patente" value="" class="form-control" placeholder="">
            </div>

            <div class="col-12 col-md-2 form-group">
                <label class="tx-12 tx-medium tx-gray-600" for="rut">RUT PROPIETARIO</label>
                <input type="text" name="rut" id="rut" value="" class="form-control" placeholder="">
            </div>

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

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

            <button type="submit" id="filtrar" class="btn-purple btn-sm btn-block mx-3 mt-3">Buscar</button>

        </div>
    </form>
    @if ($cavs && count($cavs) > 0)
    <div class="text-center">
        <h6>Encontrados <b> {{ count($folios_unicos); }} </b> folios | {{count($cavs); }} filas</h6>
    </div>
    @endif
</div>
<br>
<!-- ------------ Fin Buscador ------------ -->

@if ($filtro_control == 1) {{-- --}}
<div class="table-responsive" id="contenedor-tabla" style="display: none">
    <table class="datatable cell-border display compact hover row-border nowrap tabla_historico" id="tablaReporte"
        style="font-size: 13px; width:100%">
        <thead>
            <tr>
                <th>Archivo</th>
                <th>Anotaciones</th>
                <th>Nombre Archivo Original</th>
                <th>Patente</th>
                <th>Limitación Tipo</th>
                <th>Limitación Registro</th>
                <th>Limitación Acreedor</th>
                <th>Limitación Lugar</th>
                <th>Limitación Fecha</th>
                <th>Limitación Oficina</th>
                <th>Limitación Nro Solicitud</th>
                <th>Limitación Autorizante</th>
                <th>Limitación Fecha Solicitud</th>
                <th>Observaciones</th>
                <th>Tipo De Vehículo</th>
                <th>Año</th>
                <th>Marca</th>
                <th>Modelo</th>
                <th>Motor</th>
                <th>Chasis</th>
                <th>VIN</th>
                <th>Número de Serie</th>
                <th>Color</th>
                <th>Combustible</th>
                <th>Peso B.V.</th>
                <th>Propietario</th>
                <th>Rut</th>
                <th>Fecha Adquisición</th>
                <th>Multas Tránsito</th>
                <th>Folio</th>
                <th>Aseguradora</th>
                <th>Fecha Emisión</th>
                <th>Fecha Ingreso</th>
                {{-- <th>MeroTenedor Nombre</th> --}}
                {{-- <th>MeroTenedor Rut</th> --}}
                <th>Usuario Cargador</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($cavs as $cav)
            <tr>
                <td><a href="{{ asset('cav/'.$cav->folio) }}.pdf" class="btn-panal-info btn-sm mr-1"
                        onclick="window.open(this.href,'windowname','resizable,height=800,width=720'); return false;"><ion-icon
                            name="document-text-outline" size="small" style="vertical-align: middle"></ion-icon> CAV
                    </a></td>
                <td>{{$cav->cantidad_limitaciones}}</td>
                <td>{{$cav->nombre_archivo_original}}</td>
                <td>{{$cav->patente}}</td>
                <td>{{$cav->limitacion_tipo}}</td>
                <td>{{$cav->limitacion_registro}}</td>
                <td>{{$cav->limitacion_acreedor}}</td>
                <td>{{$cav->limitacion_lugar}}</td>
                <td>{{$cav->limitacion_fecha}}</td>
                <td>{{$cav->limitacion_oficina}}</td>
                <td>{{$cav->limitacion_nro_solicitud}}</td>
                <td>{{$cav->limitacion_autorizante}}</td>
                <td>{{$cav->limitacion_fecha_solicitud}}</td>
                <td>{{$cav->observaciones }}</td>
                <td>{{$cav->tipo_vehiculo}}</td>
                <td>{{$cav->ano}}</td>
                <td>{{$cav->marca}}</td>
                <td>{{$cav->modelo}}</td>
                <td>{{$cav->motor}}</td>
                <td>{{$cav->chasis}}</td>
                <td>{{$cav->vin}}</td>
                <td>{{$cav->nro_serie}}</td>
                <td>{{$cav->color}}</td>
                <td>{{$cav->combustible}}</td>
                <td>{{$cav->pbv}}</td>
                <td>{{$cav->propietario_nombre}}</td>
                <td>{{$cav->propietario_rut}}</td>
                <td>{{$cav->fecha_adquisicion}}</td>
                <td>{{$cav->multa_transito}}</td>
                <td>{{$cav->folio}}</td>
                <td>{{$cav->aseguradora}}</td>
                <td>{{$cav->fecha_emision}}</td>
                <td>{{$cav->fecha_ingreso}}</td>
                {{-- <td>{{'---'}}</td> --}}
                {{-- <td>{{'---'}}</td> --}}
                <td>{{$cav->usuario_cargador}}</td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div><!-- table-responsive -->
@endif

<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 patente = document.getElementById('patente').value;
    var rut = document.getElementById('rut').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 (patente == '' && rut == '' && 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>

@endsection