@extends('layouts.default')
@section('content')
<!-- Modal Reporte Inventario -->
<div class="modal fade" id="modalReporteInventario" tabindex="-1" role="dialog" aria-labelledby="modalReporteInventarioLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modalReporteInventarioLabel">Reporte de Inventarios</h5>

            </div>
            <div class="modal-body">
                <div class="col-12">
                    <div class="form-group">
                        <span class="x-label">Almacén:</span>
                        <select class="x-form-control" id="almacen" onchange="getEmpresaClasificacion()">

                        </select>
                    </div>
                </div>
                <div class="col-12">
                    <div class="form-group">
                        <span class="x-label">Empresa:</span>
                        <select class="x-form-control" id="clasificacion1" disabled>

                        </select>
                    </div>
                </div>
                <div id="selectsDinamicos">

                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" id="modalReporteInventarioClose" data-dismiss="modal">Cerrar</button>
                <button type="button" class="btn btn-danger" onclick="downloadInventario()">Descargar PDF</button>
                <button type="button" class="btn btn-success" onclick="downloadInventarioExcel()">Descargar EXCEL</button>
            </div>
        </div>
    </div>
</div>
<!-- End Modal -->
<div class="row">
    @foreach ($modulos as $modulo)
    <div class="col-12 col-xl-6" style="margin-top:1.2em">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title" style="font-size:1.2em">{{ $modulo['descripcion'] }}</h4>                    
                <div style="padding:10px">                
                    <div class="row">
                    @foreach ($modulo['submodulos'] as $submodulo)
                        <div class="col-6 col-xl-4">
                            <button id="button{{$submodulo->submodulo}}" type="button" class="{{ $submodulo->color }}" style="margin:.3em" onclick="javascript:document.location.href='{{ $submodulo->link }}'">
                                <i class="{{ $submodulo->icono }}" style="font-size:5em"></i>
                                <br/>
                                <span style="font-size:1.5em">{{ $submodulo->submodulo }}</span>
                            </button> 
                        </div>
                    @endforeach 
                    </div>    
                </div>
            </div>
        </div>
    </div> 
    @endforeach
    <!-- <div id="moduloTpv" class="col-12 col-xl-6" style="margin-top:1.2em; display:none">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title" style="font-size:1.2em">Punto de Venta</h4>                      
                <div style="padding:10px">                
                    <div class="row">
                        <div id="submoduloRemisiones" class="col-6 col-xl-4" style="display:none">
                            <button type="button" class="btn btn-primary btn-fw col-12" style="margin:.3em" onclick="javascript:document.location.href='remisiones';">
                                <i class="mdi mdi-cart" style="font-size:5em"></i>
                                <br/>
                                <span style="font-size:1.5em">Remisiones</span>
                            </button>    
                        </div>
                        <div id="submoduloCaja" class="col-6 col-xl-4" style="display:none">
                            <button type="button" class="btn btn-primary btn-fw col-12" style="margin:.3em" onclick="javascript:document.location.href='caja';">
                                <i class="mdi mdi-cash-multiple" style="font-size:5em"></i>
                                <br/>
                                <span style="font-size:1.5em">Caja</span>
                            </button> 
                        </div>
                        <div id="submoduloFacturacion" class="col-6 col-xl-4" style="display:none">    
                            <button type="button" class="btn btn-primary btn-fw col-12" style="margin:.3em">
                                <i class="mdi mdi-file-document" style="font-size:5em"></i>
                                <br/>
                                <span style="font-size:1.5em">Facturación</span>
                            </button>  
                        </div>
                    </div>  
                </div>
            </div>
        </div>
    </div> -->
    <!-- <div class="col-12 col-xl-6" style="margin-top:1.2em">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title" style="font-size:1.2em">Inventario</h4>                      
                <div class="d-flex" style="padding:10px">
                    <button type="button" class="btn btn-warning btn-fw col-6 col-xl-4" style="margin:.3em">
                        <i class="mdi mdi-sync" style="font-size:5em"></i>
                        <br/>
                        <span style="font-size:1.5em">Aleatorio</span>
                    </button>      
                </div>
            </div>
        </div>
    </div>  -->
    <!--<div class="col-12 col-xl-6" style="margin-top:1.2em">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title" style="font-size:1.2em">Inventario</h4>                      
                <div style="padding:10px">                
                    <div class="row">
                        <div class="col-6 col-xl-4">
                            <button type="button" class="btn btn-success btn-fw col-12" style="margin:.3em" onclick="javascript:document.location.href='compras';">
                                <i class="mdi mdi-shopping" style="font-size:5em"></i>
                                <br/>
                                <span style="font-size:1.5em">Compras</span>
                            </button>    
                        </div>
                        <div class="col-6 col-xl-4">
                        <button type="button" class="btn btn-success btn-fw col-12" style="margin:.3em" onclick="javascript:document.location.href='traspasos';">
                            <i class="mdi mdi-cube-send" style="font-size:5em"></i>
                            <br/>
                            <span style="font-size:1.5em">Traspasos</span>
                        </button> 
                        </div>
                        <div class="col-6 col-xl-4">    
                        <button type="button" class="btn btn-success btn-fw col-12" style="margin:.3em" onclick="javascript:document.location.href='entradasalida';">
                            <i class="mdi mdi-swap-horizontal" style="font-size:5em"></i>
                            <br/>
                            <span style="font-size:1.4em">Entradas/Salidas</span>
                        </button>  
                        </div>
                    </div>  
                </div>
            </div>
        </div>
    </div>
    <div class="col-12 col-xl-6" style="margin-top:1.2em">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title" style="font-size:1.2em">Contabilidad</h4>                      
                <div style="padding:10px">                
                    <div class="row">
                        <div class="col-6 col-xl-4">
                            <button type="button" class="btn btn-warning btn-fw col-12" style="margin:.3em" onclick="javascript:document.location.href='#';">
                                <i class="mdi mdi-cart-plus" style="font-size:5em"></i>
                                <br/>
                                <span style="font-size:1.5em">Gastos</span>
                            </button>    
                        </div>
                        <div class="col-6 col-xl-4">
                        <button type="button" class="btn btn-warning btn-fw col-12" style="margin:.3em" onclick="javascript:document.location.href='#';">
                            <i class="mdi mdi-calculator" style="font-size:5em"></i>
                            <br/>
                            <span style="font-size:1.7em">CXC</span>
                        </button> 
                        </div>
                        <div class="col-6 col-xl-4">    
                        <button type="button" class="btn btn-warning btn-fw col-12" style="margin:.3em" onclick="javascript:document.location.href='#';">
                            <i class="mdi mdi-cash-multiple" style="font-size:5em"></i>
                            <br/>
                            <span style="font-size:1.7em">CXP</span>
                        </button>  
                        </div>
                    </div>  
                </div>
            </div>
        </div>
    </div>
    <div class="col-12 col-xl-6" style="margin-top:1.2em">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title" style="font-size:1.2em">Catálogos</h4>                      
                <div style="padding:10px">                
                    <div class="row">
                        <div class="col-6 col-xl-4">
                            <button type="button" class="btn btn-danger btn-fw col-12" style="margin:.3em" onclick="javascript:document.location.href='catalogo_TPV';">
                                <i class="mdi mdi-account-edit" style="font-size:5em"></i>
                                <br/>
                                <span style="font-size:1.5em">TPV</span>
                            </button>    
                        </div>
                        <div class="col-6 col-xl-4">
                        <button type="button" class="btn btn-danger btn-fw col-12" style="margin:.3em" onclick="javascript:document.location.href='tiendas';">
                            <i class="mdi mdi-home-map-marker" style="font-size:5em"></i>
                            <br/>
                            <span style="font-size:1.5em">Inventarios</span>
                        </button> 
                        </div>
                        <div class="col-6 col-xl-4">    
                        <button type="button" class="btn btn-danger btn-fw col-12" style="margin:.3em" onclick="javascript:document.location.href='#';">
                            <i class="mdi mdi-book-open-page-variant" style="font-size:5em"></i>
                            <br/>
                            <span style="font-size:1.4em">Contabilidad</span>
                        </button>  
                        </div>
                    </div>  
                </div>
            </div>
        </div>
    </div>
    <div class="col-12 col-xl-6" style="margin-top:1.2em">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title" style="font-size:1.2em">Permisos y configuraciones</h4>                      
                <div style="padding:10px">                
                    <div class="row">
                        <div class="col-6 col-xl-4">
                            <button type="button" class="btn btn-info btn-fw col-12" style="margin:.3em" onclick="javascript:document.location.href='#';">
                                <i class="mdi mdi-account-key" style="font-size:5em"></i>
                                <br/>
                                <span style="font-size:1.5em">Accesos</span>
                            </button>    
                        </div>
                        <div class="col-6 col-xl-4">
                        <button type="button" class="btn btn-info btn-fw col-12" style="margin:.3em" onclick="javascript:document.location.href='#';">
                            <i class="mdi mdi-square-inc-cash" style="font-size:5em"></i>
                            <br/>
                            <span style="font-size:1.7em">Precios</span>
                        </button> 
                        </div>
                        <div class="col-6 col-xl-4">    
                        <button type="button" class="btn btn-info btn-fw col-12" style="margin:.3em" onclick="javascript:document.location.href='#';">
                            <i class="mdi mdi-settings" style="font-size:5em"></i>
                            <br/>
                            <span style="font-size:1.7em">Otro</span>
                        </button>  
                        </div>
                    </div>  
                </div>
            </div>
        </div>
    </div> -->
</div>
@stop
@section('jspage')
    <script src="jsprod/reportes.js"></script>
@stop