@extends('layout/principal')
@section('titulo', 'Home')
@section('content')
@php
    //dd(get_defined_vars());
    //dd($estados);
    //dd($documentos);
@endphp
{{-- @php $operaciones_cantidad = count($operaciones); @endphp --}}
@php
    $operaciones = (is_countable($operaciones) && count($operaciones) > 0) ? $operaciones : [];
@endphp
<meta name="csrf-token" content="{{ csrf_token() }}">
<style>
    /* Define las animaciones por separado */
    /* @keyframes parpadeo {
        0% { opacity: 1.0; }
        50% { opacity: 0.0; }
        100% { opacity: 1.0; }
    } */

    @-webkit-keyframes parpadeo {
        0% { opacity: 1.0; }
        50% { opacity: 0.0; }
        100% { opacity: 1.0; }
    }

    /* @-moz-keyframes parpadeo {
        0% { opacity: 1.0; }
        50% { opacity: 0.0; }
        100% { opacity: 1.0; }
    } */

    .parpadea {
        /* animation-name: parpadeo;
        animation-duration: 3s;
        animation-timing-function: linear;
        animation-iteration-count: infinite; */

        -webkit-animation-name: parpadeo;
        -webkit-animation-duration: 1s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;

        /* -moz-animation-name: parpadeo;
        -moz-animation-duration: 3s;
        -moz-animation-timing-function: linear;
        -moz-animation-iteration-count: infinite; */
    }

    .btn-success:focus,.btn-success.focus {
    box-shadow: 0 0 0 .2rem rgb(0, 0, 0)
    }
    .btn-secondary:focus,.btn-secondary.focus {
    box-shadow: 0 0 0 .2rem rgb(0, 0, 0)
    }
    .btn-info:focus,.btn-info.focus {
    box-shadow: 0 0 0 .2rem rgb(0, 0, 0)
    }
    .btn-panal-warning:focus,.btn-success.focus {
    box-shadow: 0 0 0 .2rem rgb(0, 0, 0)
    }
    .btn-panal-primary:focus,.btn-success.focus {
    box-shadow: 0 0 0 .2rem rgb(0, 0, 0)
    }
    .ajuste-texto {
        max-width: 100px; /* Ajusta el ancho máximo de la fila especial */
        white-space: nowrap; /* Evita que el contenido se desborde a la siguiente línea */
        overflow: hidden; /* Oculta el contenido que supera el ancho máximo */
        text-overflow: ellipsis; /* Muestra puntos suspensivos (...) para indicar que hay más contenido oculto */
    }

    /* Resuelve error que no muestra la flecha de popover. Se explicita su renderizado */
    .popover-arrow {
    position: absolute;
    top: 0px;
    transform: translate(0px, 43px);
    display: block;
    content: "";
    border-style: solid;
    border-color: transparent;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #a3a3a3;
    border-left-color: rgba(0, 0, 0, 0);
    left: -8px;
    }
</style>

