@extends('administrador.masteradmin')
@section('stylemodules')

<link href="css/owl.carousel.min.css" rel="stylesheet" />
<link href="css/owl.theme.default.min.css" rel="stylesheet" />
<link href="css/jquery.fancybox.min.css" rel="stylesheet" />
<link href="css/easy-autocomplete.min.css" rel="stylesheet" />
<link href="css/easy-autocomplete.themes.min.css" rel="stylesheet" />
@endsection

<style>
        .contenedor {
            display: flex;
            justify-content: center;
        }
</style>

@section('content')

@if(hasPermiso('existenciaOficina')==1)


<div id="mainApp" class="container">
    <div class="row" >
        <div class="col-md-12">
            <div class="titlemodule"><img src="{{ asset('storage/images/vehicles.png') }}">Mantenedor de Existencias Oficina</div>
            
        </div>
    </div>


    <div id='capaModal'>
         @include('administrador.existenciasOficina.formulario')
         @include('administrador.existenciasOficina.form_validarTransportista')
         @include('administrador.existenciasOficina.importarcertificado')
         @include('administrador.existenciasOficina.form_EmailenviarFotosInventario')
        
            <input id="btnNuevo" type="button" class="botonFormulario pull-right" data-toggle="modal" data-target="#newUpdateExistencias" v-on:click="crearIngreso" value="Nueva Existencia">
           
            <br><br>
        
    </div>
    <br>

       
    
                <div class="row">
                    <div class="col-md-12" >
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                Listado de Existencias
                                <div class="btn-group pull-right">
                                    <button type="button" value="Bodega-Normal" onclick="filtrarEstado(this.value)"  class="Bodega-Normal">Bodega Normal</button>
                                    <button type="button" value="Bodega-Certificado" onclick="filtrarEstado(this.value)"  class="Bodega-Certificado">Bodega Certificado</button>
                                    {{-- <button type="button" value="Propuesto-Remate" onclick="filtrarEstado(this.value)" class="Propuesto-Remate">Propuesto Remate</button> --}}
                                    <button type="button" value="Orden-Salida-SinRetirar" onclick="filtrarEstado(this.value)"  class="Orden-Salida-SinRetirar">Orden Salida Sin Retirar</button> 
                                    <button type="button" value="consultabd" class="todos" onclick="filtrarEstado(this.value)">TODOS</button>


                                </div>


                            </div>
                               
                            <div class="panel-body">
                                <div id="listado_existencias">  
                                    <listadoexistencias class="listatabla table-responsive" @view-ingreso="getIngreso"></listadoexistencias>
                                    
                                </div>

                            </div>
                        </div>
                        
                    </div>
                </div>

      

</div>
@else

    {{ accion_indebida() }}

@endif



@endsection

@section('scriptsmodules')
<script src="js/existenciasOficina.js"></script>

<script src="js/jquery.fancybox.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.easy-autocomplete.min.js"></script>


@endsection