@extends('layouts.dashboard')

@section('dashboard')
    
    <ul class="breadcrumb m-0 p-0">
        <li><a href="/dashboard">Home</a></li>
        <li><strong>{{ $titulo }}</strong></li>
    </ul>
    @if(session('message'))
        <div class="alert {{ session('alert') }} mb-0">
            {{ session('message') }}
        </div>
        @if(session('faltantes') && is_array(session('faltantes')) && !empty(session('faltantes')))
            <div class="alert alert-warning my-3">
                <ul class="pl-3 mb-0">
                    @foreach(session('faltantes') as $faltante)
                        <li>{{ $faltante }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
    @endif
    <div class="row align-items-center mb-4">
        <div class="col-md-auto col-hd-3">
            <div class="row align-items-end">
                <div class="col-md-auto">
                    <h1 class="titulo-h1 mb-0">{{ $titulo }}</h1>
                </div>
            </div>
        </div>
        <div class="col-md">
            <form method="post" class="row row-mini align-items-end justify-content-end form-registro form-enter" id="form-dte" onsubmit="return cargarGuiasDeDespacho(this.id, true)">
                <div class="col-md-auto form-group">
                    <label class="small mb-0">Desde:</label>
                    <input type="date" name="fecha-desde" class="form-control form-control-sm input-date" max="{{ date('Y-m-d') }}" value="{{ date('Y-m') }}-01">
                </div>
                <div class="col-md-auto form-group">
                    <label class="small mb-0">Hasta:</label>
                    <input type="date" name="fecha-hasta" class="form-control form-control-sm input-date" max="{{ date('Y-m-d') }}" value="{{ date('Y-m-d') }}">
                </div>
                <div class="col-md-3 form-group">
                    <select name="estado[]" id="estado" class="form-control form-control-sm select2" multiple="multiple" data-toggle="select2" data-placeholder="Filtrar por estado">
                        <option value="">-- Estado --</option>
                        <option value="pendiente">Pendiente</option>
                        <option value="recepcionado">Recepcionado</option>
                        <option value="almacenado">Almacenado</option>
                        <option value="no-recibido">No Recibido</option>

                    </select>
                </div>
                <div class="col-md-4 form-group">
                    <div class="row no-gutters align-items-end">
                        <div class="col-5 dropdown">
                            <button class="dropdown-toggle form-control form-control-sm" type="button" id="tipo-busqueda" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Nº folio</button>
                            <ul class="dropdown-menu rounded-0 p-0 m-0" aria-labelledby="tipo-busqueda">
                                <li class="mb-0"><button type="button" class="btn-limpio dropdown-item small px-3 py-2" onclick="tipoBusquedaDTE(this, 'folio', 'number')">Nº folio</button></li>
                                <li class="mb-0"><button type="button" class="btn-limpio dropdown-item small px-3 py-2" onclick="tipoBusquedaDTE(this, 'rut', 'rut')">RUT Proveedor</button></li>
                                <li class="mb-0"><button type="button" class="btn-limpio dropdown-item small px-3 py-2" onclick="tipoBusquedaDTE(this, 'nombre', 'text')">Nombre / Razón social</button></li>
                                <li class="mb-0"><button type="button" class="btn-limpio dropdown-item small px-3 py-2" onclick="tipoBusquedaDTE(this, 'monto', 'price')">Monto total</button></li>
                                <li class="mb-0"><div class="dropdown-divider m-0"></div><button type="button" class="btn-limpio dropdown-item small px-3 py-2" onclick="tipoBusquedaDTE(this, 'todo', 'text')">Todo</button></li>
                            </ul>
                        </div>
                        <div class="col">
                            <input type="number" name="buscar" class="form-control form-control-sm" min="1" placeholder="Buscar">
                        </div>
                    </div>
                </div>
                <div class="col-md-auto form-group text-right pl-md-1">
                    <input type="hidden" name="cargar-dte-guia-despacho" value="true">
                    <input type="hidden" name="offset">
                    <input type="hidden" name="tipo-busqueda-dte" value="folio">
                    <button type="submit" class="btn btn-primary btn-sm"><i class="fa fa-search"></i> Filtrar</button>
                </div>
            </form>
        </div>
    </div>

    <div class="card">
        <div class="card-body" id="list-dte">
            @include('dashboard.dte.guia-despacho.table-guia-despacho')
        </div>
    </div>

@endsection

@section('scripts')

    <script>
        $(document).ready(function() {
            $('.list-paginacion a').map(function() {
                var page = $(this).attr('href').split('page=')[1];
                return $(this).attr('href', 'javascript: void(0)').attr('onclick', 'cambiarPaginaDTE('+page+')');
            }).get();
        });
    </script>

    {{-- @if($origen == 'externos')
        <script>
            $(document).ready(function() {
                cargarFacturasCompraNoRecibidas();
                setInterval(function() {
                    cargarFacturasCompraNoRecibidas();
                }, 1800000);
            });
        </script>
    @endif --}}

@endsection