{% extends "base.html" %}
{% load static %}
{% block titulo %}
Envio a Oficina
{% endblock titulo %}
{% block content1 %} 
<script type="text/javascript">
  $("#navC").attr('class','dropdown active');
  $("#navEnvioDinero").attr('class','dropdown dropdown-submenu active');
  $("#navEnvioOficina").attr('class','active');
</script>
      <form action="/EnvioOficina/" method="POST" data-toggle="validator" role="form"> {% csrf_token %}
        <div class="row">
          <div class="col-md-12 col-sm-12" >
              <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-8 col-md-offset-2">
                      <div class="panel panel-default">
                        <div id="divTituloEnvio" class="panel-heading">
                            <strong id="tituloEnvio">ENVIO DE DINERO A OFICINA</strong>
                        </div>
                          <div class="panel-body">
                            <div class="row">
                            <div class="col-md-12">
                                  <div class="row">
                                    <div class="col-md-3" align="right"> <label>Destino:</label></div>
                                    <div class="col-md-3">
                                      <div class="fg-line">
                                        <div class="">
                                             <select class="form-control" id="ComboOficina" name="oficina" placeholder="Destino">
                                              </select>
                                        </div>
                                      </div>
                                      <p></p>
                                    </div>
                                    <div class="col-md-4 ">
                                      <div class="fg-line">
                                        <div class="select">
                                             <select class="form-control" id="ComboCaja" name="caja">
                                              </select>
                                        </div>
                                      </div>
                                      <p></p>
                                    </div>
                                  </div>

                                  <div class="row">
                                    <div class="col-md-2 col-md-offset-1"  align="right"><label>Moneda</label></div>
                                    <div class="col-md-2">
                                      <div class="fg-line">
                                          <div class="select">
                                            <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 class="col-md-2 cd" align="right" hidden>
                                      <label>Tipo de Cambio</label>
                                    </div>
                                    <div class="col-md-2 cd" hidden>
                                        <div class="form-group">
                                        <div class="fg-line">
                                            <input type="text" class="form-control" id="txttc" placeholder="0.00" name="tipoc">
                                            <div class="form-control-feedback" style="text-align:left;" ></div>
                                        </div>
                                        </div>                               
                                        <p></p>
                                    </div>
                                  </div>

                                  <div class="row">
                                    <div class="col-md-2 col-md-offset-1"  align="right"><label>Monto</label></div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                        <div class="fg-line">
                                            <input type="text" class="form-control t-monto" id="txtMonto" placeholder="0.00" name="monto" required>
                                            <div class="form-control-feedback" style="text-align:left;" ></div>
                                        </div>
                                        </div>                               
                                        <p></p>
                                    </div>
                                  </div>
                                  {% ifequal Egreso_hb 'si' %}
                                  <div class="row">
                                    <div class="col-md-2 col-md-offset-1"  align="right"><label>Egreso</label></div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                        <div class="fg-line">
                                            <input type="text" class="form-control" id="txtComi" placeholder="0.00" name="comi">
                                            <div class="form-control-feedback" style="text-align:left;" ></div>
                                        </div>
                                        </div>                               
                                        <p></p>
                                    </div>
                                  </div>
                                  {% endifequal %}
                                  <!--<div class="row">
                                    <div class="col-md-2 col-md-offset-1">
                                      <label>Concepto:</label>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                          <textarea class="form-control" rows="3" placeholder="Concepto" name="concepto"></textarea >
                                          <div class="form-control-feedback" style="text-align:left;" ></div>
                                          <div class="help-block with-errors"></div>
                                        </div>                                 
                                        <p></p>
                                    </div>
                                  </div>-->
                                  <div class="row">
                                    <div class="col-md-2 col-md-offset-1"  align="right">
                                      <label>Observaciones</label>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                        <div class="fg-line">
                                          <textarea class="form-control" rows="2" placeholder="Observaciones" name="observacion"></textarea >
                                          <div class="form-control-feedback" style="text-align:left;" ></div>
                                        </div>
                                        </div>                                 
                                        <p></p>
                                    </div>
                                  </div>
                                  <select class="form-control hidden" name="transac">
                                    <option value="{{transac}}"></option>
                                  </select>
                                  <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 btn-sm" type="submit"> Enviar</button>
                                    </div>
                                  </div>
                                   <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;">
                                              <label align ="center"><b>RECIBO DE EGRESO</b></label>
                                              <table>
                                                <tr nowrap>=====================================</tr>
                                              </table>
                                              <label id="oficinaRecibo"></label><br>
                                              <label id="fechaRecibo"></label><br>
                                              <label id="horaRecibo"></label><br>
                                              <b> OFICINA DESTINO:</b>
                                              <p id="recibi"></p>
                                              <b>IMPORTE:</b>
                                              <p id="importe"></p>
                                              <b>EGRESO:</b>
                                              <p id="comis"></p>
                                              <b>CONCEPTO:</b>
                                              <p id="concepto"></p>
                                              <br>
                                              <p>________________</p>
                                              <b>OP. {{ nombre_usuario }}</b>
                                              <br>
                                            </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>

                          </div>
                        </div>
                           
                        </div>
                    </div>
                  </div>
          </div> 
      </form> 
