@extends('layouts.dashboard')

@section('dashboard')

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

    <ul class="breadcrumb m-0 p-0">
        <li><a href="/dashboard">Home</a></li>
        <li><strong>Almacenamiento</strong></li>
    </ul>
    <div class="row align-items-end mb-3">
        <div class="col-md-auto form-group">
            <h1 class="titulo-h1 mb-0">Almacenamiento</h1>
        </div>
        <div class="col-md-auto form-group">
            <div class="dropdown">
                <button class="btn btn-info btn-sm dropdown-toggle" type="button" id="dropdownMenuButton-1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Opciones</button>
                <div class="dropdown-menu" aria-labelledby="dropdownMenuButton-1" style="">
                                        <button type="button" class="dropdown-item small border-0 bg-transparent w-100 blq-btn" onclick="recepcionInventarioTodos()">Mostrar todos</button>
                </div>
            </div>
        </div>
        <div class="col-md form-group">
            <form method="post" action="{{ route('cargar-recepcion-inventario') }}" class="row row-mini align-items-end justify-content-end form-registro form-enter" id="form-recepcion" onsubmit="return cargarRecepcionInventario(this.id, true)">
                <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-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', 'cambiarRecepcionInventario('+page+')');
            }).get();
        });
    </script>

@endsection