{% extends "base.html" %}
{% load static %}
{% block titulo %}
  .::Envio Caja Alterna
{% endblock titulo %}
{% block content1 %}
    <div class="container">
      <script type="text/javascript">
        $("#navIE").attr('class','dropdown active');
        $("#navenvioCajaAlterna").attr('class','active');
      </script>
      <form id="formulario" action="/EnviarCajaAlternaAlterna/" method="POST" data-toggle="validator" role="form"> {% csrf_token %}
        <!--<div class="row"><br><br><br><br></div>-->
        <div class="row">
          <div class="col-md-12 col-sm-12" >
              <div class="panel panel-primary">
                <div class="panel-heading" align="center"> <h4>ENVIO DE DINERO A CAJA ALTERNA</h4></div>
                <div class="panel-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"  id="grupoC" style="background-color:#D9EDF7;">
                            <div class="row">
                              <div class="col-md-12">
                                <p class="bg-success" align="center">
                                  <!--&nbsp;-->
                                  Datos de Envio
                                </p>
                              </div>
                            </div>
                            <div class="row">
                              <div class="col-md-2 col-md-offset-1"> <h5>Caja Destino</h5></div>
                              <div class="col-md-6">
                                 <select class="form-control" id="ComboCaja" name="caja">
                                    <option value="caja1"></option>
                                  </select>
                                  <p></p>
                              </div>
                            </div>
                            <div class="row">
                              <div class="col-md-2 col-md-offset-1">Moneda</div>
                              <div class="col-md-2">
                                 <select class="form-control"id="Cmoneda" name="moneda">
                                    <option value="soles">Soles</option>
                                    <option value="dolares">Dolares</option>
                                  </select>
                                  <p></p>
                              </div>
                            </div>
                            <div class="row">
                              <div class="col-md-2 col-md-offset-1">Monto</div>
                              <div class="col-md-3">
                                  <div class="form-group">
                                      <input type="text" class="form-control" id="txtMonto" placeholder="0.00" name="monto" required>
                                      <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">
                                <h5>Observaciones</h5>
                              </div>
                              <div class="col-md-4">
                                  <div class="form-group">
                                    <textarea class="form-control" rows="3" placeholder="Observaciones" name="observacion"></textarea >
                                    <div class="form-control-feedback" style="text-align:left;" ></div>
                                    <div class="help-block with-errors"></div>
                                  </div>                                 
                                  <p></p>
                              </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;">
                                      <h5 align ="center"><b>RECIBO DE EGRESO</b></h5>
                                      <table>
                                        <tr nowrap>=====================================</tr>
                                      </table>
                                      <h5 ><b id="oficinaRecibo"></b></h5>
                                      <table>
                                        <tr>
                                          <td id="fechaRecibo" nowrap></td>
                                          <td>&nbsp;</td>
                                          <td id="horaRecibo" nowrap></td>
                                        </tr>
                                      </table>
                                      <br>
                                      <b> A FAVOR DE:</b>
                                      <p id="recibi"></p>
                                      <b>IMPORTE:</b>
                                      <p id="importe"></p>
                                      <b>CONCEPTO:</b>
                                      <br>
                                      <p id="concepto"></p>
                                      <br>
                                      <br>
                                      <p>________________</p>
                                      <b>OP. {{ nombre_usuario }}</b>
                                    </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 class="row">
                      <div class="col-md-4 col-md-offset-4 col-xs-4 col-xs-offset-4">
                        <input class="btn btn-primary btn-block" id="enviar" type="submit" value="Enviar">
                      </div>
                    </div>
                     <script type="text/javascript">
                        var aux="";
                        var indice=0;
                            $(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(horaRecibo);
                                      $("#fechaRecibo").text(fechaRecibo);
                                      $("#importe").text(mr+montoRecibo);
                                      $("#concepto").text(conceptoDetalleRecibo);
                                      $("#usuario").text(usuario);
                                     // $("#recibi1").text("Sr(a): "+nombreRecibo);
                                      $("#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;
                                }
                              });
                              $("#Cmoneda").change(function(){
                                if( $("#Cmoneda").val()=='soles'){
                                  $("#grupoC").css( "background-color","#D9EDF7" );
                                  }
                                else{
                                  $("#grupoC").css( "background-color","#DFF0D8" );
                                  }
                              });
                              $('#txtMonto').numeric('.');
                              ajax_caja();
                               function ajax_caja(){
                                $.ajax({
                                  url:'/cajasAlterna_operador_ajax/',
                                  //async:false,
                                  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].oper+')'+'</option>';
                                    }
                                    $('#ComboCaja').html(html);
                                  }
                                });
                              };
                            })
                            </script>
                </div>
            </div>
          </div>
        </div>
      </form>
    </div>
{% endblock content1 %}