<!DOCTYPE html>
<html lang="ES-es">
    <?php echo $__env->make('layouts.header', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
    <body class="pushable"  style="overflow :hidden">
        
        <!--start sidebar-->
        <div class="ui visible inverted left vertical sidebar menu" id="sidebar" style="visibility:hidden">
            <div class="logo_sidebar">
                <a class="item" href="<?php echo e(route('home')); ?>" title="Sistema de Ventas">
                    <img src="<?php echo e(asset('img/logo.png')); ?>" alt="seven" height="43">
                </a>
            </div> 

            <div class="ui accordion inverted">
                
                <div class="title item">
                    <i class="circular inverted red user icon sidebar_icon"></i> Personal <i class="dropdown icon"></i>
                </div>
                <div class="content">
                    <div class="transition hidden">
                        <a class="item" href="index.html">Crear usuario</a>
                        <a class="item" href="index.html">Ver usuarios</a>
                        <a class="item" href="index.html">Eliminar un usario en uso y exclusovo usuario</a>
                    </div>   
                </div>
                <div class="title item">
                    <i class="circular inverted orange home icon sidebar_icon"></i> Sucursales <i class="dropdown icon"></i>
                </div>
                <div class="content">
                    <div class="transition hidden">
                        <a class="item" href="index.html">Crear usuario</a>
                        <a class="item" href="index.html">Ver usuarios</a>
                        <a class="item" href="index.html">Eliminar un usario en uso y exclusovo usuario</a>
                    </div>  
                </div>
                <div class="title item">
                    <i class="circular inverted olive users card icon sidebar_icon"></i> Clientes <i class="dropdown icon"></i>
                </div>
                <div class="content">
                    <div class="transition hidden">
                        
                        <a class="item" href="index.html">Crear usuario</a>
                        <a class="item" href="index.html">Ver usuarios</a>
                        <a class="item" href="index.html">Eliminar un usario en uso y exclusovo usuario</a>
                   
                    </div>   
                </div>
                <div class="title item">
                    <i class="circular inverted green shopping cart icon sidebar_icon"></i> Productos <i class="dropdown icon"></i>
                </div>
                <div class="content">
                    <div class="transition hidden">
                        <a class="item" href="index.html">Crear usuario</a>
                        <a class="item" href="index.html">Ver usuarios</a>
                        <a class="item" href="index.html">Eliminar un usario en uso y exclusovo usuario</a>
                    </div>  
                </div>
                <div class="title item">
                    <i class="circular inverted teal dollar sign icon sidebar_icon"></i> Ventas <i class="dropdown icon"></i>
                </div>
                <div class="content">
                    <div class="transition hidden">
                        
                        <a class="item" href="index.html">Crear usuario</a>
                        <a class="item" href="index.html">Ver usuarios</a>
                        <a class="item" href="index.html">Eliminar un usario en uso y exclusovo usuario</a>
                   
                    </div>   
                </div>
                <div class="title item">
                    <i class="circular inverted blue clipboard outline icon sidebar_icon"></i> Reportes <i class="dropdown icon"></i>
                </div>
                <div class="content">
                    <div class="transition hidden">
                        <a class="item" href="index.html">Crear usuario</a>
                        <a class="item" href="index.html">Ver usuarios</a>
                        <a class="item" href="index.html">Eliminar un usario en uso y exclusovo usuario</a>
                    </div>  
                </div>
                <div class="title item">
                    <i class="circular inverted violet truck icon sidebar_icon"></i> Traslados <i class="dropdown icon"></i>
                </div>
                <div class="content">
                    <div class="transition hidden">
                        <a class="item" href="index.html">Crear usuario</a>
                        <a class="item" href="index.html">Ver usuarios</a>
                        <a class="item" href="index.html">Eliminar un usario en uso y exclusovo usuario</a>
                    </div>  
                </div>

            </div>

           

        </div>
        <!--end sidebar-->
        <!--start pusher-->
        <div class="pusher" id="pusher" style="visibility:hidden">
            <!--start navbar--> 
            <div class="ui main menu" id="navbar">
                
                <a class="icon item" id="launch_icon">
                    <i class="large content icon"></i>
                </a>

                <div class="right menu">

                    <div class="ui pointing dropdown item" id="menu_sucursales" title="Donde estoy ahora">
                        <i class="circular brown inverted university icon" style="margin-right: 10px"></i>
                        <div class="text">Oficina Principal</div>
                        <i class="dropdown icon"></i>
                        <div class="menu margin_dropdown border_shadow">
                            <div class="item">Oficina Principal</div>
                            <div class="item">Almacen Principal</div>
                            <div class="item">Almacen Arenas</div>
                        </div>
                    </div>

                    <div class="ui dropdown item labeled icon "  id="menu_notificaciones" title="Notificaciones">
                        <i class="bell large icon grey"></i>
                        <div class="ui red label mini circular alert_icon">3</div>
                        <div class="menu transition hidden margin_dropdown border_shadow" tabindex="-1">
                            <!-- <div class="header"> <strong>PRODUCTOS POR AGOTARSE</strong> </div> -->
                            
                            <div class="item">
                                <div class="ui violet label">En stock</div><div class="ui pink label circular" style="margin-left: -5px">30</div>CARAMELOS HALS MENTA EXTREMA 12x50
                            </div>
                            <div class="item">
                                <div class="ui violet label">En stock</div><div class="ui pink label circular" style="margin-left: -5px">300</div>MARTILLOS STEEL METAL nro2 
                            </div>
                            <div class="item">
                                <div class="ui violet label">En stock</div><div class="ui pink label circular" style="margin-left: -5px">3</div>CARAMELOS HALS MENTA EXTREMA 12x50
                            </div>  
                        </div>
                    </div>

                    <div class="ui pointing dropdown item">
                        <img class="ui mini circular image" src="<?php echo e(asset('img/avatar/male_2.png')); ?>" alt="avatar" style="margin-right: 10px">
                        <span id="menu_usuario">Yasmany</span><i class="dropdown icon"></i>
                        <div class="menu transition hidden margin_dropdown border_shadow" tabindex="-1" >
                            <a class="item" href="#"><i class="cog icon"></i>Editar Perfil</a>
                            <div class="ui divider"></div>
                            <a class="item" href="login.html"><i class="power off icon"></i>Cerrar Sesión</a>
                        </div>
                    </div>

                    <div  style="width: 5px !important"> </div>
             
                </div>
            </div>
            <!--end navbar--> 


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

                    <div class="sixteen wide tablet fourteen wide computer column ">
                        <div class="ui segment">
                            
                            <h4 class="ui dividing header teal centered">REGISTRAR PERSONAL</h4>
                            <br>

                            <form class="ui form">
                                <div class="two fields">
                                    <div class="field">
                                        <label>Nombres</label>
                                        <div class="ui input ">
                                          <input type="text" name="" id="" required>
                                        </div>
                                    </div>
                                    <div class="field">
                                        <label>Apellidos</label>
                                        <div class="ui input ">
                                          <input type="text" name="" id="" required>
                                        </div>
                                    </div>
                                </div>

                                <div class="two fields">
                                    <div class="field">
                                        <label>Usuario</label>
                                        <div class="ui input ">
                                          <input type="text" name="" id="" required>
                                        </div>
                                    </div>
                                    <div class="field">
                                        <label>Contraseña</label>
                                        <div class="ui input ">
                                          <input type="password" name="" id="" required>
                                        </div>
                                    </div>
                                    
                                </div>

                                
                            
                              
                                <div class="two fields">
                                    <div class="field">
                                        <label>DNI</label>
                                        <div class="ui input ">
                                          <input type="text" name="" id="" required>
                                        </div>
                                    </div>
                                    <div class="field">
                                        <label>Fecha de Nacimiento</label>
                                        <div class="ui input ">
                                          <input type="text" name="fecha_nac_usuario" id="fecha_nac_usuario" value="" class="fecha">
                                        </div>
                                    </div>
                                </div>   
                    
                                
                                <div class="two fields">
                                    <div class="field">
                                        <label>Domicilio</label>
                                        <div class="ui input ">
                                          <input type="text" name="" id="" required>
                                        </div>
                                    </div>
                                    <div class="field">
                                        <label>Email</label>
                                        <div class="ui input ">
                                          <input type="email" name="" id="" required>
                                        </div>
                                    </div>
                                    
                                </div> 
                                <div class="two fields">
                                    <div class="field">
                                        <label>Telefono</label>
                                        <div class="ui input ">
                                          <input type="text" name="" id="" required>
                                        </div>
                                    </div>
                                    <div class="field">
                                        <label>Rol</label>
                                        
                                        <select class="ui input dropdown " required>
                                            <option value="">Seleccione</option>
                                            <option value="1">Administrador</option>
                                            <option value="2">Personal de Ventas</option>
                                            <option value="3">Personal de Almacen</option>
                                            <option value="4">Personal de Ventas y Almacen</option>
                                        </select>  
                                    </div>
                                </div>
                                <div class="two fields">
                                    <div class="field">
                                        <label>Lugar de Trabajo</label>
                                        
                                        <select class="ui input dropdown " required>
                                            <option value="">Seleccione</option>
                                            <option value="1">Oficina Principal</option>
                                            <option value="2">Sucursal Americas</option>
                                            <option value="3">Almacen Principal</option>
                                            <option value="4">Almacen Americas</option>
                                        </select>  
                                    </div>
                                </div>  

                                
                                
                                <div class="form_footer" >
                                    <button class="ui right floated primary button" id="btn_login" type="submit"><i class="check icon"></i>REGISTRAR</button>
                                </div>    
                            </form>



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

            <!--end content--> 

        </div>
        <!--end pusher-->
        <!--start loader-->
        <div  id="loader">
            <div class="ui active dimmer" style="position: fixed;">
                <div class="ui big text loader ">Cargando...</div>
            </div>
        </div>
        <!--end loader-->
        <script src="<?php echo e(asset('js/jquery-3.3.1.min.js')); ?>"></script>
        <script src="<?php echo e(asset('js/jquery-ui-1.10.3.custom.js')); ?>"></script>
        <script src="<?php echo e(asset('js/jquery.ui.datepicker-es.js')); ?>"></script>
        <script src="<?php echo e(asset('js/semantic.min.js')); ?>"></script>
        <script src="<?php echo e(asset('js/main.js')); ?>"></script>
        <script type="text/javascript">
            $(window).on('load', function (){
                $('#loader').fadeOut(500,function() { 
                    $(this).remove();
                    $('body').css('overflow','auto'); 
                    $('#pusher').css('visibility','visible'); 
                    $('#sidebar').css('visibility','visible'); 
                }); 
            });
        </script>
    </body>
</html>