@extends('layouts.dashboard')

@section('dashboard')
    <ul class="breadcrumb m-0 p-0">
        <li><a href="/dashboard">Home</a></li>
        <li><strong>Inventario Movimientos</strong></li>
    </ul>
    @if (session('message'))
        <div class="alert {{ session('alert') }} mb-0">
            {{ session('message') }}
        </div>
    @endif
    <div class="row align-items-center">
        <div class="col-md-auto form-group">
            <h1 class="titulo-h1 mb-0">Inventario Movimientos</h1>
        </div>
                <div class="col-md pl-md-1 pr-md-4">
            <form class="row align-items-end justify-content-end form-registro form-enter" method="post" id="form-filtro"
                onsubmit="return filtrarMovimientos(this.id, true)">
                @php
                    $permiso = \FCRD::permiso();
                @endphp
                <div class="col col-md-auto form-group pr-md-0">
                    <label for="excluir" class="small mb-0">Buscar por SKU</label>
                    <input type="search" class="form-control form-control-sm" name="sku-producto-movimiento"
                        id="sku-producto-movimiento">
                </div>
                @if (array_intersect($permiso, [1]))
                    <div class="col col-md-auto form-group pr-md-0">
                        <label for="excluir" class="small mb-0">Sucursales</label>
                        @php $sucursales = \FCRD::listSucursalesEmpresa(); @endphp
                        {{-- cargarMovimientosSucursal(this.value), --}}
                        <select class="form-control form-control-sm select2" id="sucursal"
                            onchange="cargarBodegasSucursal(this.value)" name="sucursal_id_movimiento">
                            <option value="">Seleccione la sucursal</option>
                                                        <option value="todas">Todas</option>

                        </select>
                    </div>
                @endif
                <div class="col col-md-auto form-group pr-md-0">
                    <label for="excluir" class="small mb-0">Bodegas</label>
                    @php $bodegas = \FCRD::getBodegasUsuario(); @endphp
                    {{-- onchange="cargarMovimientosBodega(this.value)" --}}
                    <select class="form-control form-control-sm select2" id="bodega" name="bodega_id_movimiento">
                        <option value="">Seleccione la bodega de origen</option>
                                                <option value="todas">Todas</option>

                    </select>
                </div>


                <div class="col col-md-auto form-group pr-md-0">
                    <input type="hidden" name="offset">
                    <button type="submit" class="btn btn-primary btn-sm blq-btn" id="btn-filtrar"><i
                            class="fa fa-search"></i> Filtrar</button>
                </div>
            </form>
        </div>
            </div>

    <div class="row" id="box-info-producto">
        {{-- @include('dashboard.dte.info-producto-ubicacion') --}}
    </div>

    <div class="card">
        <div class="card-body">
            <div id="body-movimiento" class="table-responsive">
                {{-- @include('dashboard.dte.table-inventario-movimientos') --}}
                <table class="table table-hover" style="font-size: 14px;">
                    <thead>
                        <tr>
                            <th>Nº Folio</th>
                            <th>Documento</th>
                            <th>Concepto</th>
                            <th>Producto</th>
                            <th>Posición</th>
                            <th class="text-center">Movimiento</th>
                            {{-- <th class="text-center">Tipo de Ajuste</th> --}}
                            <th class="text-center">Cantidad</th>
                            <th class="text-center">Saldo Historico</th>
                            <th class="text-center">Usuario</th>
                            <th>Fecha</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr class="text-center">
                            <td colspan="10">No hay movimientos registrados</td>
                        </tr>
                    </tbody>

                </table>
            </div>
        </div>
    </div>
@endsection

<style>
    .box-posicion .posicion .ubicacion-producto {

        top: 21px !important;
        left: 493px !important;

    }
</style>