@extends('dashboardMandante/layout')
@section('titulo', 'Home')
@section('content')

<ul class="nav nav-tabs">
    <li class="nav-item">
        <a class="nav-link inactiva" href="{{route('dash')}}"><img src="/images/md-home.png" width="20px" style="filter: opacity(0.3)"> INICIO</a>
    </li>
    <li class="nav-item">
        <a class="nav-link inactiva" href="{{route('dashMandante.alzamiento')}}">ALZAMIENTOS</a>
    </li>
    <li class="nav-item">
        <a class="nav-link inactiva" href="{{route('dashMandante.prenda')}}">PRENDAS</a>
    </li>
    <li class="nav-item">
        <a class="nav-link inactiva" href="{{route('dashMandante.transferencia')}}">TRANSFERENCIAS</a>
    </li>
    <li class="nav-item">
        <a class="nav-link inactiva" href="{{route('dashMandante.leasing')}}">LEASING</a>
    </li>
    <li class="nav-item">
        <a class="nav-link active" href="{{route('dashMandante.autorizar')}}">AUTORIZAR</a>
    </li>
    <li>
        <a class="btn btn-outline-success btn-sm ml-2 mt-1" href="{{route('dashMandante.firmador')}}" style=""><img src="/images/sign-document-icon.png" width="22px" style="filter: opacity(0.6)"> FIRMADOR</a>
    </li>
</ul>
<div class="tab-content">
    <div class="row container-fluid">

        <div class="row col-12">
            <div class="col-lg-3 col-sm-12 mb-3">
                <label for="operaciones" class="form-label">Operaciones</label>
                <select class="form-select " name="operaciones" id="">
                    <option selected>---Selecionar---</option>
                    <option value="">Alzamientos</option>
                    <option value="">Prendas</option>
                </select>
            </div>
        </div>

        {{-- <div class="card mb-3" style="background-color: #FAFAFF; padding: 1em"> --}}
            {{-- <h6 style="color: #9B7FFB"> Filtros de Búsqueda</h6> --}}
            <form action="{{ route('dashAlzamiento.buscar') }}" method="post">
                @csrf
                <div class="row mb-3">
                    <div class="row">
                        <label for="multidata">Nombre o RUT Cliente, Contrato</label>
                    </div>
                    <div class="col-lg-6 col-sm-12 mb-1">
                        <input type="text" name="multidata" class="form-control">
                    </div>
                    <div class="col-lg-2 col-sm-12">
                        <button type="submit" id="filtrar" class="btn-secondary btn-block btn-sm"><img src="\images\search_white_20x20.svg"> BUSCAR</button>
                    </div>
                    {{-- <div class="col-10 mt-4">
                    </div> --}}
                </div>
            </form>
        {{-- </div> --}}
        <br>
        <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 class="row col-12">
            <div class="col-lg-3 col-md-3 col-sm-6 mr-3">
            <a class="btn btn-primary btn-block ml-2 mt-1" href="#" style=""><img src="\assets\lib\ionicons\collection\icon\svg\ios-checkbox-outline.svg" width="26px" >&nbsp; AUTORIZAR CONTRATOS</a>
            </div>
            <div class="col-lg-2 col-sm-3 ml-3">
            <a class="btn btn-danger btn-sm ml-2 mt-1" href="#" style=""><img src="\assets\lib\ionicons\collection\icon\svg\ios-close-circle-outline.svg" width="30px">&nbsp; ELIMINAR</a>
            </div>
        </div>

        <div class="table-responsive mt-3">
            {{-- <table class="table  table-striped table-hover"> --}}
            <table class="datatable cell-border display compact hover row-border nowrap" id="datatable" style="width:100%">
                <thead>
                    <tr>
                        <th><input type="checkbox" name="" id=""></th>
                        <th>PrendaChile</th>
                        <th>Contrato</th>
                        <th>RPSD Prenda</th>
                        <th>Patente</th>
                        <th>Cliente</th>
                        <th>Fecha Ingreso</th>
                        <th>Fecha IRVM</th>
                        <th>Oficina</th>
                        <th>RPSD Alzamiento</th>
                        <th>Tipo Prenda</th>
                        <th>Último Estado</th>
                        <th>Documentos</th>
                    </tr>
                </thead>
                <tbody>
                    <tr class="">
                        <td><input type="checkbox" name="" id=""></td>
                        <td>200330</td>
                        <td>LB12858</td>
                        <td>7653</td>
                        <td>DFNH45-0</td>
                        <td>JORGE EDUARDO LOPEZ VARGAS</td>
                        <td>12-12-2023</td>
                        <td>05-01-2024</td>
                        <td>ALAMEDA</td>
                        <td>95847</td>
                        <td>E</td>
                        <td>06-01-2023 AUTORIZADO</td>
                        <td><img src="../images/Pdf_logo_001_20x20.png"></td>
                    </tr>
                    <tr class="">
                        <td><input type="checkbox" name="" id=""></td>
                        <td>200334</td>
                        <td>LB12345</td>
                        <td>7665</td>
                        <td>KRPY13-1</td>
                        <td>LUIS FERNANDO RIVERA RAMIREZ</td>
                        <td>12-12-2023</td>
                        <td>05-01-2024</td>
                        <td>ALAMEDA</td>
                        <td>95855</td>
                        <td>E</td>
                        <td>06-01-2023 AUTORIZADO</td>
                        <td><img src="../images/Pdf_logo_001_20x20.png"></td>
                    </tr>
                    <tr class="">
                        <td><input type="checkbox" name="" id=""></td>
                        <td>200335</td>
                        <td>LB12999</td>
                        <td>23998</td>
                        <td>LKFH72-7</td>
                        <td>JESSICA ALEXANDRA BIDART ORELLANA</td>
                        <td>12-12-2023</td>
                        <td>05-01-2024</td>
                        <td>ALAMEDA</td>
                        <td>95856</td>
                        <td>E</td>
                        <td>06-01-2023 AUTORIZADO</td>
                        <td><img src="../images/Pdf_logo_001_20x20.png"></td>
                    </tr>
                    <tr class="">
                        <td><input type="checkbox" name="" id=""></td>
                        <td>200338</td>
                        <td>LB12123</td>
                        <td>1009</td>
                        <td>LPLJ89-9</td>
                        <td>SORAYA IVONNE SEPULVEDA SALAZAR</td>
                        <td>12-12-2023</td>
                        <td>05-01-2024</td>
                        <td>ALAMEDA</td>
                        <td>95863</td>
                        <td>E</td>
                        <td>06-01-2023 AUTORIZADO</td>
                        <td><img src="../images/Pdf_logo_001_20x20.png"></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>








@endsection