{% extends "baseAdmin.html" %}
{% block titulo %}
  .::Envio a Caja
{% endblock titulo %}
{% block content1 %}
    <div class="container">
      <script type="text/javascript">
        $("#navCajaPrincipal").attr('class','dropdown active');
        $("#navEnviarCaja").attr('class','active');
      </script>
      <form action="/EnviarCaja/" method="POST" data-toggle="validator" role="form"> {% csrf_token %}
        <div class="row">
          <div class="col-md-12 col-sm-12" >
              <div class="panel panel-default">
                <div class="panel-heading" id="grupoC"> <b>ENVIO A CAJA</b></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">
                          <div class="row">
                            <div class="col-md-12">
                              <h4 class="bg-success" align="center">
                                <!--&nbsp;-->
                                Datos de Envío
                              </h4>
                            </div>
                          </div>
                          <div class="row">
                            <div  class="col-md-2 col-md-offset-1">
                              <label>Caja destino::</label>
                            </div>
                          </div>
                          <div class="row">
                            <div class="col-md-2 col-md-offset-1"> <label>A Favor de:</label></div>
                            <div class="col-md-3">
                            <div class="fg-line"> 
                            <div class="select"> 
                               <select class="form-control" id="ComboOficina" name="oficina">
                                  <option value="oficina1"></option>
                                  <option value="oficina2"></option>
                                  <option value="ofician3"></option>
                                </select>
                                <div class="form-control-feedback" style="text-align:left;" ></div>
                            </div>
                            </div>
                            </div> 
                            <div class="col-md-1"> <label>Caja</label></div>
                            <div class="col-md-3">
                            <div class="fg-line"> 
                            <div class="select"> 
                               <select class="form-control" id="ComboCaja" name="caja">
                                  <option value="caja1"></option>
                                  <option value="caja2"></option>
                                  <option value="caja3"></option>
                                </select>
                                <div class="form-control-feedback" style="text-align:left;" ></div>
                            </div>
                            </div>
                            </div>
                          </div>
                          <p></p>

                          <!--<div class="row">
                            <div  class="col-md-2 col-md-offset-1">
                              <label>Tipo Egreso:</label>
                            </div>
                            <div class="col-md-3"> 
                               <select class="form-control" id="ComboCaja" name="tipoE">
                                  <option value="otro">Otros</option>
                                  <option value="pagoTransferencia">Pago Transferencia</option>
                                </select>
                                <p></p>
                            </div>
                          </div>-->
                          <!--
                          <div class="row">
                            <div class="col-md-2 col-md-offset-1">
                              <label>Operador:</label>
                            </div>
                            <div class="col-md-5 ">
                              <select class="form-control" id="ComboAfavor" name="Afavorde">
                                  <option value="nulo"></option>
                              </select>
                              <p></p>
                            </div>
                          </div>-->
                          <!--<div class="row">
                            <div class="col-md-2 col-md-offset-1">
                              <label> Tipo Documet</label>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <input type="text" class="form-control" id="txtTDocumento" placeholder="Tipo de documento" name="Tipodocu" 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"><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 class="form-control-feedback" style="text-align:left;" ></div>
                                </div>
                              </div>
                            </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" required>
                                      <div class="form-control-feedback" style="text-align:left;" ></div>
                                  </div>
                                  </div>
                              </div>
                          </div>
                          <p></p>
                          <div class="row">
                            <div class="col-md-2 col-md-offset-1"><label>Monto</label></div>
                            <div class="col-md-3">
                                <div class="form-group">
                                <div class="fg-line">
                                  <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>
                                </div>                               
                                <p></p>
                            </div>
                          </div>
                          <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">
                                <div class="fg-line">
                                  <textarea class="form-control" rows="3" placeholder="Concepto" name="concepto"></textarea >
                                  <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">
                              <label>Observaciones</label>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                <div class="fg-line">
                                  <textarea class="form-control" rows="3" placeholder="Observaciones" name="observacion"></textarea >
                                  <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-5 col-xs-4 col-xs-offset-2">
                            <button class="btn btn-block btn-primary waves-effect" type="submit"><i class="md md-check"></i> Enviar</button>
                            </div>
                          </div>

                        </div>
                      </div>  
                    </div>
                  </div>

                  <div id="modal1" 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;">
                                      <h4><u>RECIBO DE EGRESO</u></h4>
                                      <label>Gerencia</label>
                                      <table>
                                        <tr>
                                          <td> Fecha: </td>
                                          <td>&nbsp;</td>
                                          <td id="fechaRec" nowrap></td>
                                        </tr>
                                        <tr>
                                          <td> Hora </td>
                                          <td>&nbsp;</td>
                                          <td id="horaRec" nowrap></td>
                                        </tr>
                                      </table>
                                      <br>
                                      <b>A FAVOR DE:</b>
                                      <table>
                                        <tr>
                                          <td nowrap>Oficina destino:</td>
                                          <td>&nbsp;</td>
                                          <td id="a_oa"></td>
                                        </tr>
                                        <tr>
                                          <td>Caja:</td>
                                          <td>&nbsp;</td>
                                          <td id="a_ca"nowrap></td>
                                        </tr>
                                        <tr>
                                          <td>Operador:</td>
                                          <td>&nbsp;</td>
                                          <td id="a_fa"nowrap></td>
                                        </tr>
                                      </table>
                                      <br>
                                      <b>IMPORTE:</b>
                                      <p id="importe"></p>
                                      <b>CONCEPTO:</b>
                                      <p id="concepto"> Envio de dinero para oficina</p>
                                      <br>
                                      <table>
                                        <tr>
                                          <td>___________</td>
                                        </tr>
                                        <tr>
                                          <td nowrap><h6>GERENTE</h6> </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 -->
                   <script type="text/javascript">
                          $(document).ready(function(){
                            {% ifnotequal resultado '' %}
                              {% ifequal resultado 'exito' %}
                                  var mr;
                                  var a_favor= '{{afavor}}'
                                  var monedaRecibo='{{moneda}}'
                                  //var nombreRecibo='{{nombreRecibo}}'
                                  var montoRecibo='{{monto}}'
                                  var cajaD='{{cajaD}}'
                                  //var conceptoDetalleRecibo='{{conceptoDetalleRecibo}}'
                                  var oficinaD='{{oficinaD}}'
                                  if(monedaRecibo=="soles")
                                    {
                                      mr="S/. "
                                    }
                                  else
                                  {
                                    mr="$/. "
                                  }
                                  var fecha = new Date();
                                  var mes = [
                                          "Enero",
                                          "Febrero",
                                          "Marzo",
                                          "Abril",
                                          "Mayo",
                                          "Junio",
                                          "Julio",
                                          "Agosto",
                                          "Septiembre",
                                          "Octubre",
                                          "Noviembre",
                                          "Diciembre"
                                          ];
                                  var textofecha= fecha.getDate() + " de " + mes[fecha.getMonth()] + " del " + fecha.getFullYear();
                                  var hora = new Date();
                                  var textohora = hora.getHours() + ":" + hora.getMinutes();
                                  $("#fechaRec").text(textofecha);
                                  $("#horaRec").text(textohora);
                                  $("#a_fa").text(a_favor);
                                  $("#a_oa").text(oficinaD);
                                  $("#a_ca").text(cajaD);

                                  $("#importe").text( mr + montoRecibo);
                                  $("#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").removeClass();
                                $("#grupoC").prop( "class","card-head card-head-xs style-info" );
                                $(".cd").hide();
                                }
                              else{
                                $("#grupoC").removeClass();
                                $("#grupoC").prop( "class","card-head card-head-xs style-success" );
                                $(".cd").fadeIn(700);
                                }
                            });
                            $('#txtMonto').numeric('.');
                            ajax_oficina();
                            //ajax_caja($("#ComboOficina").val());
                            //ajax_personal_caja($("#ComboCaja").val());
                            $("#ComboCaja").focus(function(){
                              ajax_caja($("#ComboOficina").val());
                            });
                            $("#ComboOficina").change(function(){
                              ajax_caja($("#ComboOficina").val());
                            });
                            /*
                            $("#ComboCaja").change(function(){
                              ajax_personal_caja($("#ComboCaja").val());
                            })
                            $("#ComboAfavor").focus(function(){
                              ajax_personal_caja($("#ComboCaja").val());
                            });*/
                            //otra funcion
                            function ajax_oficina(){
                              $.ajax({
                                url:'/Admin/oficinas_ajax/',
                                //async:false,
                                type:'GET',
                                dataType:'json',
                                success: function(data){
                                console.log(data);
                                var html ="";
                                  $("#ComboOficina").html('');
                                  for(var i=0;i<data.length;i++){
                                    if(data[i].estado_oficina){
                                      html += '<option value="'+data[i].pk+'">'+data[i].nombre_oficina+'</option>';
                                    }
                                  }
                                  $('#ComboOficina').html(html);
                                  ajax_caja($("#ComboOficina").val());
                                }
                              });
                            };
                             function ajax_caja(oficina){
                              $.ajax({
                                url:'/Admin/cajas_ajax/',
                                data:{'idOfi':oficina},
                                type:'GET',
                                dataType:'json',
                                success: function(data){
                                  var html = '';
                                  $("#ComboCaja").html('<option value="-1"> </option>');
                                  for(var i=0;i<data.length;i++){
                                    if(data[i].estado){
                                      html += '<option value="'+data[i].pk+'">'+data[i].nombre+'</option>';
                                    }
                                  }
                                  $('#ComboCaja').html(html);
                                  //$("#ComboAfavor").html('');
                                  //ajax_personal_caja($("#ComboCaja").val());
                                }
                              });
                            };
                            function ajax_personal_caja(caja){
                              if(caja != null && caja !=""){
                                $.ajax({
                                  url:'/Admin/personal_caja_ajax/',
                                  //async:false,
                                  data:{'idca':caja},
                                  type:'GET',
                                  dataType:'json',
                                  success: function(data){
                                    var html ="";
                                    $("#ComboAfavor").html('');
                                    for(var i=0;i<data.length;i++){
                                      html += '<option value="'+data[i].pk+'">'+data[i].nombre+' '+data[i].Apellido_paterno+' '+data[i].Apellido_materno+' '+data[i].dni+'</option>';
                                    }
                                    $('#ComboAfavor').html(html);

                                  }
                                });
                              }
                            };
                            //otra funcion
                          })
                          </script>
                </div>
              </div>
          </div>
        </div>
      </form>
    </div>
{% endblock content1 %}