{% load static %}
<!DOCTYPE html>
<html lang="es">
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
<meta http-equiv="content-type" content="text/html;charset=utf-8;application/javascript;text/plain" />
<head>
    <meta charset="utf-8">
    <title>
      {% block titulo %}
      {% endblock titulo %}
    </title> 
  
  <link href="{% static 'bootstrap/css/bootstrap.min.css' %}" rel="stylesheet"/> 
  <link href="{% static 'bootstrap/css/bootstrap-datetimepicker.css' %}" rel="stylesheet"/>
  <link href="{% static 'material/css/kc.fab.css' %}" rel="stylesheet"/> 
  <link href="{% static 'css/font-awesome.min.css' %}" rel="stylesheet"/> 
  <link href="{% static 'bootstrap/css/sweet-alert.css' %}" rel="stylesheet">
  <!--
  <link href="{% static 'css/nav.css' %}" rel="stylesheet"/>
  <link href="{% static 'css/card.css' %}" rel="stylesheet"/>
  -->
  <link href="{% static 'css/waitMe.css' %}" rel="stylesheet"/>
  
  <script src="{% static 'bootstrap/js/jquery.min.js' %}"></script>
  <link href="{% static 'selectize/css/selectize.bootstrap3.css' %}" rel="stylesheet"/> 
  <script src="{% static 'selectize/js/standalone/selectize.min.js' %}"></script>
  <!--
  <script src="{% static 'est/Chart.js' %}"></script>
  -->
  <script src="{% static 'bootstrap/js/Moment.js' %}"></script>
  <script src="{% static 'bootstrap/js/ie-emulation-modes-warning.js' %}"></script>
  <script src="{% static 'material/js/kc.fab.min.js' %}"></script>  
  <script src="{% static 'bootbox/js/bootbox.min.js' %}"></script>
  <script src="{% static 'bootstrap/js/jquery.numeric.js' %}"></script>
  <script src="{% static 'bootstrap/js/ie10-viewport-bug-workaround.js' %}"></script>
  <script src="{% static 'bootstrap/js/validator.js' %}"></script>
  <script src="{% static 'bootstrap/js/bootstrap.min.js' %}"></script>
  <script src="{% static 'bootstrap/js/bootstrap-datetimepicker.js' %}"></script>
  <script src="{% static 'bootstrap/js/sweet-alert.js' %}"></script>
  <script src="{% static 'js/printThis.js' %}"></script>
  <script src="{% static 'js/jspdf.min.js' %}"></script>
  <script src="{% static 'js/jspdf.plugin.autotable.js' %}"></script>

  <!--
  <script src="{% static 'js/jquery.maskedinput.js' %}"></script>
  <script src="{% static 'js/reniec-sunat-js.min.js' %}"></script>
  <script src="{% static 'js/apiLoad.js' %}"></script>
  -->
  <script src="{% static 'js/waitMe.min.js' %}"></script>
  <script src="{% static 'js/bootstrap3-typeahead.min.js' %}"></script>
  <script type="text/javascript">
    $(document).ready(function(){
      $('ul.dropdown-menu [data-toggle=dropdown]').on('click', function(event) {
        event.preventDefault(); 
        event.stopPropagation(); 
        $(this).parent().siblings().removeClass('open');
        $(this).parent().toggleClass('open');
      });
    });
  </script>

 <style>
  /* fondo */
  body{
    background-color: #eeeeee;
  }
  /*forms*/
  .form-control{
    height: 28px;
  }
  .form-group{
    margin-bottom: 0px;
  }
  /*table*/
  .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
      padding: 4px;
      line-height: 1.42857143;
      vertical-align: top;
      border-top: 1px solid #ddd;
    }
    /*nav bar*/
    .navbar-inverse .navbar-nav>li>a {
        color: #e7e7e7;
    }
    /**/
    @media (max-width: 767px){
      .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
          color: #e7e7e7;
      }
    }
    /*panel head*/
    .panel-heading {
        padding: 5px 15px;
    }
    /* badge */
    .badge {
        background-color: #b71c1c;
        border: 1px solid white;
    }
    .panel-default>.panel-inverse {
        color: #fff;
        background-color: #333;
    }
    .alert-saldos {
        /*border-color: #a5a5a5;*/
        padding: 0px;
        padding-left: 10px;
        padding-right: 30px;
        margin-bottom: 0px;
    }
    .label-saldo{
      border-radius: 15px;
      font-size:17px;
    }
  </style> 

