{% extends "laurogolfadmin.html" %}
{% block content %}

<script>
    angular.module('app').constant("CSRF_TOKEN", '{{ token }}');
</script>
<div class="main-admin" ng-controller="adminController as mc">
<div class="row-header">


        <nav class="navbar navbar-default">
            <div class="container">

                <div class="navbar-header">
                    <div class="app-title">
                        <h4>Evora Golf</h4>
                    </div>

                    <button type="button" class="navbar-toggle"
                            data-target="#navbar" aria-expanded="false"
                            aria-controls="navbar" ng-click="mc.clickMenuMovil()">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>

                <div id="navbar" class="navbar-collapse collapse" uib-collapse="mc.navbarCollapsed" >
                    <ul class="nav navbar-nav">
                        <li nav-item nav-item-route="/" nav-item-class="active" ng-click="mc.clickMenuMovil()"><a href="#/">Inicio</a></li>
                        <li nav-item nav-item-route="/reservas" nav-item-class="active" ng-click="mc.clickMenuMovil()"><a href="#/reservas">Reservas</a></li>
                        <li nav-item nav-item-route="/dreservas" nav-item-class="active" ng-click="mc.clickMenuMovil()"><a href="#/dreservas">Reservas (Salidas diarias)</a></li>
                        
                        <style>
                            .divider {
                                border: 1px solid #eee;
                            }
                            .menu__gestion {
                                display: flex ;
                                flex-direction: column ;
                                flex-wrap: wrap ;
                            }
                            .admin .row-header .navbar-default .menu__gestion li {
                                flex : 0 ;
                                padding: 0 ;
                            
                            }
                            .admin .row-header .navbar-default .menu__gestion li a {

                                padding: 6px 10px;
                                float: left ;
                                width: 100%;
                                height: auto ;
                                font-size: 1.4rem;
                                font-weight: normal ;
                                text-decoration: none ;
                                color: rgb(109, 109, 109) ;
                            }
                            .admin .row-header .navbar-default .menu__gestion li a:hover {

                               background: #4f9ed6 ;
                               color: white ;
                            }
                            .menu_gestion-contenedor {
                                width: 550px;
                                background: white ;
                            }
                            
                            .admin .menu__gestion h4 {
                                margin: 0;
                                padding: 6px 4px;
                                font-size: 1.6rem;
                                color: #7fae25;
                            }
                        </style>
                        <li class="dropdown">
                            <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Gestión <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <div class="flex__row menu_gestion-contenedor">
                                    <div class="flex__col-4 menu__gestion">
                                            <h4>Clientes</h4>
                                            <li class="divider"></li>
                                            <li nav-item nav-item-route="/clientes" nav-item-class="active" ng-click="mc.clickMenuMovil()"><a href="#/clientes">Clientes</a></li>
                                            <li nav-item nav-item-route="/albaranes" nav-item-class="active" ng-click="mc.clickMenuMovil()"><a href="#/albaranes">Albaranes</a></li>
                                            <li nav-item nav-item-route="/cobros" nav-item-class="active" ng-click="mc.clickMenuMovil()"><a href="#/cobros">Cobros</a></li>
                                            <li nav-item nav-item-route="/depositos" nav-item-class="active" ng-click="mc.clickMenuMovil()"><a href="#/depositos">Depositos</a></li>

                                            <h4>Facturación</h4>
                                            <li class="divider"></li>
                                            <li nav-item nav-item-route="/facturar-albaranes" nav-item-class="active" ng-click="mc.clickMenuMovil()"><a href="#/facturar-albaranes">Facturar Albaranes</a></li>
                                            <li nav-item nav-item-route="/facturas" nav-item-class="active" ng-click="mc.clickMenuMovil()"><a href="#/facturas">Facturas</a></li>
                                            <h4>Productos</h4>
                                            <li class="divider"></li>
                                            <li nav-item nav-item-route="/productos" nav-item-class="active" ng-click="mc.clickMenuMovil()"><a href="#/productos">Productos</a></li>
                                            <li nav-item nav-item-route="/familias" nav-item-class="active" ng-click="mc.clickMenuMovil()"><a href="#/familias">Familias</a></li>
                                            <li nav-item nav-item-route="/inventario-productos" nav-item-class="active" ng-click="mc.clickMenuMovil()"><a href="#/inventario-productos">Inventario</a></li>
                                            <li nav-item nav-item-route="/productos-etiquetas" nav-item-class="active" ng-click="mc.clickMenuMovil()"><a href="#/productos-etiquetas">Etiquetas</a></li>
                                            <li nav-item nav-item-route="/productos-act-precios" nav-item-class="active" ng-click="mc.clickMenuMovil()"><a href="#/productos-act-precios">Actualización de precios</a></li>
                                            <li nav-item nav-item-route="/productos-informes" nav-item-class="active" ng-click="mc.clickMenuMovil()"><a href="#/productos-informes">Informes</a></li>
                                            <li nav-item nav-item-route="/tarifas-productos" nav-item-class="active" ng-click="mc.clickMenuMovil()"><a href="#/tarifas-productos">Tarifas Productos</a></li>
                                    </div>
                                    <div class="flex__col-4  menu__gestion">
                                            <h4>Tickets</h4>    
                                        <li class="divider"></li>
                                        <li nav-item nav-item-route="/formas-pago" nav-item-class="active" ng-click="mc.clickMenuMovil()"><a href="#/formas-pago">Formas de pago</a></li>
                                        <li nav-item nav-item-route="/tickets" nav-item-class="active" ng-click="mc.clickMenuMovil()"><a href="#/tickets">Tickets</a></li>
                                        <li nav-item nav-item-route="/tickets-diario" nav-item-class="active" ng-click="mc.clickMenuMovil()"><a href="#/tickets-diario">Tickets Diario</a></li>
                                        <h4>Compras</h4>
                                        <li class="divider"></li>
                                        <li nav-item nav-item-route="/proveedores" nav-item-class="active" ng-click="mc.clickMenuMovil()"><a href="#/proveedores">Proveedores</a></li>
                                        <li nav-item nav-item-route="/facturas-compra" nav-item-class="active" ng-click="mc.clickMenuMovil()"><a href="#/facturas-compra">Facturas de compra</a></li>
                                        <h4>Estadísticas</h4>
                                        <li class="divider"></li>
                                        <li nav-item nav-item-route="/informe-ventas" nav-item-class="active" ng-click="mc.clickMenuMovil()"><a href="#/informe-ventas">Informe de ventas (versión beta)</a></li>
                                        <h4>Reservas</h4>
                                        <li class="divider"></li>
                                        <li nav-item nav-item-route="/bloqueos" nav-item-class="active" ng-click="mc.clickMenuMovil()"><a href="#/bloqueos">Bloqueos</a></li>
                                        <li nav-item nav-item-route="/tarifas" nav-item-class="active" ng-click="mc.clickMenuMovil()"><a href="#/tarifas">Tarifas Golf Online</a></li>
                                        <li nav-item nav-item-route="/tarifas-golf" nav-item-class="active" ng-click="mc.clickMenuMovil()"><a href="#/tarifas-golf">Tarifas Golf</a></li>
                                        <li nav-item nav-item-route="/ofertas" nav-item-class="active" ng-click="mc.clickMenuMovil()"><a href="#/ofertas">Ofertas</a></li>
                                        <li nav-item nav-item-route="/utilidades" nav-item-class="active" ng-click="mc.clickMenuMovil()"><a href="#/utilidades">Utilidades</a></li>
                                    </div>
                                    <div class="flex__col-4  menu__gestion">
                                        <h4>Abonos</h4>
                                        <li class="divider"></li>
                                        <li nav-item nav-item-route="/abonos" nav-item-class="active" ng-click="mc.clickMenuMovil()"><a href="#/abonos">Abonados</a></li>
                                        <li nav-item nav-item-route="/abonos-edicion" nav-item-class="active" ng-click="mc.clickMenuMovil()"><a href="#/abonos-edicion">Edición Abonos</a></li>
                                        <li nav-item nav-item-route="/abonos-generacion" nav-item-class="active" ng-click="mc.clickMenuMovil()"><a href="#/abonos-generacion">Generar Abonos</a></li>
                                        <li nav-item nav-item-route="/abonos-facturar" nav-item-class="active" ng-click="mc.clickMenuMovil()"><a href="#/abonos-facturar">Facturación agrupada abonos</a></li>

                                    </div>
                                </div>
                            </ul>
                        </li>
                        <li nav-item nav-item-route="/cerrarsesion" nav-item-class="active"><a href="logout">Cerrar Sesión</a></li>
                        <li class="nueva-pestana" nav-item  ng-click="mc.abreNuevaVentana()"><span>Nueva pestaña</span></li>
                    </ul>
                </div><!--/.nav-collapse -->
            </div><!--/.container-fluid -->
        </nav>

</div>
<style>
    .navbar-nav .nueva-pestana {
        right: 0;
        position: absolute;
        padding: 10px;
        color: white;
        background :#678ec0;
        cursor: pointer ;
        font-size: 1.4rem;
    }
</style>
<div class="row-content">
    <div class="container" container-class ng-view="">

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

{% endblock %}