@extends('layouts.dashboard')

@section('dashboard')

    @if(session('message') && session('alert'))
        <div class="alert {{ session('alert') }} mb-3">
            {{ session('message') }}
        </div>
    @endif

    <ul class="breadcrumb m-0 p-0">
        <li><a href="/dashboard">Home</a></li>
        <li><strong>Reporte de Recepción de Inventario</strong></li>
    </ul>
    <div class="row align-items-end mb-3">
        <div class="col-md-auto form-group">
            <h1 class="titulo-h1 mb-0">Reporte de Recepción de Inventario</h1>
        </div>
        <div class="col-md form-group">
                <form method="post" action="{{ route('cargar-reporte-recepcion-inventario') }}" class="row row-mini align-items-end justify-content-end form-registro form-enter" id="form-recepcion" onsubmit="return cargarReporteRecepcionInventario(this.id, true)">
                    <div class="col-md-auto">
                        <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">
                        <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">
                        <label class="small mb-0">Estado:</label>
                        <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>
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label class="small mb-0">Documentos:</label>
                        <select name="documento[]" id="documento" class="form-control form-control-sm select2" multiple="multiple" data-placeholder="Documentos">
                            <option value="">-- Documento --</option>
                            @foreach($documentos as $d)
                                <option value="{{ $d->dte_tipo_id }}">{{ $d->dte_tipo_nombre }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-auto">
                        <label class="small mb-0">Folio:</label>
                        <input type="number" name="folio" class="form-control form-control-sm" min="0">
                    </div>
                    <div class="col-md-auto text-right pl-md-1">
                        <input type="hidden" name="offset">
                        <input type="hidden" name="ver-todos">
                        <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 list-recepcion">
            @include('dashboard.inventario.table-reporte-recepcion-inventario')
        </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', 'cambiarReporteRecepcionInventario('+page+')');
            }).get();
        });
    </script>

@endsection