{% extends "baseAdmin.html" %}
{% load static %}
{% block titulo %}
  .::Registrar - Egreso
{% endblock titulo %}
{% block content1 %} 
      <script type="text/javascript">
        $("#navInEg").attr('class','dropdown active');
        $("#navreeg").attr('class','active');
      </script>
      <form action="/RegistroEgreso_admin/" method="POST" data-toggle="validator" role="form" id ="formu"> {% csrf_token %}
        <!--<div class="row"><br><br><br><br></div>-->
        <div class="row">
          <div class="col-md-12 col-sm-12" >
              <div class="card">
                <div class="card-head card-head-xs style-info" id="grupoC"> <strong>REGISTRAR EGRESO</strong></div>
                <div class="card-body">
                  <div class="row" id="Result">
                    {% ifnotequal resultado '' %}
                    {% ifequal resultado 'exito' %}
                    <div class="alert alert-success" role="alert" align="center">
                      <h4>OPERACION EXITOSA!!</h4>
                    </div>
                    {% else %}
                    <div class="alert alert-danger" role="alert" align="center">
                      <h4>FALLO OPERACION :( {{resultado}}</h4>
                    </div>
                    {% endifequal %}
                    {% endifnotequal %}
                  </div>
                  <div class="row">
                    <div class="col-md-10 col-md-offset-1">
                      <div class="panel panel-default">
                        <div class="panel-body">
                          <div class="row">
                            <div class="col-md-12">
                              <h4 class="bg-success" align="center">
                                &nbsp;
                              </h4>
                            </div>
                          </div>
                          <div class="row">
                            <div class="col-md-2 col-md-offset-1">
                              <h5 >Concepto Detalle:</h5>
                            </div>
                            <div class="col-md-5">
                              <div class="form-group">
                              <div class="fg-line">
                                <input type="text" class="form-control" id="txtconcepto" name="concepto"  required>
                                <div class="form-control-feedback" style="text-align:left;" ></div>
                               </div>
                              </div>
                              <p></p>
                            </div>
                            <div class="col-md-3">
                              <button type="button" class="btn btn-primary btn-block" id="tabla" data-toggle="modal" data-target="#myModal" >Tabla</button>
                              <p></p>
                            </div>
                          </div>
                          <div class="row">
                            <div class="col-md-2 col-md-offset-1">
                              <h5 >A favor de:</h5>
                            </div>
                            <div class="col-md-5">
                              <div class="form-group">
                              <div class="fg-line">
                                <input type="text" class="form-control" id="txtNombre" name="afavord" value="{{ usu_n_c }}" required>
                                <div class="form-control-feedback" style="text-align:left;" ></div>
                              </div>
                              </div>
                              <p></p>
                            </div>
                          </div>
                          <div class="row">
                            <div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">º
                              <div class="modal-dialog modal-lg">
                                <div class="modal-content">
                                  <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                    <h4 class="modal-title" id="myModalLabel">Tabla</h4>
                                  </div>
                                  <div class="modal-body">
                                        <ul class="nav nav-tabs" role="tablist">
                                            <li role="presentation" class="active"><a href="#pg1" aria-controls="home" role="tab" data-toggle="tab">Balance General 1</a></li>
                                            <li role="presentation"><a href="#pg2" aria-controls="home" role="tab" data-toggle="tab">Balance General 2</a></li>
                                            <li role="presentation"><a href="#pg3" aria-controls="profile" role="tab" data-toggle="tab">Ganancias y perdidas</a></li>
                                            <li role="presentation"><a href="#pg4" aria-controls="messages" role="tab" data-toggle="tab">Contabilidad Analitica de Explotacion y Orden</a></li>
                                          </ul>

                                          <!-- Tab panes -->
                                          <div class="tab-content">
                                            <div role="tabpanel" class="tab-pane fade in active" id="pg1">
                                              <div class="row">
                                                <p></p>
                                                <h4 class="bg-success" align="center">
                                                  CUENTAS DEL ACTIVO
                                                </h4> 
                                              </div>
                                              <div class="row">
                                                <div class="col-md-4">
                                                  <table>
                                                    <tr>
                                                      <h4 class="bg-success" align="center">
                                                        Activo Disponible y Exgible
                                                      </h4>  
                                                      
                                                    </tr>
                                                    <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="10" data-toggle="modal" data-target="#myModal1"  >10. Cajas y bancos </button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="11" data-toggle="modal" data-target="#myModal1"  >11. Honorario</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="12" data-toggle="modal" data-target="#myModal1"  >12. Gastos de Oficina</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="13" data-toggle="modal" data-target="#myModal1"  >13. Viaticos de Personal</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="14" data-toggle="modal" data-target="#myModal1"  > 14.  Gastos del Gerente</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="15" data-toggle="modal" data-target="#myModal1"  >15. Pagos de Internet</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="16" data-toggle="modal" data-target="#myModal1"  >16. Pagos de Telefono</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="17" data-toggle="modal" data-target="#myModal1"  >17. Pagos de Alquiler</button>
                                                    </tr>
                                                    <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="18" data-toggle="modal" data-target="#myModal1"  >18. Servicios y Otros en Alquileres</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="19" data-toggle="modal" data-target="#myModal1"  >19. Pago de Servicios Prestados</button>
                                                    </tr>
                                                  </table>
                                                </div>
                                                <div class="col-md-4">
                                                  <table>
                                                    <tr>
                                                      <h4 class="bg-success" align="center">
                                                        Activo Realizable
                                                      </h4>  
                                                      
                                                    </tr>
                                                    <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="20" data-toggle="modal" data-target="#myModal1"  >20. Merma de Material</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="21" data-toggle="modal" data-target="#myModal1"  >21. Productos Terminados</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="22" data-toggle="modal" data-target="#myModal1"  >22. Perdidas de Oficina</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="23" data-toggle="modal" data-target="#myModal1"  >23. Productos en Proceso</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="24" data-toggle="modal" data-target="#myModal1"  > 24. Materias Primas</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="25" data-toggle="modal" data-target="#myModal1"  >25. Gastis de implementacion de Oficina</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="26" data-toggle="modal" data-target="#myModal1"  >26. Mantenimiento de Computadoras</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="27" data-toggle="modal" data-target="#myModal1"  >27. Act. no corrientes mantenidos para la venta</button>
                                                    </tr>
                                                    <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="28" data-toggle="modal" data-target="#myModal1"  >28. Existencias por Recibir</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="29" data-toggle="modal" data-target="#myModal1"  >29. Desvalorizacion de existencias</button>
                                                    </tr>
                                                  </table>
                                                </div>
                                                <div class="col-md-4">
                                                  <table>
                                                    <tr>
                                                      <h4 class="bg-success" align="center">
                                                        Activo Inmovilizado
                                                      </h4>  
                                                      
                                                    </tr>
                                                    <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="30" data-toggle="modal" data-target="#myModal1"  >30. Inversiones inmobiliarias</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="31" data-toggle="modal" data-target="#myModal1"  >31. Compra de mercurio</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="32" data-toggle="modal" data-target="#myModal1"  >32. Pasajes de correcamino</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="33" data-toggle="modal" data-target="#myModal1"  >33- Compra de Gaseosas</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="34" data-toggle="modal" data-target="#myModal1"  >34. Compra de los servicios Higienicos</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="35" data-toggle="modal" data-target="#myModal1"  >35. Compra de crisoles</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="36" data-toggle="modal" data-target="#myModal1"  >36. Compra de papel bon</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="37" data-toggle="modal" data-target="#myModal1"  >37. Gasto de Correcamino</button>
                                                    </tr>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="38" data-toggle="modal" data-target="#myModal1"  >38. Pago de licencia</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="39" data-toggle="modal" data-target="#myModal1"  >39. Compra  de alicate</button>
                                                    </tr>
                                                  </table>
                                                </div>
                                              </div>
                                            </div>
                                            <div role="tabpanel" class="tab-pane fade" id="pg2">
                                              <div class="row">
                                                <p></p>
                                                  
                                              </div>
                                              <div class="row">
                                                <div class="col-md-5 col-md-offset-1">
                                                  <table>
                                                    <tr>
                                                      <h4 class="bg-success" align="center">
                                                        CUENTAS DEL PASIVO
                                                      </h4>
                                                      <h4 class="bg-success" align="center">
                                                        Pasivo
                                                      </h4>  
                                                      
                                                    </tr>
                                                    <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="40" data-toggle="modal" data-target="#myModal1"  >40. Tributos y aportes al sistema de pensiones </button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="41" data-toggle="modal" data-target="#myModal1"  >41. Remuneraciones</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="42" data-toggle="modal" data-target="#myModal1"  >42. Pagos al seguro social</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="43" data-toggle="modal" data-target="#myModal1"  >43. Pahos de impuestos ala sunat</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="44" data-toggle="modal" data-target="#myModal1"  >44. Honorarios del contador</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="45" data-toggle="modal" data-target="#myModal1"  >45. Servicios Prestados del abogado</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="46" data-toggle="modal" data-target="#myModal1"  >46. Sobrantes del Saldo</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="47" data-toggle="modal" data-target="#myModal1"  >47. Deuda</button>
                                                    </tr>
                                                    <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="48" data-toggle="modal" data-target="#myModal1"  >48. Viaticos</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="49" data-toggle="modal" data-target="#myModal1"  >49. Broqueer</button>
                                                    </tr>
                                                  </table>
                                                </div>
                                                <div class="col-md-5">
                                                  <table>
                                                    <tr>
                                                      <h4 class="bg-success" align="center">
                                                        CUENTAS DEL PATRIMONIO
                                                      </h4>  
                                                      <h4 class="bg-success" align="center">
                                                        Patrimonio neto
                                                      </h4>  
                                                    </tr>
                                                    <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="50" data-toggle="modal" data-target="#myModal1"  >50. Capital</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="51" data-toggle="modal" data-target="#myModal1"  >51. Acciones de inversion</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="52" data-toggle="modal" data-target="#myModal1"  >52. Capital Adicional</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="53" data-toggle="modal" data-target="#myModal1"  >53. Pago de Luz</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="54" data-toggle="modal" data-target="#myModal1"  >54. Expreso de movilidad</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="55" data-toggle="modal" data-target="#myModal1"  >55. Pago por telefono fijo de la empresa</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="56" data-toggle="modal" data-target="#myModal1"  >56. Resultados no Realizados</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="57" data-toggle="modal" data-target="#myModal1"  >57. Excedentes de evaluacion</button>
                                                    </tr>
                                                    <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="58" data-toggle="modal" data-target="#myModal1"  >58. Pago por la exportacion</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="59" data-toggle="modal" data-target="#myModal1"  >59. Resultados acumulados</button>
                                                    </tr>
                                                  </table>
                                                </div>
                                              </div>
                                              <div class="row">
                                                <p></p>
                                              </div>
                                            </div>
                                            <div role="tabpanel" class="tab-pane fade" id="pg3">
                                              <div class="row">
                                                <p></p>
                                              </div>
                                              <div class="row">
                                                <div class="col-md-4">
                                                  <table>
                                                    <tr>
                                                      <h4 class="bg-success" align="center">
                                                        CUENTAS DE GASTOS POR NATURALEZA
                                                      </h4>  
                                                      <h4 class="bg-success" align="center">
                                                        &nbsp;
                                                      </h4> 
                                                      <h4 class="bg-success" align="center">
                                                        Gastos por naturaleza
                                                      </h4>
                                                    </tr>
                                                    <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="60" data-toggle="modal" data-target="#myModal1"  >60. Compras </button>
                                                    </tr>
                                                    <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="61" data-toggle="modal" data-target="#myModal1"  >61. Variacion de existencias</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="62" data-toggle="modal" data-target="#myModal1"  >62. Gastos de personal, drectores y gerentes</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="63" data-toggle="modal" data-target="#myModal1"  >63. Gastos por servicios prestados por terceros</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="64" data-toggle="modal" data-target="#myModal1"  >64. Gastos por tributo</button>
                                                    </tr>
                                                    <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="65" data-toggle="modal" data-target="#myModal1"  >65. Otros gastos de gestion</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="66" data-toggle="modal" data-target="#myModal1"  >66. Perdida por medicion de act. no finan. al valor raz.</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="67" data-toggle="modal" data-target="#myModal1"  >67. Gastos financieros</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="68" data-toggle="modal" data-target="#myModal1"  >68. Val. y det. de activos y previsiones</button>
                                                    </tr>
                                                  </table>
                                                </div>
                                                <div class="col-md-4">
                                                  <table>
                                                    <tr>
                                                      <h4 class="bg-success" align="center">
                                                        CUENTAS DE INGRESO POR NATURALEZA
                                                      </h4>  
                                                      <h4 class="bg-success" align="center">
                                                        &nbsp;
                                                      </h4>  
                                                      <h4 class="bg-success" align="center">
                                                        Ingresos
                                                      </h4>  
                                                    </tr>
                                                    <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="70" data-toggle="modal" data-target="#myModal1"  >70. Ventas</button>
                                                    </tr>
                                                    <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="71" data-toggle="modal" data-target="#myModal1"  >71. Variacion de la produccion almacenada</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="72" data-toggle="modal" data-target="#myModal1"  >72. Produccion de activos inmobiliarios</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="73" data-toggle="modal" data-target="#myModal1"  >73. Descuentos, rebajas y bonificaciones obtenidos</button>
                                                    </tr>
                                                    <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="74" data-toggle="modal" data-target="#myModal1"  >74. Descuentos, rebajas y bonificaciones Concedidos</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="75" data-toggle="modal" data-target="#myModal1"  >75. Otros ingresos de gestion</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="76" data-toggle="modal" data-target="#myModal1"  >76. Ganancia por medicion de activos no financieros al valor razonable</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="77" data-toggle="modal" data-target="#myModal1"  >77. Ingresos financierosa</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="78" data-toggle="modal" data-target="#myModal1"  >78. Cargos Cubiertos por proviciones</button>
                                                    </tr>
                                                  </table>
                                                </div>
                                                <div class="col-md-4">
                                                  <table>
                                                    <tr>
                                                      <h4 class="bg-success" align="center">
                                                        C. DE SALDOS POR INTERMEDIARIOS DE GESTION Y DET. DE LOS RESULTADOS DEL EJERCICIO
                                                      </h4>  
                                                      <h4 class="bg-success" align="center">
                                                        Saldos intermediarios de gestion
                                                      </h4>  
                                                      
                                                    </tr>
                                                    <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="80" data-toggle="modal" data-target="#myModal1" >80. Margen Comercial</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="81" data-toggle="modal" data-target="#myModal1"  >81. Produccion del Ejercicio</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="82" data-toggle="modal" data-target="#myModal1"  >82. Valor agregado</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="83" data-toggle="modal" data-target="#myModal1"  >83. CExcedente bruto de la explotacion</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="84" data-toggle="modal" data-target="#myModal1"  >84. Resultados de explotacion</button>
                                                    </tr>
                                                    <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="85" data-toggle="modal" data-target="#myModal1"  >85. Resultados antes de participacion de impuestos</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="86" data-toggle="modal" data-target="#myModal1"  >86. </button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="87" data-toggle="modal" data-target="#myModal1"  >87. Participaciones de los trabajadores</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="88" data-toggle="modal" data-target="#myModal1"  >88. Impuesto ala Renta</button>
                                                    </tr>
                                                    </tr>
                                                  </table>
                                                </div>
                                              </div>
                                            </div>
                                            <div role="tabpanel" class="tab-pane fade" id="pg4">
                                              <div class="row">
                                                <p></p>
                                                  
                                              </div>
                                              <div class="row">
                                                <div class="col-md-5 col-md-offset-1">
                                                  <table>
                                                    <tr>
                                                      <h4 class="bg-success" align="center">
                                                        Gastos de produccion y gastos por funcion
                                                      </h4>
                                                    </tr>
                                                    <tr>
                                                      <h4 class="bg-success" align="center">
                                                        &nbsp;
                                                      </h4>
                                                    </tr>
                                                    <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="90" data-toggle="modal" data-target="#myModal1"  >90. </button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="91" data-toggle="modal" data-target="#myModal1"  >91. </button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="92" data-toggle="modal" data-target="#myModal1"  >92. </button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="93" data-toggle="modal" data-target="#myModal1"  >93. </button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="94" data-toggle="modal" data-target="#myModal1"  >94. </button>
                                                    </tr>
                                                    <tr>
                                                      <p></p>
                                                      <p class="bg-success" align="center">
                                                        &nbsp;
                                                      </p>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="95" data-toggle="modal" data-target="#myModal1"  >95. </button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="96" data-toggle="modal" data-target="#myModal1"  >96. </button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="97" data-toggle="modal" data-target="#myModal1"  >97.</button>
                                                    </tr>
                                                    <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="98" data-toggle="modal" data-target="#myModal1"  >98. </button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="99" data-toggle="modal" data-target="#myModal1"  >99. </button>
                                                    </tr>
                                                  </table>
                                                </div>
                                                <div class="col-md-5">
                                                  <table>
                                                    <tr>
                                                      <h4 class="bg-success" align="center">
                                                        Cuentas de orden
                                                      </h4>  
                                                    </tr>
                                                    <tr>
                                                      <h4 class="bg-success" align="center">
                                                        Cuentas de orden deudoras
                                                      </h4>  
                                                    </tr>
                                                    <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="00" data-toggle="modal" data-target="#myModal1"  >00.. </button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="01" data-toggle="modal" data-target="#myModal1"  >01. Bienes y valor entregado</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="02" data-toggle="modal" data-target="#myModal1"  >02. Derechos sobre instrumentos financieros derivados</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="03" data-toggle="modal" data-target="#myModal1"  >03. Otras cuentas de orden deudoras</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="04" data-toggle="modal" data-target="#myModal1"  >04. Deudas por contra</button>
                                                    </tr>
                                                    <tr>
                                                      <p></p>
                                                      <h4 class="bg-success" align="center">
                                                        Cuentas de orden acreedoras
                                                      </h4>  
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="05" data-toggle="modal" data-target="#myModal1"  >05. </button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="06" data-toggle="modal" data-target="#myModal1"  >06. Bienes de valor recibido</button>
                                                    </tr>
                                                    <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="07" data-toggle="modal" data-target="#myModal1"  >07. Compromisos sobre instrumentos financieros derivados</button>
                                                    </tr>
                                                     <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="08" data-toggle="modal" data-target="#myModal1"  >08. Otras cuentas de orden acreedoras</button>
                                                    </tr>
                                                    <tr>
                                                      <button type="button" class="btn btn-default btn-block botonD" id="09" data-toggle="modal" data-target="#myModal1"  >09. Acreedoras por contra</button>
                                                    </tr>
                                                  </table>
                                                </div>
                                              </div>
                                              <div class="row">
                                                <p></p>
                                              </div>
                                            </div>
                                          </div>

                                  </div>
                                  <div class="modal-footer">
                                    <button type="button" class="btn btn-primary " data-dismiss="modal">Cerrar</button>
                                  </div>
                                </div><!-- /.modal-content -->
                              </div><!-- /.modal-dialog -->
                            </div><!-- /.modal -->
                            <div id="myModal1" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">º
                              <div class="modal-dialog">
                                <div class="modal-content">
                                  <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                    <h4 class="modal-title" id="myModalLabel">Detalles</h4>
                                  </div>
                                  <div class="modal-body">
                                    <div class="row">
                                      <div class="col-md-5">
                                        <div class="panel panel-default">
                                          <div class="panel-body">
                                            <div class="row">
                                              <div class="col-md-12">
                                                <p class="bg-success" align="center">
                                                  &nbsp;
                                                </p>
                                              </div>
                                            </div>     
                                            <div class="row">
                                              <div class="col-md-12" style="height:200px;" >
                        
                                              </div>
                                            </div>                                      
                                          </div>
                                        </div> 
                                      </div>
                                      <div class="col-md-7">
                                        <div class="panel panel-default">
                                          <div class="panel-body">
                                            <div class="row">
                                              <div class="col-md-12">
                                                <p class="bg-success" align="center">
                                                  &nbsp;
                                                </p>
                                              </div>
                                            </div>   
                                            <div class="row">
                                              <div class="col-md-4">
                                                <h5>Cuenta:</h5>
                                              </div>
                                              <div class="col-md-8">
                                                <input type="text" class="form-control" id="txtcuenta" name="cuenta">
                                              </div>
                                            </div>   
                                            <p></p> 
                                            <!--<div class="row">
                                              <div class="col-md-4">
                                                <h5>Codigo:</h5>
                                              </div>
                                              <div class="col-md-8">
                                                <input type="text" class="form-control" id="txtcodigo">
                                              </div>
                                            </div> 
                                            <p></p>-->
                                            <div class="row">
                                              <div class="col-md-4">
                                                <h5>Descripcion:</h5>
                                              </div>
                                              <div class="col-md-8">
                                                <textarea class="form-control" rows="4" id ="txtdescrip" name="des"></textarea >
                                              </div>
                                            </div> 
                                            <p></p>
                                            <div class="row">
                                              <div class="col-md-4">
                                                <h5>Observaciones:</h5>
                                              </div>
                                              <div class="col-md-8">
                                                <textarea class="form-control" rows="2" id ="txtobservacio" name="obsC"></textarea >
                                              </div>
                                            </div> 

                                          </div>
                                        </div> 
                                      </div>
                                    </div>
                                  </div>
                                  <div class="modal-footer">
                                    <button type="button" class="btn btn-primary" id="btnSelec" data-dismiss="modal">Aceptar</button>
                                    <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
                                  </div>
                                </div><!-- /.modal-content -->
                              </div><!-- /.modal-dialog -->
                            </div><!-- /.modal -->
                            <div id="modalrecibo" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                              <div class="modal-dialog">
                                <div class="modal-content">
                                  <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                    <h4 class="modal-title" id="myModalLabel">Detalles</h4>
                                  </div>
                                  <div class="modal-body">
                                    <div  id="platillaI" style="font-family:'Lucida Console', Monaco, monospace;font-size:13px;">
                                      <h5 align ="center"><b>RECIBO DE EGRESO</b></h5>
                                      <table>
                                        <tr nowrap>=====================================</tr>
                                      </table>
                                      <b id ="recibi1"></b>
                                      <h5 id="oficinaRecibo"></h5>
                                      <table>
                                        <tr>
                                          <td id="fechaRecibo" nowrap></td>
                                          <td>&nbsp;</td>
                                          <td id="horaRecibo" nowrap></td>
                                        </tr>
                                      </table>
                                      <br>
                                      <b>AFAVOR DE:</b>
                                      <p id="recibi"></p>
                                      <b>IMPORTE:</b>
                                      <p id="importe"></p>
                                      <b>CONCEPTO:</b>
                                      <p id="concepto"></p>
                                      <br>
                                      <table>
                                        <tr>
                                          <td>___________</td>
                                          <td>&nbsp;</td>
                                          <td>___________</td>
                                        </tr>
                                        <tr>
                                          <td nowrap><h6>OP. {{ nombre_usuario }}</h6> </td>
                                          <td> &nbsp;</td>
                                          <td><h5 id ="recibi2"></h5></td>
                                        </tr>
                                      </table>
                                    </div>
                                  </div>
                                  <div class="modal-footer">
                                    <hr>
                                    <button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
                                  </div>

                                </div><!-- /.modal-content -->
                              </div><!-- /.modal-dialog -->
                          </div><!-- /.modal -->
                          </div>
                          <div class="row" id="campoAp">
                            <div class="col-md-2 col-md-offset-1">
                              <h5>Monto:</h5>
                            </div>
                            <div class="col-md-3">
                              <div class="form-group">
                              <div class="fg-line">
                                 <input type="text" class="form-control" id="txtmonto" name="monto" required>
                                 <div class="form-control-feedback" style="text-align:left;" ></div>
                              </div>
                              </div>                             
                              <p></p>
                            </div>
                            <div class="col-md-2">
                              <h5>Moneda:</h5>
                            </div>
                            <div class="col-md-3">
                              <div class="form-group">
                              <div class="select">
                              <div class="fg-line">
                                <select class="form-control" id="Cmoneda" name="moneda">
                                  <option value="soles">Soles</option>
                                  <option value="dolares">Dolares</option>
                                </select>
                              </div>
                              </div>
                                <p></p>
                              </div>   
                            </div>
                          </div> 
                         
                          <script type="text/javascript">
                            $(document).ready(function(){
                               {% ifnotequal resultado '' %}
                                {% ifequal resultado 'exito' %}
                                      var mr;
                                      var fechaRecibo= '{{fechaRecibo}}'
                                      var horaRecibo='{{horaRecibo}}'
                                      var nombreRecibo='{{nombreRecibo}}'
                                      var montoRecibo='{{montoRecibo}}'
                                      var monedaRecibo='{{monedaRecibo}}'
                                      var conceptoDetalleRecibo='{{conceptoDetalleRecibo}}'
                                      var usuario='{{user.username}}'
                                      //var dniRecibo='{{dniRecibo}}'
                                      var oficinaRecibo='{{oficinaRecibo}}'
                                      $("#recibi").text("Sr(a): "+nombreRecibo);
                                      if(monedaRecibo=="soles")
                                      {
                                        mr="S/. "
                                      }
                                      else
                                      {
                                        mr="$/. "
                                      }
                                      $("#oficinaRecibo").text(oficinaRecibo);
                                      $("#horaRecibo").text("Hora: "+horaRecibo);
                                      $("#fechaRecibo").text("Fecha: "+fechaRecibo);
                                      $("#importe").text(mr+montoRecibo);
                                      $("#concepto").text(conceptoDetalleRecibo);
                                      $("#usuario").text(usuario);
                                      $("#recibi2").text("Sr(a): "+nombreRecibo);
                                      $("#platillaI").printThis();
                                      
                              {% endifequal %}
                              {% endifnotequal %}
                              // Al presionar cualquier tecla en cualquier campo de texto, ejectuamos la siguiente función
                              $('input').on('keypress', function(e){
                                      console.log($(this).parents("form").eq(0).find(":input.form-control"));
                                      // Solo nos importa si la tecla presionada fue ENTER... (Para ver el código de otras teclas: http://www.webonweboff.com/tips/js/event_key_codes.aspx)
                                      if(e.keyCode == 13)
                                      {
                                              var inputs = $(this).parents("form").eq(0).find(":input.form-control");
                                              var idx = inputs.index($(this));

                                              if (idx == inputs.length - 1) {
                                                  inputs[0].select()
                                              } else {
                                                  inputs[idx + 1].focus(); //  handles submit buttons
                                                  inputs[idx + 1].select();
                                              }
                                              return false;
                                      }
                              });
                               $("#Cmoneda").change(function(){
                                  if( $("#Cmoneda").val()=='soles'){
                                     $("#grupoC").removeClass(); 
                                    $("#grupoC").attr( "class","card-head card-head-xs style-info" );
                                    }
                                  else{
                                     $("#grupoC").removeClass();
                                    $("#grupoC").attr( "class","card-head card-head-xs style-success" );
                                    }
                                });
                              $(document).on('show.bs.modal', '.modal', function () {
                                    var zIndex = 1040 + (10 * $('.modal:visible').length);
                                    $(this).css('z-index', zIndex);
                                    setTimeout(function() {
                                        $('.modal-backdrop').not('.modal-stack').css('z-index', zIndex - 1).addClass('modal-stack');
                                    }, 0);
                                });
                              $(document).on('hidden.bs.modal', '.modal', function () {
                                  $('.modal:visible').length && $(document.body).addClass('modal-open');
                              });
                              $(document).on("click",".botonD",function(){
                                var num = $(this).attr('id');
                                $("#txtcuenta").prop('value',num);
                                var tex= $(this).text();
                                tex= tex.substring(3)
                                $("#txtdescrip").prop('value',tex.trim());
                                $("#txtconcepto").prop('value',tex.trim());
                                $("#formu").validator('validate');
                              });
                              $("#btnSelec").click(function(){
                                $("#myModal").modal('hide');
                                //$("#myModal1").modal('hide');
                              });
                              /*$(document).on("click",".submenu",function(){
                                var num = $(this).attr('id');
                                alert(num);
                                  var a=$(this).find('li.dropdown-submenu').removeClass('open');
                                console.log(a);
                               $(this).attr('class','dropdown-submenu').addClass('open');
                                var html= '<ul class="dropdown-menu"><li class="submenu" id="21"><a tabindex="0">Sub action</a></li><li class="submenu" id="22"><a tabindex="0">Something else here</a></li></ul>';
                                $(this).append(html);
                              });
                              $('[data-submenu]').submenupicker();
                              $('#txtmonto').numeric();
                              $('#reg').click(function(){
                                alert('enviado');
                                $('#formu').submit();
                              });*/
                            });
                          </script>
                         
                          <div class="row">
                            <div class="col-md-2 col-md-offset-1">
                              <h5>Observaciones:</h5>
                            </div>
                            <div class="col-md-8">
                              <div class="form-group">
                              <div class="fg-line">
                                <textarea class="form-control" rows="3" placeholder="OBSERVACIONES" name="obs"></textarea >
                                <div class="form-control-feedback" style="text-align:left;" ></div>
                              </div>
                              </div>
                            </div>
                          </div>
                           <div class="row">
                            <div class="col-md-4 col-md-offset-4 col-xs-4 col-xs-offset-4 m-b-10">
                              <button class="btn btn-primary btn-block" type="submit">Registrar </button>
                            </div>
                          </div>  
                        </div>
                      </div>  
                    </div>
                  </div>
                  
                </div>
              </div>
          </div>
        </div>
      </form> 
    
{% endblock content1 %}
{% block javas %}
{% endblock javas %}