<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 comis='{{comi}}'
                var monedaRecibo='{{monedaRecibo}}'
                var conceptoDetalleRecibo='{{conceptoDetalleRecibo}}'
                var usuario='{{user.username}}'
                //var dniRecibo='{{dniRecibo}}'
                var oficinaRecibo='{{oficinaRecibo}}'
                $("#recibi").text(nombreRecibo);
                if(monedaRecibo=="soles")
                {
                  mr="S/. "
                }
                else
                {
                  mr="$/. "
                }
                $("#oficinaRecibo").text(oficinaRecibo);
                $("#horaRecibo").text("Hora: "+horaRecibo);
                $("#fechaRecibo").text("Fecha: "+fechaRecibo);
                $("#importe").text(mr+montoRecibo);
                $("#comis").text(mr+comis);
                $("#concepto").text(conceptoDetalleRecibo);
                $("#usuario").text(usuario);
                $("#platillaI").printThis();
                
        {% endifequal %}
        {% endifnotequal %}
      $('input').on('keypress', function(e){
          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;
          }
        });

      
      /*
      $("#pagi2").click(function(){

          ajax_caja();
          $("#tituloEnvio").text("ENVIO DE DINERO A CAJA");
          $("#divTituloEnvio").prop("class","card-head card-head-xs style-info");
           $("#Cmoneda").val("soles");
          $(".campoCaja").fadeIn( 800 );
      });
      */

      $('#ComboOficina').change(function(){
          ajax_caja();
      });
     


      $("#Cmoneda").change(function(){
        if( $("#Cmoneda").val()=='soles'){
          $("#divTituloEnvio").removeClass();
          $("#divTituloEnvio").attr( "class","panel-heading" );
          $(".cd").hide();
        }
        else{
          $("#divTituloEnvio").removeClass();
          $("#divTituloEnvio").attr( "class","panel-heading" );
          $(".cd").fadeIn(700);
          }
      });
      $('#txtMonto').numeric('.');
      $('#txtComi').numeric('.');
      ajax_oficina();
      //otra funcion
      function ajax_oficina(){
        $.ajax({
          url:'/oficinas_ajax_tesoreria_ajax/',
          type:'GET',
          dataType:'json',
          success: function(data){
            var html ="";
            $("#ComboOficina").html('');
            for(var i=0;i<data.length;i++){
              html += '<option value="'+data[i].pk+'">'+data[i].nombre_oficina+'</option>';
            }
            $('#ComboOficina').html(html);
            $('#ComboOficina').selectize();
            ajax_caja($('#ComboOficina').val());
          }
        });
      };
      //otra funcion
      function ajax_caja(){
        $.ajax({
          url:'/CajasPersonal_ajax/',
          data:{'idOfi':$("#ComboOficina").val()},
          type:'GET',
          dataType:'json',
          success: function(data){
            var html ="";
            $("#ComboCaja").html('');
            for(var i=0;i<data.length;i++){
              html += '<option value="'+data[i].pk+'">'+data[i].nombre+' - '+data[i].op+'</option>';
            }
            $('#ComboCaja').html(html);
          }
        });
      };
      //otra funcion
    })
</script>
{% endblock content1 %}