{% extends "baseAdmin.html" %}
{% block titulo %}
  .::NUEVO SUCURSAL
{% endblock titulo %}
{% block content1 %}
    <div class="container">
      <script type="text/javascript">
        $("#navCOS").attr('class','dropdown active');
        $("#navSucursal").attr('class','active');
      </script>
      <form action="/Admin/CrearSucursal/" method="POST" data-toggle="validator" role="form"> {% csrf_token %}
        <div class="row"><br><br><br><br></div>
        <div class="row">
          <div class="col-md-10 col-md-offset-1 col-sm-12" >
              <div class="panel panel-primary">
                <div class="panel-heading" align="center"> <h5>NUEVO SUCURSAL</h5></div>
                <div class="panel-body">
                  <div class="row" id="Result">
                    {% ifnotequal resultado '' %}
                    {% ifequal resultado 'exito' %}
                    <p class="bg-success" align="center">
                      Registro Exitoso!!
                    </p>
                    {% else %}
                    <p class="bg-danger" align="center">
                      :( Fallo registro {{resultado}}
                    </p>
                    {% 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">
                              <p class="bg-success" align="center">
                                <!--&nbsp;-->
                                Datos de Sucursal
                              </p>
                            </div>
                          </div>
                          <div class="row">
                            <div class="col-md-2 col-md-offset-1">
                              <h5>NombreSucursal</h5>
                            </div>
                            <div class="col-md-3 ">
                              <div class="form-group">
                                <input type="text" class="form-control" id="txtNomSucursal" placeholder="nombre de sucursal" name="NomSucursal" 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>Ciudad:</h5>
                            </div>
                            <div class="col-md-3">
                              <div class="form-group">
                                  <input type="text" class="form-control" id="txtCiuOficina" placeholder="ciudad" name="CiuSucursal" 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>Descripcion:</h5>
                            </div>
                            <div class="col-md-7">
                              <div class="form-group">
                                <textarea class="form-control" rows="3" placeholder="Descripcion" name="Des"></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">
                              <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 class="row">
                            <div class="col-md-2 col-md-offset-1">
                              <h5>Estado:</h5>
                            </div>
                            <div class="col-md-4">
                              <div class="form-group">
                                <input type="text" class="form-control" id="txtEstSucursal"placeholder="Estado de la sucursal" name="EstSucursal" required>
                                <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>
                  <div class="row">
                    <div class="col-md-3 col-md-offset-3 col-xs-4 col-xs-offset-2">
                      <input class="btn btn-primary btn-block" type="submit" value="Guardar">
                    </div>
                    <div class="col-md-3 col-xs-4">
                      <input class="btn btn-default btn-block" type="button" value="Cancelar" id="cancelarTrans">
                    </div>
                  </div>
                </div>
              </div>
          </div>
        </div>
      </form>
    </div>
{% endblock content1 %}