<%--
    Document   : index
    Created on : 05-ene-2018, 20:49:32
    Author     : Alonso
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
  <head>
    <%@include file="templates/header.jsp" %>
    <!--template-core-->

    <!--css-->

    <!--css-->
  </head>

  <body>
    <%@include file="templates/header-body.jsp" %>

    <!--  content -->
    <div class="row">
      <div class="col-md-8 col-md-offset-2">
        <div class="panel panel-flat border-top-xlg border-top-primary">
          <div class="panel-heading">
            <h6 class="panel-title text-semibold"><i class="icon-location4 position-left"></i> Ubigeo</h6>
          </div>
          <div class="panel-body">
            <div class="row">
              <div class="col-md-4">
                <div class="form-group">
                  <label class="text-uppercase">departamento<span class="text-danger"> (*)</span></label>
                  <select id="select_departamento" class="form-control" data-width="100%">
                    <option value="0">[ SELECCIONE ]</option>
                  </select>
                </div>
              </div>
              <div class="col-md-4">
                <div class="form-group">
                  <label class="text-uppercase">provincia<span class="text-danger"> (*)</span></label>
                  <select id="select_provincia" class="bootstrap-select" data-width="100%">
                    <option value="0">[ SELECCIONE ]</option>
                  </select>
                </div>
              </div>
              <div class="col-md-4">
                <div class="form-group">
                  <label class="text-uppercase">distrito<span class="text-danger"> (*)</span></label>
                  <select id="select_distrito" class="bootstrap-select" data-width="100%">
                    <option value="0">[ SELECCIONE ]</option>
                  </select>
                </div>
              </div>

            </div>
            <div class="row">
              <div class="col-md-12">
                <label class="text-danger pull-right">Campos obligatorios (*)</label>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- / content -->



    <%@include file="templates/footer-body.jsp" %>

    <!--js-->
    <script type="text/javascript" src="../plantilla/assets/js/plugins/forms/selects/bootstrap_select.min.js"></script>

    <script type="text/javascript" src="../plantilla/assets/js/pages/form_bootstrap_select.js"></script>
    <!--js-->
    <script src="../js/general.js" type="text/javascript"></script>
    <script src="../js/pages/consultaUbigeo.js" type="text/javascript"></script>
  </body>
</html>

