<!DOCTYPE html>
<html class="no-js" ng-app="app">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <title>Sistema Facturación Electrónica</title>

    <link rel="stylesheet" href=" {{ asset("core/vendor/bootstrap/css/bootstrap.min.css") }}">
    <link rel="stylesheet" href=" {{ asset("core/vendor/jquery-ui/jquery-ui.min.css") }}">
    <link rel="stylesheet" href=" {{ asset("css/layout.css") }}">
    <link rel="stylesheet" href=" {{ asset("css/tables.css") }}">
    <link rel="stylesheet" href=" {{ asset("css/forms.css") }}">
    <link rel="stylesheet" href=" {{ asset("css/patterns.css") }}">
    <link rel="stylesheet" href=" {{ asset("css/autocomplete.css") }}">
    <link rel="stylesheet" href=" {{ asset("css/responsive.css") }}">

    {% block stylesheets %}

    {% endblock %}

    <link rel="stylesheet" href=" {{ asset("css/shara.css") }}">
    <!-- Bootstrap 3.3.7 -->
    {#<link rel="stylesheet" href=" {{ asset("bower_components/bootstrap/dist/css/bootstrap.min.css") }}">#}
    <!-- Font Awesome -->
    <link rel="stylesheet" href=" {{ asset("css/font-awesome.min.css") }}">
    <!-- Ionicons -->
    <link rel="stylesheet" href=" {{ asset("css/ionicons.min.css") }}">
    <!-- Theme style -->
    <link rel="stylesheet" href=" {{ asset("dist/css/AdminLTE.min.css") }}">
    <!-- AdminLTE Skins. Choose a skin from the css/skins
   folder instead of downloading all of them to reduce the load. -->
    <link rel="stylesheet" href=" {{ asset("dist/css/skins/skin-blue-light.min.css") }}">
    <!-- Google Font -->
    <link rel="stylesheet"
          href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">

    <script src=" {{ asset("core/vendor/jquery-2.2.3.min.js") }}"></script>
    <script src=" {{ asset("core/vendor/modernizr-custom.js") }}"></script>

    <link rel="shortcut icon" href="{{ asset('favicon.ico') }}"/>

</head>
{% block bodytag %}
<body class="hold-transition skin-blue-light sidebar-mini">
{% endblock %}

{% block header %}
    <div class="wrapper">
        <header class="main-header">
            <!-- Logo -->
            <a href="{{ path('dashboard_index') }}" class="logo">
                <!-- mini logo for sidebar mini 50x50 pixels -->
                <span class="logo-mini">MIFAC</span>
                <!-- logo for regular state and mobile devices -->
                <span class="logo-lg">Mi Facturero</span>
            </a>
            <!-- Header Navbar: style can be found in header.less -->
            <nav class="navbar navbar-static-top">
                <!-- Sidebar toggle button-->
                <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button"><span class="sr-only">Toggle navigation</span></a>

                <div class="navbar-custom-menu">
                    <ul class="nav navbar-nav">
                        <!-- Tasks: style can be found in dropdown.less -->
                        <!-- User Account: style can be found in dropdown.less -->
                        <li class="dropdown user user-menu">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                <img src="{{ asset('dist/img/avatar5.png') }}" class="user-image" alt="User Image">
                                <span class="hidden-xs">
                                    {% if app.user %}
                                        {{ user_empresa_name() }}
                                    {% endif %}
                                </span>
                            </a>
                            <ul class="dropdown-menu">
                                <!-- User image -->
                                <li class="user-header">
                                    <img src="{{ asset('dist/img/avatar5.png') }}" class="img-circle" alt="User Image">
                                    <p>
                                        {% if app.user %}
                                            {{ user_empresa_name() }}
                                        {% endif %}
                                        <small>Miembro desde marzo, 2018</small>
                                    </p>
                                </li>
                                <!-- Menu Body -->
                                <li class="user-body">
                                    <div class="row">
                                        <div class="col-xs-4 text-center">
                                            <a href="#">Siguiendo</a>
                                        </div>
                                        <div class="col-xs-4 text-center">
                                            <a href="#">Ventas</a>
                                        </div>
                                        <div class="col-xs-4 text-center">
                                            <a href="#">Amigos</a>
                                        </div>
                                    </div>
                                    <!-- /.row -->
                                </li>
                                <!-- Menu Footer-->
                                <li class="user-footer">
                                    <div class="pull-left">
                                        {% if app.user.username != "demo" %}
                                            <a href="#"
                                               class="btn btn-default btn-flat">Perfil</a>
                                        {% endif %}
                                    </div>
                                    {#<div class="pull-right">
                                        <a href="{{ path('fos_user_security_logout') }}"
                                           class="btn btn-default btn-flat"
                                           data-shortcut="alt+g, q">Salir</a>
                                    </div>
                                    #}
                                </li>
                            </ul>
                        </li>
                        <!-- Messages: style can be found in dropdown.less-->
                        <li class="dropdown messages-menu">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i
                                        class="fa fa-envelope-o"></i><span class="label label-success">1</span></a>
                            <ul class="dropdown-menu">
                                <li class="header">Tienes 1 mensajes</li>
                                <li>
                                    <!-- inner menu: contains the actual data -->
                                    <ul class="menu">
                                        <li>
                                            <!-- start message -->
                                            <a href="#">
                                                <div class="pull-left">
                                                    <img src="{{ asset('dist/img/avatar5.png') }}" class="img-circle"
                                                         alt="User Image">
                                                </div>
                                                <h4>
                                                    Support Team
                                                    <small><i class="fa fa-clock-o"></i> 5 mins</small>
                                                </h4>
                                                <p>Bienvenido, empieza a facturar?</p>
                                            </a>
                                        </li>
                                        <!-- end message -->

                                    </ul>
                                </li>
                                <li class="footer">
                                    <a href="#">Ver todos los mensajes</a>
                                </li>
                            </ul>
                        </li>
                        <!-- Notifications: style can be found in dropdown.less -->

                        <li id="alerts-container" class="dropdown notifications-menu">
                            {#{{ render_hinclude(controller('SiwappCoreBundle:Core:notificaciones')) }}#}

                        </li>

                        <li>
                            <a href="{{ path('app_logout') }}"><i class="fa fa-times"></i>&nbsp;Salir</a>
                        </li>

                        <!-- Control Sidebar Toggle Button -->
                    </ul>
                </div>
            </nav>
        </header>
        <!-- Left side column. contains the logo and sidebar -->
        <aside class="main-sidebar">
            <!-- sidebar: style can be found in sidebar.less -->
            <section class="sidebar">
                <!-- Sidebar user panel -->
                <div class="user-panel">
                    <div class="pull-left image">
                        <img src=" {{ asset('dist/img/avatar6.png') }}" class="img-circle" alt="User Image">
                    </div>
                    <div class="pull-left info">
                        {% if app.user %}
                            {#<p> {{ user_empresa_name() }}</p>#}
                            <p>Ambiente:&nbsp;<b>{{ user_empresa_ambiente() }}</b></p>
                            <a href="#"><i class="fa fa-circle text-success"></i> Online</a>

                        {% endif %}
                    </div>
                </div>
                <!-- search form -->
                {#<form action="#" method="get" class="sidebar-form">
                    <div class="input-group">
                        <input type="text" name="q" class="form-control" placeholder="Search...">
                        <span class="input-group-btn"><button type="submit" name="search" id="search-btn"
                                                              class="btn btn-flat">
                                    <i class="fa fa-search"></i>
                                </button></span>
                    </div>
                </form>#}
                <!-- /.search form -->
                <!-- sidebar menu: : style can be found in sidebar.less -->
                <ul class="sidebar-menu tree" data-widget="tree">
                    <li class="header">MENU PRINCIPAL</li>
                    <li>
                        <a href="{{ path('dashboard_index') }}"><i class="fa fa-dashboard"></i>
                            <span>Dashboard</span></a>
                    </li>

                    {#<li class="treeview">
                        <a href="#"><i class="fa fa-file-text-o"></i> <span>Comprobantes</span><span
                                    class="pull-right-container"><i
                                        class="fa fa-angle-left pull-right"></i></span></a>
                        <ul class="treeview-menu">
                        #}
                    {% set routename = app.request.attributes.get('_route') %}
                    <li class="treeview {{ routename|menu_tree_open('invoice,retencion,credito,liquidacion,liqreembolso') }}">
                        <a href="#">
                            <i class="fa fa-list"></i> <span>Comprobantes</span>
                            <span class="pull-right-container">
                            <i class="fa fa-angle-left pull-right"></i>
                            </span>
                        </a>

                        <ul class="treeview-menu"
                            style="display: {{ routename|menu_tree_display('invoice,retencion,credito,liquidacion,liqreembolso') }}">
                            <li class="{{ routename|menu_active_tab('invoice') }}"><a
                                        href="{{ path('invoice_index') }}"><i class="fa fa-circle-o text-red"></i>
                                    <span>Facturas</span></a>
                            </li>
                            <li class="{{ routename|menu_active_tab('retencion') }}"><a
                                        href="{{ path('retencion_index') }}"><i class="fa fa-circle-o text-yellow"></i>
                                    <span>Retenciones</span></a>
                            </li>
                            <li class="{{ routename|menu_active_tab('credito') }}"><a
                                        href="{{ path('credito_index') }}"><i class="fa fa-circle-o text-light-blue"></i>
                                    <span>Nota Creditos</span></a>
                            </li>
                            {#<li><a href="pages/forms/advanced.html"><i class="fa fa-circle-o text-green"></i>
                                    <span>Guias Remision</span></a>
                            </li>#}
                            <li class="{{ routename|menu_active_tab('liquidacion') }}"><a
                                        href="{{ path('liquidacion_index') }}"><i class="fa fa-circle-o text-black"></i>
                                    <span>Liq. Compras</span></a>
                            </li>
                            <li class="{{ routename|menu_active_tab('liqreembolso') }}"><a
                                        href="{{ path('liqreembolso_index') }}"><i class="fa fa-circle-o text-black"></i>
                                    <span>Liq. Reembolso</span></a>
                            </li>
                        </ul>
                    </li>
                    {# </ul>
                 </li>#}
                    <li class="treeview {{ routename|menu_tree_open('customer,product,provider') }}">
                        <a href="#">
                            <i class="fa fa-users"></i> <span>Administracion</span>
                            <span class="pull-right-container">
                            <i class="fa fa-angle-left pull-right"></i>
                            </span>
                        </a>

                        <ul class="treeview-menu"
                            style="display: {{ routename|menu_tree_display('customer,product,provider') }}">
                            <li class="{{ routename|menu_active_tab('customer') }}">
                                <a href="{{ path('customer_index') }}"><i class="fa fa-circle-o"></i>
                                    <span>Clientes</span></a>
                            </li>

                            <li class="{{ routename|menu_active_tab('provider') }}">
                                <a href="{{ path('provider_index') }}"><i class="fa fa-circle-o"></i>
                                    <span>Proveedores</span></a>
                            </li>

                            <li class="{{ routename|menu_active_tab('product') }}">
                                <a href="{{ path('product_index') }}"><i class="fa fa-circle-o"></i>
                                    <span>Productos</span></a>
                            </li>
                        </ul>
                    </li>

                    {#<li class="treeview">
                        <a href="#"><i class="fa fa-database"></i> <span>Electronicos</span><span
                                    class="pull-right-container"><i
                                        class="fa fa-angle-left pull-right"></i></span></a>
                        <ul class="treeview-menu">
                        #}
                    <li class="header">ELECTRONICOS</li>
                    <li>
                    </li>
                    <li>
                        <a href="{{ path('descarga_index') }}"><i class="fa fa-cloud-download"></i>
                            <span>Recibidos</span></a>
                    </li>
                    {% if is_granted('ROLE_ADMIN') %}
                        <li>
                            <a href="#"><i class="fa fa-cloud-upload"></i> Emitidos</a>
                        </li>
                    {% endif %}
                    {#   </ul>
                   </li>
               #}

                    {% if is_granted('ROLE_ADMIN') %}

                        <li class="treeview">
                            <a href="#"><i class="fa fa-bug"></i> <span>en construccion</span><span
                                        class="pull-right-container"><i
                                            class="fa fa-angle-left pull-right"></i></span></a>
                            <ul class="treeview-menu">

                                <li class="treeview">
                                    <a href="#"><i class="fa fa-edit"></i> <span>Forms</span><span
                                                class="pull-right-container"><i
                                                    class="fa fa-angle-left pull-right"></i></span></a>
                                    <ul class="treeview-menu">
                                        <li>
                                            <a href="pages/forms/general.html"><i class="fa fa-circle-o"></i> General
                                                Elements</a>
                                        </li>
                                        <li>
                                            <a href="pages/forms/advanced.html"><i class="fa fa-circle-o"></i> Advanced
                                                Elements</a>
                                        </li>
                                        <li>
                                            <a href="pages/forms/editors.html"><i class="fa fa-circle-o"></i>
                                                Editors</a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="https://adminlte.io/docs"><i class="fa fa-book"></i>
                                        <span>Documentation</span></a>
                                </li>
                            </ul>
                        </li>

                    {% endif %}

                    <li class="header">CONFIGURACION</li>
                    <li>
                    </li>
                    <li>
                        {% if app.user.username != "demo" %}
                            <a href="{{ path('global_settings') }}" data-shortcut="alt+g, s">
                                <i class="fa fa-cogs"></i>
                                <span>Ajustes</span>
                            </a>
                        {% endif %}
                    </li>

                    {% if app.user.username == "svycar" %}
                        <li class="treeview {{ routename|menu_tree_open('admin_fa,admin_re,admin_cli') }}">
                            <a href="#">
                                <i class="fa fa-user"></i> <span>ADMIN</span>
                                <span class="pull-right-container">
                                <i class="fa fa-angle-left pull-right"></i>
                                </span>
                            </a>

                            <ul class="treeview-menu"
                                style="display: {{ routename|menu_tree_display('admin_fa,admin_re,provider') }}">
                                <li class="{{ routename|menu_active_tab('admin_fa') }}">
                                    <a href="{{ path('admin_fa_index') }}" data-shortcut="alt+g, s">
                                        <i class="fa fa-circle-o"></i>
                                        <span>FACTURAS</span>
                                    </a>
                                </li>

                                <li class="{{ routename|menu_active_tab('admin_re') }}">
                                    <a href="{{ path('admin_re_index') }}" data-shortcut="alt+g, s">
                                        <i class="fa fa-circle-o"></i>
                                        <span>RETENCIONES</span>
                                    </a>
                                </li>

                                <li class="{{ routename|menu_active_tab('admin_cli') }}">
                                    <a href="{{ path('admin_cli_index') }}"><i class="fa fa-circle-o"></i>
                                        <span>CLIENTES</span></a>
                                </li>
                            </ul>
                        </li>
                    {% endif %}
                    {#<li>
                        <a href="#"><i class="fa fa-circle-o text-yellow"></i> <span>Warning</span></a>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-circle-o text-aqua"></i> <span>Information</span></a>
                    </li>
                    #}

                </ul>
            </section>
            <!-- /.sidebar -->
        </aside>
        <!-- Content Wrapper. Contains page content -->
        <div class="content-wrapper" style="background-color: #ECF0F5">
            <!-- Content Header (Page header) -->
            {% block actionheader %}
                <section class="content-header">
                    {% block headerlink %} {% endblock %}

                    {#    {% block breadcrumb %}
                            <ol class="breadcrumb">

                                <li>
                                    <a href="#"><i class="fa fa-dashboard"></i> Home</a>
                                </li>
                                <li class="active">Dashboard</li>

                            </ol>
                        {% endblock %}
                    #}
                </section>
            {% endblock %}
            <!-- Main content -->
            <section class="content">
                {% block dashboard %}{% endblock %}
                <div class="row" ng-controller="homeController">
                    <!-- Left col -->
                    <section class="col-lg-12 connectedSortable">
                        {% block searchform_container %}

                            {% block searchform %}
                                <p><strong>SEARCHFORM:</strong> Check ::base.html.twig.</p>
                                <ul>
                                    <li>To remove the <em>searchform</em> override the
                                        <em>searchform_container</em>
                                        block in your template.
                                    </li>
                                    <li>To add your own <em>searchform</em> code override the
                                        <em>searchform</em>block
                                        in your template.
                                    </li>
                                </ul>
                            {% endblock %}

                        {% endblock %}

                        {% block page_messages %}
                            {% for type, flashes in app.session.flashbag.all %}
                                {% for flash in flashes %}
                                    <div class="alert alert-{{ type }} fade in">
                                        <button href="#" class="close" data-dismiss="alert">&times;</button>
                                        {{ flash }}
                                    </div>
                                {% endfor %}
                            {% endfor %}
                        {% endblock %}


                        {% block body %}{% endblock %}


                    </section>
                    <!-- /.Left col -->
                    <!-- right col (We are only adding the ID to make the widgets sortable)-->
                    <!-- right col -->
                </div>
                <!-- /.row (main row) -->
            </section>
            <!-- /.content -->
        </div>
        <!-- /.content-wrapper -->
        <footer id="ft" class="main-footer">
            <div class="pull-right hidden-xs">
                <b>Version</b> 2.5.0
            </div>
            <strong>Copyright &copy; 2014-2020 &nbsp;&nbsp;<a href="http://sharafac.com"
                                                              target="_blank">sharafac</a></strong>
        </footer>
        <!-- Add the sidebar's background. This div must be placed
    immediately after the control sidebar -->
        <div class="control-sidebar-bg"></div>
    </div>
{% endblock %}


<script src=" {{ asset("js/shara.js") }}"></script>
<script src="{{ asset('angular/vendor/angular.min.js') }}"></script>
<script src="{{ asset('angular/vendor/angular-route.min.js') }}"></script>
<script src="{{ asset('angular/vendor/angular-resource.min.js') }}"></script>
<script src="{{ asset('angular/js/cart.js') }}"></script>
<script src="{{ asset('angular/js/app.js') }}"></script>
{#<script src="{{ asset('js/hinclude.js') }}"></script>#}

<script src=" {{ asset("core/vendor/bootstrap/js/bootstrap.min.js") }}"></script>
<script src=" {{ asset("js/fastclick.js") }}"></script>
<!-- AdminLTE App -->
<script src=" {{ asset("dist/js/adminlte.min.js") }}"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
{#<script src=" {{ asset("dist/js/pages/dashboard.js") }}"></script>#}
<!-- AdminLTE for demo purposes -->

<script src=" {{ asset("core/vendor/jquery.placeholder.min.js") }}"></script>
<script src=" {{ asset("core/vendor/jquery-ui/jquery-ui.min.js") }}"></script>
<script src=" {{ asset("js/global.js") }}"></script>
<script src=" {{ asset("js/jquery.blockUI.min.js") }}"></script>

{% block javascripts %}{% endblock %}
{% block toolbar %}{% endblock %}
<script>
    $.get(
        '{{ path('core_notificaciones') }}', null,
        function (newHtml) {
            $('#alerts-container').html(newHtml);
        }
    );


</script>

<script type="text/javascript">
    history.pushState(null, null, document.URL);
    window.addEventListener('popstate', function () {
        history.pushState(null, null, document.URL);
    });
</script>
</body>
</html>