<div class="row">
    <div class="col-12 col-md-5">
        <h6 class="card-title">ALZAMIENTO PRENDA</h6>
        <div>
            @if ($filtro_control == false)
            <h6>Operaciones en Trámite: {{count($operaciones)}} registros encontrados<span id="contadorSeleccionados"></span></h6>
            @else
            <h6>Resultados de la Búsqueda: {{count($operaciones)}} registros encontrados<span id="contadorSeleccionados"></span></h6>
            @endif
        </div>
    </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()"><img
                src="/images/search_white_20x20.svg"> &nbsp Buscador Avanzado</button> --}}
        <button type="button" class="btn-purple btn-sm float-right mr-1" onclick="mostrarOcultarBuscador()"><ion-icon name="search-outline" size="small" style="vertical-align: middle"></ion-icon> Buscador Avanzado</button>

        <!-- ===============  btn Excel ================-->
        {{-- <form method="POST" action="{{ route('alzamientoPrenda.alzamientoTomarRepertorioExcel') }}">
            @csrf
            <input type="hidden" name="operaciones" value="{{ json_encode($operaciones) }}">
            <button type="submit" class="btn-success btn-sm float-right ml-1"
                style="background-color: #2c4f3e; padding-left: 4px">Tomar Repertorio <img
                    src="../images/Excel_logo_001_20x20.png"></button>
        </form> --}}

        <!-- =====================  btn Tomar Repertorio ===================-->
        @if (isset($puede_tomar_repertorio) && $puede_tomar_repertorio === true)
            <button id="enviarTomaRepertorio" class="btn-success btn-sm float-right ml-1"
                style="background-color: #03743C; color:#ffffff; padding-left: 4px"
                onclick="enviarFormulario('{{ route('loteEsperaRepertorio.store') }}')">Tomar Repertorio <img
                    src="../images/Excel_logo_001_20x20.png"></button>
        @endif

        <!-- ===========  btn Confeccionar Certificación Notarial ==========-->
        {{-- @if (isset($puede_confeccionar_certif_notarial) && $puede_confeccionar_certif_notarial === true)
            <button id="enviarConfeccionarCertifNotarial" class="btn-success btn-sm float-right ml-1"
            style="background-color: #314039; color:#ffffff; padding-left: 4px"
            onclick="enviarFormulario('{{ route('certificacionNotarialEscritura.confeccionar') }}')">Confeccionar Certificación.
            <ion-icon name="document-text-outline" size="small" style="vertical-align: middle"></ion-icon></button>
        @endif --}}

        <!-- ===============  btn Confeccionar Protocolizado ===============-->
        {{-- @if (isset($puede_confeccionar_protocolizado) && $puede_confeccionar_protocolizado === true)
            <button id="enviarConfeccionarProtocolizado" class="btn-success btn-sm float-right ml-1"
            style="background-color: #004e9c; color:#ffffff; padding-left: 4px"
            onclick="enviarFormulario('{{ route('protocolizadoAlzaPrenda.create') }}')">Confeccionar Protocolizado
            <ion-icon name="document-text-outline" size="small" style="vertical-align: middle"></ion-icon></button>
        @endif --}}

        <!-- =====================  btn Reporte Excel ======================-->
        {{-- Se descargan rodos los registros cargados en la tabla [no selección por checkbox] --}}
        <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 mr-1"
                style="background-color: #03743C; padding-left: 4px">Reporte General<img
                    src="../images/excel_001_20px_green.svg"></button>
        </form>
        <form method="POST" action="{{ route('alzamientoPrenda.reporteConLimitaciones') }}">
            @csrf
            <input type="hidden" name="operaciones" value="{{ json_encode($operaciones) }}">
            <button type="submit" class="btn-success btn-sm float-right mr-1"
                style="background-color: #03743C; padding-left: 4px">Reporte Limitaciones <img
                    src="../images/excel_001_20px_green.svg"></button>
        </form>

        <!-- =========================  btn 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> --}}
    </div>
</div>