</head> 
<body class="body-white">
 
 <nav class="navbar navbar-inverse navbar-fixed-top" style="background-color:#333333;">
    <div> 
      <div class="navbar-header"> 
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#" style="color:#e7e7e7;"> 
            {% ifequal SubG 'si'%} 
              Golden Rays (SubGerencia)   
            {% else %} 
              Golden Rays (Gerencia)
            {% endifequal%}
        </a>
      </div>
      <div class="collapse navbar-collapse navbar-right" id="navbar-collapse-1"> 
        <ul class="nav navbar-nav"> 
          
          {% ifnotequal SubG 'si'%}
          <li class="dropdown" id="navAdministracion">
            <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown"><span class="badge" id="not"></span>Administración<span class="caret"></span> </a>
            <ul class="dropdown-menu">
     
                 {% if user.is_staff %}
                      <li id="navGerente">
                        <a href="/Gerentes/"> Listado Gerentes</a>
                      </li> 
                      <li id="navCrearGerente">
                        <a href="/Admin/CrearGerente/"> Nuevo Gerente</a>
                      </li> 
                      <li id="navActualizarCierres">
                        <a href="/actualizarCierresAdmin/"> Actualizar Cierres</a>
                      </li> 
                   
                      <li id="navSubGerente">
                        <a href="/SubGerentes/"> Listado Sub Gerentes</a>
                      </li> 
                      <li id="navCliens">
                          <a href="/Admin/Clientes/"> Listado Clientes</a>
                      </li>
                      <li id="navCrearClien">
                          <a href="/Admin/CrearCliente/"> Nuevo Cliente</a> 
                      </li>
                      <li class="divider"></li> 
                      {% endif %}
                      <li id="navPersonales">
                        <a   href="/Personales/">Personal</a>
                      </li> 
            </ul> 
          </li>  
          {% endifnotequal%}

          {% ifequal SubG 'si'%}
          <li id="navLiquidacion"><a href="/Lista_liquidaciones_admin_tem/">Liquidacion Bases</a></li>

          <li class="dropdown" id="navMovimientos">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-lg fa-arrows-alt  text-success"></i> Movimientos <span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu"> 
              <li id="navAdminMovimientos"><a href="/Movimientos_admin_tem/">Listado de Movimientos</a></li>
              <li id="navDeuda"><a href="/Deuda_Oficinas_Admin_tem/">Saldos de Oficinas</a></li>
              <li id="navPorCobrar"><a href="/ListadoHabilitaciones_act_subG_tem/">Habilitaciones por Cobrar</a></li>
              <li class="divider"></li>
              <li id="navSaldoSub"><a href="/Saldo_Subgerente_tem/">Saldo Subgerencia</a></li>
            </ul>
          </li>
           <li class="dropdown" id="navCajaPrincipal">
            <a href="#" data-toggle="dropdown" class="dropdown-toggle">
            <i class="fa fa-lg fa-inbox text-warning"> </i> Caja <span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li id="navRegistrarIngreso"><a href="/RegistroIngreso_admin/"> Registrar Ingreso</a></li>
              <li id="navListadoIngreso"><a href="/Ingresos_admin_tem/"> Listado de Ingresos</a></li>
              <li id="navRegistrarEgreso"><a href="/RegistroEgreso_admin/">Registrar Egreso</a></li>
              <li id="navListadoEgreso"><a href="/Egresos_admin_tem/"> Listado de Egresos</a></li>
              <li class="divider"></li>
              <li id="navlistaIE"><a href="/ListadoIngresoEgreso_admin/">Movimientos Caja</a></li>
              <li class="divider"></li>
              <li class="dropdown dropdown-submenu"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Cuenta Corriente<span class="caret"></span></a>
                <ul class="dropdown-menu">
                  <li id="navCrearCte_main"><a href="/crear_cta_ahorro_cte_admin/">Crear Cuenta Corriente</a></li>
                  <li id="navListaCtes_main"><a href="/Listado_CuentasCtes_tem_admin/"> Listado de Cuentas Corrientes</a></li>
                </ul>
              </li>
            </ul>
          </li>
          <li class="dropdown" class="focus" id="autorizacionAdmin">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">}Autorizaciones <span class="caret"></span></a>
                      <ul class="dropdown-menu">
                        
                        <li id="navACtaCtes"> 
                          <a  href="/ListadoAutorizarCtaCtes/">Autorizar Peticiones Cta Cte</a>
                        </li>
                        <li id="navADXT">
                            <a  href="/Autorizaciones_x_tardanza/"> Autorizar Desbloqueo por Tardanza</a>
                        </li>
                        <li id="navACoTransferencias">
                            <a  href="/Autorizaciones_comi_st_tem/"> Autorizar Comision ST</a>
                        </li>
                         <li id="navAExTransferencias">
                            <a  href="/Autorizaciones_extorno_st_tem/"> Autorizar Extorno ST</a>
                        </li>
                        <li id="navATransferencias">
                            <a  href="/Admin/Autorizaciones_ret_st_tem/"> Autorizar P/T</a>
                        </li>
                        <li id="navanulardolar">
                            <a  href="/Autorizaciones_anulacion_dolar_tem/"> Autorizar anulacion Dolares</a>
                        </li>
                        <li class="divider"></li>
                        <li id="navConfig">
                            <a  href="/Autorizaciones_Egreso_subgeremte/"> Configuracion de Cajas</a>
                        </li>
                      </ul>
                    </li>
        {% else %}

          <li class="dropdown" id="navOficinas">
                <a data-toggle="dropdown" class="dropdown-toggle" href="#">  
                {% ifnotequal num_peticiones None %} 
                {% ifnotequal num_peticiones '0' %}
                    <span class="badge" id="not">{{ num_peticiones }} </span>  
                {% endifnotequal %}
              {% endifnotequal %}
              Oficinas <span class="caret"></span></a>
                <ul class="dropdown-menu">
                    <li id="navOficina" class="focus">
                        <a  href="/Admin/CrearOficina/"> Crear oficina</a>
                    </li>
                     <li id="navCaja" class="focus">
                        <a  href="/Admin/CrearCaja/"> Agregar caja</a>
                    </li>
                    <li class="divider"></li>

                    <li class="dropdown dropdown-submenu" class="focus"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Configuraciones </a>
                      <ul class="dropdown-menu">
                        <li id="navConfigSistema"> 
                            <a href="/Admin/configurarTiposistema_caja/">Configuración de Sistema</a>
                        </li>
                        <li id="navConfigGralCaja"> 
                            <a href="/Admin/configuracionGeneralCajas/">Configuración Gral Cajas</a>
                        </li>
                        <li id="navConfigNroRecibo">
                            <a  href="/Admin/configurarnrorecibo/"> Configuración Nro Recibo</a>
                        </li>

                        <li id="navConfigcomi"> 
                            <a href="/configuracionComiciones_tem/">Configuración Comisiones</a>
                        </li>
                        <!--
                        <li id="navConfigcomiInt"> 
                            <a href="/configuracionComisiones_intercambio/">Conf Comisiones Intercambio</a>
                        </li>
                        -->
                        <!--
                        <li class="divider"></li>
                        <li id="navConfigcomi"> 
                            <a href="/configuracionComicionesBancos_tem/">Configuración Montos de Bancos</a>
                        </li>
                        -->
                        <!--
                        <li id="navauto">
                            <a href="/Admin/configurar_montos_autorizados/">Configuración Aut. Ctas Ctes</a>
                        </li>
                        -->
                        <!--
                        <li id="navconfiBase">
                            <a href="/Admin/ConfigurarBaseExter_tem/">Configuración Base Externas</a>
                        </li>
                        <li id="navconfiAsociado">
                            <a href="/ConfigurarAsociado_tem/">Configuración Asociado</a>
                        </li>
                        -->
                      </ul>
                    </li>

                     <li class="dropdown dropdown-submenu" class="focus"><a href="#" class="dropdown-toggle" data-toggle="dropdown">
                      Autorizaciones </a>
                      <!--
                      <ul class="dropdown-menu">
                        <li id="navACtaCtes"> <a  href="/ListadoAutorizarCtaCtes/">Autorizar Peticiones Cta Cte</a>
                        </li>

                        <li id="navATransferencias">
                            <a  href="/Admin/Autorizaciones_ret_st_tem/"> Autorizar P/T</a>
                        </li>
                        <li id="navACoTransferencias">
                            <a  href="/Autorizaciones_comi_st_tem/"> Autorizar Comision ST</a>
                        </li>
                        <li id="navAExTransferencias">
                            <a  href="/Autorizaciones_extorno_st_tem/"> Autorizar Extorno ST</a>
                        </li>
                        <li id="navAIntercambios">
                            <a  href="/Autorizaciones_ret_in_tem/"> Autorizar Retiro Intercambios</a>
                        </li>
                         <li id="navADXT">
                            <a  href="/Autorizaciones_x_tardanza/"> Autorizar Desbloqueo por Tardanza</a>
                        </li>
                        <li id="navanulardolar">
                            <a  href="/Autorizaciones_anulacion_dolar_tem/"> Autorizar anulacion Dolares</a>
                        </li>
                      </ul>
                      -->
                    </li>


                    <li class="divider"></li>
                     <li id="navsaldooficinas" class="focus">
                        <a href="/Admin/ConsultaGeneralCajas/">Ver Oficinas</a>
                    </li>
              </ul>
          </li>

          <!--

          <li><span class="navbar-devider"></span></li>

          <li class="dropdown" id="navCajaPrincipal">
            <a href="#" data-toggle="dropdown" class="dropdown-toggle">
            <i class="fa fa-lg fa-inbox text-warning"> </i> Caja Principal <span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li id="navRegistrarIngreso"><a href="/RegistroIngreso_admin/"> Registrar Ingreso</a></li>
              <li id="navListadoIngreso"><a href="/Ingresos_admin_tem/"> Listado de Ingresos</a></li>
              <li id="navRegistrarEgreso"><a href="/RegistroEgreso_admin/">Registrar Egreso</a></li>
              <li id="navListadoEgreso"><a href="/Egresos_admin_tem/"> Listado de Egresos</a></li>
              <li class="divider"></li>
              <li id="navlistaIE"><a href="/ListadoIngresoEgreso_admin/">Movimientos Caja</a></li>
              <li class="divider"></li>
              <li class="dropdown dropdown-submenu"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Cuenta Corriente<span class="caret"></span></a>
                <ul class="dropdown-menu">
                  <li id="navCrearCte_main"><a href="/crear_cta_ahorro_cte_admin/">Crear Cuenta Corriente</a></li>
                  <li id="navListaCtes_main"><a href="/Listado_CuentasCtes_tem_admin/"> Listado de Cuentas Corrientes</a></li>
                </ul>
              </li>
              <li id="navEnviarCaja"> <a  href="/EnviarCaja/"> Enviar Dinero a Oficina</a> </li> 
              <li id="navDeposito"> <a  href="/Depositos/"> Listado de Envíos</a></li>
              <li class="divider"></li>
              <li id="navlistaCierres">
                  <a href="/Admin/CancelarCierre/"> Historial Cierres de Caja</a> 
              </li>
              <li class="divider"></li>
              <li id="navEstadoCajas">
                  <a href="/estadoCajas_Admin_tem/"> Estado de Cajas</a> 
              </li>

              <li class="divider"></li>
              <li id="navRevicionCajas">
                  <a href="/revicionCajas_Admin_tem/"> Revicion de Cajas</a> 
              </li>


            </ul>
          </li>

          <li><span class="navbar-devider"></span></li>
        -->
          <li class="dropdown" id="navConceptos">
              <a href="#" id="navConfig" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Conceptos<span class="caret"></span></a>
              <ul class="dropdown-menu" role="menu">
                <li id="navConfConceptos">
                    <a  href="/Mantenimiento_concepto_e/">conceptos de Egresos Transfercnias</a>
                </li>
                <li id="navConfConceptos_ma">
                    <a  href="/Mantenimiento_concepto_e_m/">conceptos de Egresos caja Material</a>
                </li>
                <!--
                <li id="navConfConceptos_ma">
                    <a  href="#">conceptos de Egresos Material</a>
                </li>
              -->
              </ul>
            </li>
          <!--
          <li class="dropdown" id="navBaL">
            <a href="#" data-toggle="dropdown" class="dropdown-toggle"> Balance <span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li id="navBaLT"><a  href="/Admin/Barras/">Balance Transferencias</a></li>
              <li id="navBalDT"><a  href="/Admin/BalanceDT/">Balance DTs</a></li>
              <li class="divider"></li>
              <li id="navIEDo"><a href="/Balance_CV_Dolar_ofi_Admin_tem/">Balance Venta/Compra Dolar</a></li>
              <li class="divider"></li>
              <li id="navBalEva"><a href="/evolucion_caja_tem/">Evolución de la Empresa</a></li>
            </ul>
          </li>
          -->
      {% endifequal%}
          <li class="dropdown" id="navUser">
            <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown"> 
             {% ifnotequal urlfoto None%}
               {% ifequal urlfoto ''%}
              <span class="fa fa-user"></span>
              {% else %}
                <img class="img-circle" height="25px" width="25px" src="/media/{{ urlfoto }}" alt=""> 
              {% endifequal %}
            {% else %}
              <span class="fa fa-user"></span>
            {% endifnotequal %}
            {{ user.get_username }} <span class="caret"></span>
            </a>
            <ul class="dropdown-menu"> 
              <!--
                <li id="navPerfil"><a href="/perfilGerente/"> Perfil</a></li> 
              -->
                <li id="navCambiarContra"><a href="/Cambiar_ContraGerente/"> Cambiar contraseña</a></li>
                <li><a href="/cerrar/"><i class="fa fa-fw fa-power-off text-danger"></i> Cerrar Sesión</a></li>
     
            </ul> 
          </li> 
      
      </div>
    </div>
  </nav>


 <div class="row" style="height: 50px;">
 </div>

  <div id="content">
    <section>
    
        <div class="section-body contain-lg">
          <div class="row" style="margin-right: 0em;margin-left: 0em;">   
            <br>
            <div class="col-lg-12" id="alertDiv">
          
                {% block content1 %}
                {% endblock content1 %}
              
            </div><!--end .col-lg-12 -->
          </div>
        </div><!--end .section-body -->





    </section>
  <nav class="navbar">
    <div class="container"> 
        <div class="kc_fab_wrapper" ></div> 
         
    </div>
  </nav>
  </div><!--end #content-->   
    <!-- END CONTENT --> 

  <link href="{% static 'bootstrap/css/tema-tabla.css' %}" rel="stylesheet">
</body>  
</html>
