@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 active" href="{{route('dashMandante.transferencia')}}">TRANSFERENCIAS</a>
    </li>
    <li class="nav-item">
        <a class="nav-link inactiva" href="{{route('dashMandante.leasing')}}">LEASING</a>
    </li>
    <li>
        <a class="btn btn-outline-primary btn-sm ml-2 mt-1" href="{{route('dashMandante.autorizar')}}" style=""><img src="\assets\lib\ionicons\collection\icon\svg\ios-checkbox-outline.svg" width="22px" style="filter: opacity(0.6)"> 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 obcurecido">

        <div class="card mb-3" style="background-color: #FAFAFF; padding: 1em">
            {{-- <h6 style="color: #9B7FFB"> Filtros de Búsqueda</h6> --}}
            <form action="{{ route('dashMandante.alzamiento') }}" method="post">
                @csrf
                <div class="row mb-3">
                    <div class="col-3">
                        <label for="multidata">Nombre o RUT Cliente, Contrato, Patente</label>
                        <input type="text" name="multidata" class="form-control">
                    </div>
                    <div class="col-2">
                        <label for="fecha_desde">Fecha Desde</label>
                        <input type="date" name="fecha_desde" id="" class="datepicker form-control"
                            style="background-color: #ffffff">
                    </div>
                    <div class="col-2">
                        <label for="fecha_hasta">Fecha Hasta</label>
                        <input type="date" name="fecha_hasta" id="" class="datepicker form-control"
                            style="background-color: #ffffff">
                    </div>
                    <div class="col-2">
                        <label for="id_estado">Estado</label>
                        <select name="id_estado" id="id_estado" class="form-control ">
                            <option value="">---Seleccionar---</option>
                            <option value="01">Creado</option>
                            <option value="02">Confeccionado</option>
                            <option value="03">Esperando Firma Mandante</option>
                            <option value="04">Firmado Mandante</option>
                            <option value="05">Ingresado a Notaría</option>
                            <option value="06">Firmado Notario</option>
                            <option value="07">Alzado</option>
                            {{-- @foreach ($estados as $estado)
                            <option value="{{ $estado->id_operacion_detalle_estado }}">{{ $estado->nombre }}</option>
                            @endforeach --}}
                        </select>
                    </div>
                    <div class="col-3">
                        <label for="id_notificacion">Notificación</label>
                        <select name="id_notificacion" id="id_notificacion" class="form-control">
                            <option value="">---Seleccionar---</option>
                            <option value="01">Aceptado</option>
                            <option value="02">Enviado</option>
                            <option value="03">Rebotado</option>
                            <option value="04">Rechazado</option>
                            {{-- @foreach ($mandantes as $mandante)
                            <option value="{{ $mandante->id_mandante }}">{{ $mandante->razon_social }}</option>
                            @endforeach --}}
                        </select>
                    </div>
                    <div class="mt-4">
                        <button type="submit" id="filtrar" class="btn-secondary btn-sm btn-block"><img src="\images\search_white_20x20.svg"> BUSCAR</button>
                    </div>
                    {{-- <div class="col-10 mt-4">
                    </div> --}}
                </div>
            </form>
        </div>
        <div>
            <br>
        <!-- ================  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="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>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>R1C1</td>
                        <td>R1C2</td>
                        <td>R1C3</td>
                        <td>R1C4</td>
                        <td>R1C5</td>
                        <td>R1C6</td>
                        <td>R1C7</td>
                        <td>R1C8</td>
                        <td>R1C9</td>
                        <td>R1C10</td>
                        <td>R1C11</td>
                        <td>R1C12</td>
                    </tr>
                    <tr class="">
                        <td>R2C1</td>
                        <td>R2C2</td>
                        <td>R2C3</td>
                        <td>R2C4</td>
                        <td>R2C5</td>
                        <td>R2C6</td>
                        <td>R2C7</td>
                        <td>R2C8</td>
                        <td>R2C9</td>
                        <td>R2C10</td>
                        <td>R2C11</td>
                        <td>R2C12</td>
                    </tr>
                </tbody>
            </table>
        </div>





    </div>
</div>








@endsection