<!-- ============ 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
@if (Session::has('info')) <div class="alert alert-info"> {{ Session::get('info') }} </div> @endif
<!-- ========== FIN MENSAJES ================================================================== -->

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

            <div class="col-12 col-md-3 form-group">
                <div class="form-check ml-1">
                    <input class="form-check-input" type="checkbox" id="fijar_usuario" name="fijar_usuario" value="1"
                        title="Fijar este usuario" @if(session('fijar_usuario')===true) checked @endif>
                    <label class="form-check-label" for="fijar_usuario">Usuario</label>
                </div>
                <select name="id_usuario" id="id_usuario" class="form-control">
                    <option value="" {{ session('id_usuario')===NULL ? 'selected' : '' }}>---Todos---</option>
                    @foreach ($usuarios as $usuario)
                    <option value="{{ $usuario->id }}" {{ session('id_usuario')==$usuario->id ? 'selected' : '' }}>
                        {{ $usuario->name }}
                    </option>
                    @endforeach
                </select>
            </div>

            <div class="col-12 col-md-3 form-group">
                <div class="form-check ml-1">
                    <input class="form-check-input" type="checkbox" id="fijar_mandante" name="fijar_mandante" value="1"
                        title="Fijar este mandante" @if(session('fijar_mandante')===true) checked @endif>
                    <label class="form-check-label" for="fijar_mandante">Mandante</label>
                </div>
                <select name="id_mandante" id="id_mandante" class="form-control">
                    <option value="" {{ session('id_mandante')===NULL ? 'selected' : '' }}>---Todos---</option>
                    @foreach ($mandantes as $mandante)
                    <option value="{{ $mandante->id_mandante }}" {{ session('id_mandante')==$mandante->id_mandante ? 'selected' : ''
                        }}>
                        {{ $mandante->razon_social }}
                    </option>
                    @endforeach
                </select>
            </div>

            <div class="col-12 col-md-3 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-3 form-group">
                <label for="id_estado">Estado</label>
                <select name="codigo_estado" id="codigo_estado" class="form-control ">
                    <option value="">---Todos---</option>
                    @foreach ($estados as $estado)
                    <option value="{{ $estado->codigo }}">{{ $estado->nombre }}</option>
                    @endforeach
                </select>
            </div>

            <div class="col-12 col-md-3 form-group">
                <label for="documento_tiene">Tiene el Documento &nbsp</label>
                <select name="codigo_documento_tiene" id="codigo_documento_tiene" class="form-control ">
                    <option value="">---Cualquier documento---</option>
                    @foreach ($documentos as $documento)
                    <option value="{{ $documento->codigo }}">{{ $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</label>
                <select name="codigo_documento_no_tiene" id="codigo_documento_no_tiene" class="form-control ">
                    <option value="">---Ignorar documentos faltantes---</option>
                    @foreach ($documentos as $documento)
                    <option value="{{ $documento->codigo }}">{{ $documento->nombre }}
                    </option>
                    @endforeach
                </select>
            </div>

            {{-- ===== DatePicker - EVALUAR DEPRECAR ========================================= --}}
            {{-- ===== Ya no sería necesaria la librería. Estamos usando el datepicker ======= --}}
            {{-- ===== nativo de los navegadores web (actualmente todos lo incorporan) ======= --}}
            {{-- <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-6">
                <fieldset class="fieldset-panal-small row">
                    <div class="form-group col-12 col-md-4">
                        <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-4">
                        <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" style="padding:0px 15px 6px 30px ">
                        <input type="checkbox" class="form-check-input" id="chk_fecha_estado" name="chk_fecha_estado">
                        <label class="form-check-label" style="padding-top: 5px" for="chk_fecha_estado">Fecha del Estado</label>
                    </div>
                </fieldset>
            </div>

            <div class="col-12 col-md-3 form-group">
                <div class="form-check ml-1">
                    <input class="form-check-input" type="checkbox" id="fijar_nomina" name="fijar_nomina" value="1"
                        title="Fijar esta nómina" @if(session('fijar_nomina')===true) checked @endif>
                    <label class="form-check-label" for="fijar_nomina">Nómina</label>
                </div>
                <input type="text" name="nomina" id="nomina" class="form-control" value="{{ session('nomina') }}">
            </div>

            {{-- ===== Patente - OPCIÓN: checkbox ============================================ --}}
            {{-- <div class="col-12 col-md-3 form-group d-flex align-items-center">
                <div class="form-check mx-sm-2">
                    <label class="form-check-label">
                        <input type="checkbox" class="form-check-input" id="chk_sin_patente" name="chk_sin_patente"
                            style="transform: scale(1.5)"> Sin Patente
                    </label>
                </div>
            </div> --}}

            {{-- ===== Patente - OPCIÓN: radio buttons ======================================= --}}
            {{-- <div class="col-12 col-md-1 form-group d-flex align-items-center">
                <div class="form-check mx-sm-2">
                    <label class="form-check-label">
                        <input type="radio" id="chk_sin_patente" name="chk_sin_patente" value="0" style="transform: scale(1.5)"
                            onclick="toggleRadio(this)"> Todos
                    </label>
                </div>
            </div>
            <div class="col-12 col-md-1 form-group d-flex align-items-center">
                <div class="form-check mx-sm-2">
                    <label class="form-check-label">
                        <input type="radio" id="chk_sin_patente" name="chk_sin_patente" value="1" style="transform: scale(1.5)"
                            onclick="toggleRadio(this)"> Sin Patente
                    </label>
                </div>
            </div>
            <div class="col-12 col-md-1 form-group d-flex align-items-center">
                <div class="form-check mx-sm-2">
                    <label class="form-check-label">
                        <input type="radio" id="chk_sin_patente" name="chk_sin_patente" value="2" style="transform: scale(1.5)"
                            onclick="toggleRadio(this)"> Con Patente
                    </label>
                </div>
            </div> --}}

            {{-- ===== Patente - OPCIÓN: select ============================================== --}}
            {{-- <div class="col-12 col-md-3 form-group">
                <label for="patente">Patente</label>
                <select name="patente" id="patente" class="form-control ">
                    <option value="">---Todos---</option>
                    <option value="1">&#x2713; Tiene</option>
                    <option value="2">&#x1F5D9; No Tiene</option>
                </select>
            </div> --}}

            {{-- ===== RPSD - OPCIÓN: checkbox =============================================== --}}
            {{-- <div class="col-12 col-md-2 form-group  d-flex align-items-center">
                <div class="form-check mx-sm-2">
                    <label class="form-check-label">
                        <input type="checkbox" class="form-check-input" id="chk_sin_rpsd_num" name="chk_sin_rpsd_num"
                            style="transform: scale(1.5)"> Sin RPSD Número
                    </label>
                </div>
            </div>
            <div class="col-12 col-md-2 form-group d-flex align-items-center">
                <div class="form-check mx-sm-2">
                    <label class="form-check-label">
                        <input type="checkbox" class="form-check-input" id="chk_sin_rpsd_agno" name="chk_sin_rpsd_agno"
                            style="transform: scale(1.5)"> Sin RPSD Año
                    </label>
                </div>
            </div> --}}

            {{-- ===== RPSD - OPCIÓN: select ================================================= --}}
            {{-- <div class="col-12 col-md-3 form-group">
                <label for="patente">RPSD de Prenda</label>
                <select name="patente" id="patente" class="form-control ">
                    <option value="">---Todos---</option>
                    <option value="1">&#x2713; Tiene</option>
                    <option value="2">&#x1F5D9; No Tiene</option>
                </select>
            </div> --}}

            {{-- ===== RPSD Año - OPCIÓN: select ============================================= --}}
            {{-- <div class="col-12 col-md-3 form-group">
                <label for="patente">RPSD Año</label>
                <select name="patente" id="patente" class="form-control ">
                    <option value="">---Todos---</option>
                    <option value="1">&#x2713; Tiene</option>
                    <option value="2">&#x1F5D9; No Tiene</option>
                </select>
            </div> --}}

            {{-- ===== Todos con Radio Button dentro de un Fieldset ===========================--}}
            <div class="col-12 col-md-3">
                <label for="">Patente</label>
                <fieldset class="fieldset-panal-small row" style="padding-top: 6px">
                    <div class="form-check col-4 col-md-4 d-flex align-items-center">
                        <label class="form-check-label">
                            <input type="radio" name="tenga_patente" value="0" checked> todos
                        </label>
                    </div>
                    <div class="form-check col-4 col-md-4 d-flex align-items-center">
                        <label class="form-check-label">
                            <input type="radio" name="tenga_patente" value="1"> Tiene
                        </label>
                    </div>
                    <div class="form-check col-4 col-md-4 d-flex align-items-center" style="padding-right: 6px">
                        <label class="form-check-label">
                            <input type="radio" name="tenga_patente" value="2"> No Tiene
                        </label>
                    </div>
                </fieldset>
            </div>

            <div class="col-12 col-md-3">
                <label for="">RPSD de Prenda</label>
                <fieldset class="fieldset-panal-small row" style="padding-top: 6px">
                    <div class="form-check col-4 col-md-4 d-flex align-items-center">
                        <label class="form-check-label">
                            <input type="radio" name="tenga_rpsd_numero" value="0" checked> todos
                        </label>
                    </div>
                    <div class="form-check col-4 col-md-4 d-flex align-items-center">
                        <label class="form-check-label">
                            <input type="radio" name="tenga_rpsd_numero" value="1"> Tiene
                        </label>
                    </div>
                    <div class="form-check col-4 col-md-4 d-flex align-items-center" style="padding-right: 6px">
                        <label class="form-check-label">
                            <input type="radio" name="tenga_rpsd_numero" value="2"> No Tiene
                        </label>
                    </div>
                </fieldset>
            </div>

            <div class="col-12 col-md-3">
                <label for="">RPSD Año</label>
                <fieldset class="fieldset-panal-small row" style="padding-top: 6px">
                    <div class="form-check col-4 col-md-4 d-flex align-items-center">
                        <label class="form-check-label">
                            <input type="radio" name="tenga_rpsd_agno" value="0" checked> todos
                        </label>
                    </div>
                    <div class="form-check col-4 col-md-4 d-flex align-items-center">
                        <label class="form-check-label">
                            <input type="radio" name="tenga_rpsd_agno" value="1"> Tiene
                        </label>
                    </div>
                    <div class="form-check col-4 col-md-4 d-flex align-items-center" style="padding-right: 6px">
                        <label class="form-check-label">
                            <input type="radio" name="tenga_rpsd_agno" value="2"> No Tiene
                        </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>
<!-- ----------- FIN Buscador Avanzado --------- -->

{{-- <form id="listado_operaciones" action="{{route('alzamientoPrenda.alzamientoTomarRepertorioExcel')}}" method="post"> --}}
<form id="formulario_operaciones" method="post">
    @csrf
    <input type="hidden" name="proceso" value="2">
    <div class="table-responsive" id="contenedor-tabla" style="display: none">
        <table class="datatable cell-border display compact hover row-border nowrap" id="datatable" style="width:100%; ">
            <thead>
                <tr>
                    @if (isset($puede_tomar_repertorio) && $puede_tomar_repertorio === true)
                    <th><input type="checkbox" id="seleccionarTodo" name="seleccionarTodo"></th>
                    @endif
                    <th>Acciones</th>
                    <th>Anotaciones</th>
                    <th>Operacion</th>
                    <th>Estado</th>
                    <th>Coment. PrendaChile</th>
                    <th>Comentario Mandante</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>Tipo Vehículo</th>
                    <th>Marca</th>
                    <th>Modelo</th>
                    <th>Año</th>
                    <th>Color</th>
                    <th>Motor</th>
                    <th>VIN</th>
                    <th>Chasis</th>
                    <th>Nro. de Serie</th>
                    <th>Rut Cliente</th>
                    <th>Razón Social Cliente</th>
                    <th>Email Cliente</th>
                    <th>Fecha Ingreso</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($operaciones as $operacion)
                <tr>
                    @if (isset($puede_tomar_repertorio) && $puede_tomar_repertorio === true)
                    <td>
                        {{-- <div class="btn-group"> --}}
                            <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' : '' }}>
                        {{-- </div> --}}
                    </td>
                    @endif
                    <td>
                        <div style="display: inline-flex">
                        <div class="btn-group">
                            <a href="{{ route('alzamientoPrenda.edit', $operacion->id_operacion_detalle) }}" class="btn-panal-warning btn-sm mr-1" title="Editar">Editar</a>
                            {{-- <form
                                action="{{ route('alzamientoPrenda.destroy', $operacion->id_operacion_detalle) }}"
                                method="post" onsubmit="return confirm('¿Está seguro que desea eliminar el registro?')">
                                @csrf
                                <input type="hidden" name="id_operacion_detalle"
                                    value="{{ $operacion->id_operacion_detalle }}">
                                <button type="submit" class="btn-danger btn-sm mr-1">Eliminar</button>
                            </form> --}}
                            <a href="{{ route('alzamientoPrenda.show', $operacion->id_operacion_detalle) }}" class="btn-panal-primary btn-sm" title="Ver Detalles">Ver</a>
                            <h5 class="ml-2 mr-2">  </h5>
                        </div>
                        <!-- <a href="{{ route('alzamientoPrenda.duplicarOperacion', [$operacion->id_operacion_detalle]) }}"
                            class="btn-panal-light btn-sm mr-1" >Duplicar</a> -->
                            {{-- <button class="btn-panal-light btn-warning mr-1" onclick="duplicarOperacion({{$operacion->id_operacion_detalle}});" type="button">Duplicar</button> --}}
                        @if ($operacion->patente != null)
                            @if ($operacion->cav_folio)
                                {{-- <a href="{{ asset('cav/'.$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> --}} {{-- DEPRECAR: busca cav en la bbdd --}}
                                <a href="{{route('procesos.traerDocumento', [$operacion->id_operacion_detalle, '036', 'cav_' .$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;" title="Certificado de Anotaciones Vigentes">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
                                    {{-- <a href="#" class="btn-warning btn-sm">Sin CAV</a> --}}
                                    <span class="ml-1" style="">Sin CAV</span>
                                @endif
                            @endif
                            @if ($operacion->cpv_folio)
                                {{-- <a href="{{ asset('cav/cpv_'.$operacion->cpv_folio) }}.pdf" class="btn-dark btn-sm"
                                    onclick="window.open(this.href,'windowname','resizable,height=960,width=760'); return false;"
                                    id="btnVerCav">CPV</a> --}}
                                <a href="{{route('procesos.traerDocumento', [$operacion->id_operacion_detalle, '003', 'cpv_' .$operacion->cpv_folio . '.pdf'])}}" class="btn-secondary btn-sm"
                                    onclick="window.open(this.href,'windowname','resizable,height=960,width=760'); return false;" id="btnVerCpv" style="padding: 6px 8px 2px; margin-left: 4px;" title="Certificado de Prendas Vigentes">CPV</a>
                            @endif
                            @if (isset($operacion->chp_folio))
                                {{-- <a href="{{ asset('cav/cpv_'.$operacion->cpv_folio) }}.pdf" class="btn-dark btn-sm"
                                    onclick="window.open(this.href,'windowname','resizable,height=960,width=760'); return false;"
                                    id="btnVerCav">CPV</a> --}}
                                <a href="{{route('procesos.traerDocumento', [$operacion->id_operacion_detalle, '030', 'chp_' .$operacion->chp_folio . '.pdf'])}}" class="btn-info btn-sm"
                                    onclick="window.open(this.href,'windowname','resizable,height=960,width=760'); return false;" id="btnVerChp" style="padding: 6px 8px 2px; margin-left: 4px;" title="Certificado Histórico de Prendas">CHP</a>
                            @endif
                        @else
                            {{-- <p class="text-danger parpadea"><b>No tiene patente</b></p> --}}
                            {{-- <button type="button" class="btn-light btn-sm mr-1"
                                style="background-color: #eaeaea; color: #760000;" disabled>Sin PPU</button> --}}
                            <span class="ml-1" style="color: #d30000; /* padding: 2% 1% 0% 1%; */">Sin PPU</span>
                            {{-- <a href="#" class="btn-light btn-sm" style="background-color: #F6F6F6" >Sin PPU</a> --}}
                        @endif
                        </div>
                    </td>
                    <td>
                        @if ($operacion->cantidad_limitncion == 0)
                        {{-- <a href="#" class="ml-2 text-muted">{{$operacion->cantidad_limitncion}}</a> --}}
                        <button class="btn-panal-light btn-warning mr-1 text-muted" onclick="duplicarOperacion({{$operacion->id_operacion_detalle}});" type="button" style="width: 84px;" title="Cantidad de anotaciones en el CAV">{{$operacion->cantidad_limitncion}}</button>
                        @else
                        {{-- <a href="#" class="ml-2" style="">{{$operacion->cantidad_limitncion}}</a> --}}
                        <button class="btn-panal-light mr-1" onclick="duplicarOperacion({{$operacion->id_operacion_detalle}});" type="button" style="width: 84px;" title="Cantidad de anotaciones en el CAV">{{$operacion->cantidad_limitncion}}</button>
                        @endif
                    </td>
                    <td>{{-- <a href="{{ route('alzamientoPrenda.show', $operacion->id_operacion_detalle) }}"
                            class="btn-light btn-sm"
                            onclick="window.open(this.href,'windowname','resizable,height=800,width=1080'); return false;">{{$operacion->id_operacion_detalle}}</a>
                        --}}
                        {{$operacion->id_operacion_detalle}}
                        <!--
                        @if ($operacion->tiene_anotacion == 1)
                            <p class="text-primary" style="line-height:50%"> Tiene Anotaciones</p>
                        @endif
                        @if ($operacion->acreedor_es_mandante == 1)
                            <p class="text-primary" style="line-height:30%"> Acreedor es Mandante</p>
                        @endif
                        -->

                    </td>
                    {{-- <td>{{$operacion->nombre_estado}}</td> --}} {{-- ORIGINAL --}}
                    <td>
                        {{-- @switch($operacion->nombre_estado) --}}
                        @switch($operacion->codigo_estado)
                            @case('006')
                            <span style="background-color: #fff4d2">{{$operacion->nombre_estado}}</span>
                            @break
                            @case('005')
                            <a href="{{ route('mandanteAlias.validaAlias', [$operacion->id_operacion_detalle, $operacion->id_mandante, $operacion->mandante, $operacion->cav_folio])}}"
                            class="btn btn-warning btn-sm">{{$operacion->nombre_estado}}</a>
                            @break
                            @default
                            {{$operacion->nombre_estado}}
                        @endswitch
                        {{-- *** Lógica para implementar cración de Alias desde esta vista *** --}}
                        {{-- @if ($operacion->id_operacion_detalle_estado == 5)
                        <a href="{{ route('mandanteAlias.getNoEsMandante', [$operacion->id_operacion_detalle, $operacion->id_mandante, $operacion->mandante])}}"
                            class="btn btn-warning btn-sm">{{$operacion->nombre_estado}}</a>
                        @else {{$operacion->nombre_estado}}
                        @endif --}}
                    </td>
                    {{-- <td>
                        {{  $operacion->cantidad_limitncion }}
                    </td> --}}
                    <td class="ajuste-texto" style="font-size: 11px"
                        @if ($operacion->comentario_prenda_chile)
                            data-bs-toggle="popover"
                            data-bs-trigger="hover"
                            data-bs-delay="100"
                            data-bs-content="{{$operacion->comentario_prenda_chile}}"
                        >
                        {{ $operacion->comentario_prenda_chile }}
                        @endif
                    </td>
                    <td class="ajuste-texto" style="font-size: 11px">{{$operacion->comentario}}</td>
                    <td class="ajuste-texto" title="{{$operacion->mandante}}">{{$operacion->mandante}}</td>
                    <td>{{$operacion->nomina_forum}}</td>
                    {{-- <td>{{$operacion->numero_operacion_mandante}}</td> --}}
                    <td>{{$operacion->contrato}}</td>
                    @if ($operacion->nombre_estado == 'Creado' && ($operacion->patente == NULL || $operacion->patente ==
                    ''))
                    <td style="background-color: #ffd4d4">
                        @else
                    <td>
                        @endif
                        {{$operacion->patente}}
                    </td>
                    {{-- <td>{{$operacion->patente}}</td> --}}
                    {{-- @if ($operacion->nombre_estado == 'Creado' && $operacion->patente_dv == NULL)
                    <td style="background-color: #fdffca">
                        @else
                    <td>
                        @endif --}}
                        @if ($operacion->patente_dv == NULL || $operacion->patente_dv == '')
                    <td style="background-color: #fdffca">
                        @else
                    <td>
                        @endif
                        {{$operacion->patente_dv}}
                    </td>

                    {{-- @if ($operacion->nombre_estado == 'Creado' || 'Validado CAV' && $operacion->repertorio_rpsd ==
                    NULL) --}}
                    @if ($operacion->repertorio_rpsd == NULL || $operacion->repertorio_rpsd == '')
                    <td style="background-color: #fdffca">
                        @else
                    <td>
                        @endif
                        {{$operacion->repertorio_rpsd}}
                    </td>
                    {{-- @if ($operacion->repertorio_agno == NULL && $operacion->repertorio_rpsd != NULL) --}}
                    @if ($operacion->repertorio_agno == NULL || $operacion->repertorio_agno == '')
                    <td style="background-color: #fdffca">
                    @else
                    <td>
                    @endif
                        {{$operacion->repertorio_agno}}
                    </td>
                    <td>{{$operacion->tipo_vehiculo}}</td>
                    <td>{{$operacion->marca}}</td>
                    <td>{{$operacion->modelo}}</td>
                    <td>{{$operacion->ano}}</td>
                    <td>{{$operacion->color}}</td>
                    <td>{{$operacion->motor}}</td>
                    <td>{{$operacion->vin}}</td>
                    <td>{{$operacion->chasis}}</td>
                    <td>{{$operacion->nro_serie}}</td>
                    <td>{{$operacion->rut_cliente}}</td>
                    <td>{{$operacion->razon_social_cliente}}</td>
                    <td>{{$operacion->email_cliente}}</td>
                    <td>{{$operacion->fecha_ingreso}}</td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div><!-- table-responsive -->
</form>

<div class="modal" id="modal" tabindex="-1">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Modal title</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <p>Modal body text goes here.</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
        </div>
    </div>
</div>

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



@endsection