<!DOCTYPE html>
<html lang="ES-es">
    <head>
        @include('layout.includes.head')
    </head>
    <body class="pushable"  style="overflow :hidden">
        
        <!--start sidebar-->
        @if (Auth::guard("usuario")->user()->id_rol == 1)
            @include('layout.includes.sidebar-admin')
        @elseif (Auth::guard("usuario")->user()->id_rol == 2)
            @include('layout.includes.sidebar-ventas')
        @elseif (Auth::guard("usuario")->user()->id_rol == 3)
            @include('layout.includes.sidebar-almacen')
        @elseif (Auth::guard("usuario")->user()->id_rol == 4)
            @include('layout.includes.sidebar-ventas-almacen')    
        @endif
        
        <!--end sidebar-->

        <!--start pusher-->
        <div class="pusher" id="pusher" style="visibility:hidden">
            <!--start navbar--> 
            @include('layout.includes.navbar')
            <!--end navbar--> 

            <!--start content--> 
            <div class="ui equal width left aligned padded grid stackable centered">

                <div class="row">

                    @yield('content')

                </div>        
            </div>

            <!--end content--> 

        </div>
        <!--end pusher-->

        <!--start page loader-->
        <div id="loader">
            <div class="ui active dimmer" style="position: fixed;">
                <div class="ui big text loader ">Cargando...</div>
            </div>
        </div>
        <!--end page loader-->

        <!--start ajax loader-->
        <div class="ui disabled inverted dimmer ajax" id="ajax_loader" style="position: fixed;">
            <div class="ui large loader"></div>
        </div>
        <!--end ajax loader-->     

        <!--start footer-->
        @include('layout.includes.footer')
        <!--end footer-->
        

        <!--start content scripts-->
        @yield('scripts')
        <!--end content scripts-->


        <!--start details modal -->
        <div class="ui standard small modal" id="detalles_modal_alerta">
            <div class="header">Información del Producto</div>
            <div class="content">
                <div class="description">
                    <div class="ui equal width grid">
                        <div class="row" style="padding-bottom: 0 !important">
                            <div class="six wide column " style="text-align: right"><b>Codigo de Barras : </b></div>
                            <div class="ten wide column"><span id="alerta_1"></span></div>
                        </div>
                        <div class="row" style="padding-bottom: 0 !important">
                            <div class="six wide column " style="text-align: right"><b>Nombre : </b></div>
                            <div class="ten wide column"><span id="alerta_2"></span></div>
                        </div>
                        <div class="row" style="padding-bottom: 0 !important">
                            <div class="six wide column " style="text-align: right"><b>Descripción o Marca : </b></div>
                            <div class="ten wide column"><span id="alerta_3"></span></div>
                        </div>
                       <div class="row" style="padding-bottom: 0 !important">
                            <div class="six wide column " style="text-align: right"><b>Tipo de Producto : </b></div>
                            <div class="ten wide column"><span id="alerta_4"></span></div>
                        </div>
                        <div class="row" style="padding-bottom: 0 !important">
                            <div class="six wide column " style="text-align: right"><b>Fecha de Vencimiento : </b></div>
                            <div class="ten wide column"><span id="alerta_5" style="color: red"></span></div>
                        </div>
                        <div class="row" style="padding-bottom: 0 !important">
                            <div class="six wide column " style="text-align: right"><b>Tipo de Presentacion : </b></div>
                            <div class="ten wide column"><span id="alerta_6"></span></div>
                        </div>
                        <div class="row" style="padding-bottom: 0 !important">
                            <div class="six wide column " style="text-align: right"><b>Unidad de Medida : </b></div>
                            <div class="ten wide column"><span id="alerta_7"></span></div>
                        </div>
                        <div class="row" style="padding-bottom: 0 !important">
                            <div class="six wide column " style="text-align: right"><b>Situacion de Impuesto : </b></div>
                            <div class="ten wide column"><span id="alerta_8"></span></div>
                        </div>
                        <div class="row" style="padding-bottom: 0 !important">
                            <div class="six wide column " style="text-align: right"><b>Tipo de Impuesto : </b></div>
                            <div class="ten wide column"><span id="alerta_9"></span></div>
                        </div>
                        <div class="row" style="padding-bottom: 0 !important">
                            <div class="six wide column " style="text-align: right"><b>Valor de Impuesto : </b></div>
                            <div class="ten wide column"><span id="alerta_10"></span></div>
                        </div>
                        <div class="row" style="padding-bottom: 0 !important">
                            <div class="six wide column " style="text-align: right"><b>Precio de Venta Unitario : </b></div>
                            <div class="ten wide column"><span id="alerta_11"></span></div>
                        </div>
                        <div class="row" style="padding-bottom: 0 !important">
                            <div class="six wide column " style="text-align: right"><b>Ubicacion del producto : </b></div>
                            <div class="ten wide column"><span id="alerta_12"></span></div>
                        </div>
                        <div class="row" style="padding-bottom: 0 !important">
                            <div class="six wide column " style="text-align: right"><b>STOCK ACTUAL : </b></div>
                            <div class="ten wide column"><span id="alerta_13" style="color: red"></span></div>
                        </div>
                        <div class="row" style="padding-bottom: 0 !important">
                            <div class="six wide column " style="text-align: right"><b>Cantidad para alerta : </b></div>
                            <div class="ten wide column"><span id="alerta_14"></span></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="actions">
                <div class="ui black left floated labeled icon deny button">Cerrar<i class="times icon"></i></div>
                <div class="ui primary right labeled icon button" id="btn_editar_alerta">Editar<i class="pencil icon"></i></div>
            </div>
        </div>
        <!--end details modal -->

    </body>
</html>