{% extends "baseAdmin.html" %}
{% block titulo %}
  .::NUEVO OFICINA MONEY
{% endblock titulo %}
{% block content1 %}
    <div class="container">
      <script type="text/javascript">
        $("#navOficinaExt").attr('class','dropdown active');
        $("#navcrearofimoney").attr('class','active');
      </script>
      <form action="/Admin/CrearOficina_externa/" 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"> <h5>CREAR OFICINA MONEY</h5></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-6">
                      <div class="panel panel-default">
                        <div class="panel-body">
                          <div class="row">
                            <div class="col-md-12">
                              <p class="bg-success" align="center">
                                <b>Datos de Oficina Money</b>
                              </p>
                            </div>
                          </div>
                          <div class="row">
                            <div class="col-md-3">
                              <h5>Nombre Oficina (MONEY):</h5>
                            </div>
                            <div class="col-md-7">
                              <div class="form-group">
                                <input type="text" class="form-control" id="txtNomOficina" placeholder="nombre de oficina" name="NomOficina" 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-3">
                              <h5>Codigo Oficina (MONEY):</h5>
                            </div>
                            <div class="col-md-7">
                              <div class="form-group">
                                <input type="text" class="form-control" id="txtIdOficina" placeholder="Codigo de oficina (opcional)" name="CodOficina">
                                <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-3">
                              <h5>Observaciones:</h5>
                            </div>
                            <div class="col-md-7">
                              <div class="form-group">
                                <textarea class="form-control" rows="3" placeholder="OBSERVACIONES" name="obs"></textarea >
                                <div class="form-control-feedback" style="text-align:left;" ></div>
                                <div class="help-block with-errors"></div>
                              </div>                              
                              <p></p>
                            </div>
                          </div>
                        </div>
                      </div>  
                    </div>
                    <div class="col-md-6">
                      <div class="panel panel-default">
                        <div class="panel-body">
                          <div class="row">
                            <div class="col-md-12">
                              <p class="bg-success" align="center">
                                <b>Datos de Oficina Imperial</b>
                              </p>
                            </div>
                          </div>
                          <div class="row" id="imp">
                            <div class="col-md-4 col-md-offset-1">
                              <h5>Oficina Imperial</h5>
                            </div>
                            <div class="col-md-6">
                                <select class="form-control" id="ComboOficinas" name="oficina">
                                </select>
                                <p></p>
                            </div>
                          </div>

                        </div>
                      </div>  
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-md-2 col-md-offset-5 col-xs-4 col-xs-offset-2">
                      <input class="btn btn-primary btn-block" type="submit" value="Guardar">
                    </div>
                  </div>
                </div>
              </div>
          </div>

        </div>
      </form>
    </div>
    <script type="text/javascript">
      $(document).ready(function(){
        $('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;
          }
        });
        ajax_oficinas();
        function ajax_oficinas(){
          $.ajax({
            url:'/Admin/oficinasAdmin_para_OfExt_ajax/',
            type:'GET',
            dataType:'json',
            success: function(data){
            var html ="";
              $("#ComboOficinas").html('');
              for(var i=0;i<data.length;i++){
                html += '<option value="'+data[i].pk+'">'+data[i].nombre_oficina+'</option>';
              }
              $('#ComboOficinas').html(html);
            }
          });
        };
      });
    </script>
{% endblock content1 %}