  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1>Gestión de zonas</h1>
          </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="#">Home</a></li>
              <li class="breadcrumb-item"><a href="#">Administración</a></li>
              <li class="breadcrumb-item"><a href="#">Gestión de zonas</a></li>
              <li class="breadcrumb-item active"></li>
            </ol>
          </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>

    <?php 

      require_once "../../controlador/administracion.controlador.php";

      // Instancia de la clase UsuarioControlador
      $administracionControlador = new Controladoradministracion();

      // Zonas
      $zonas = $administracionControlador->ctrConsultaZona();

      // Tipos de consulta
      $tiposzonas = $administracionControlador->ctrConsultaTiposzona();

    ?>

    <!-- Modal nuevo proceso -->
    <div class="modal fade" id="modal_nuevo_zonas" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-lg">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">Nueva zona</h5>   
          </div>
          <form class="form-horizontal" autocomplete="off" id="frm_zonas">
            <div class="modal-body"> 
                <div class="row">
                  <div class="form-group col-sm-6">
                    <input class="form-control text-uppercase" type="txt" name="m_descripcion_zona" id="m_descripcion_zona" style="height: 30px;" placeholder="DESCRIPCIÓN">
                  </div>
                  <div class="col-sm-6">
                    <div class="form-group">
                      <!-- <label for="" class="col-sm-1 col-form-label"></label> -->
                      <select class="selectproceso form-control" style="width: 100%" name="m_tipozona" id="m_tipozona">
                        <option value="">SELECCIONAR TIPO DE ZONA</option>
                        <?php foreach ($tiposzonas as $key => $tiposzona) { ?>
                          <option value="<?php echo $tiposzona['id'] ?>"><?php echo utf8_encode($tiposzona['descripcion']) ?></option>
                        <?php } ?>
                      </select> 
                    </div>
                  </div>
                  <div class="form-group col-sm-6">
                    <input class="form-control" type="number" min="-90" max="90" name="m_latitud" id="m_latitud" style="height: 30px;" placeholder="LATITUD">
                  </div>
                  <div class="form-group col-sm-6">
                    <input class="form-control" type="number" min="-180" max="180" name="m_longitud" id="m_longitud" style="height: 30px;" placeholder="LONGITUD">
                  </div>
                </div>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-success" data-dismiss="modal">Cerrar <i class="fas fa-times ml-3"></i></button>
              <button type="button" class="btn btn-success" onclick="formulario('frm_zonas', '<?php echo $_GET['id_usuario'] ?>', 'registrar_zona', '../controlador/administracion.controlador.php', 'modulos/gestion_de_zonas.php?id_usuario=<?php echo $_GET['id_usuario'] ?>&usuario=<?php echo $_GET['usuario'] ?>&id_proceso=<?php echo $_GET['id_proceso'] ?>,&id_perfil=<?php echo $_GET['id_perfil'] ?>', 'modal_nuevo_zonas');">Guardar <i class="far fa-save ml-3"></i></button>
            </div>

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

    <!-- Main content -->
    <section class="content">

      <div class="container-fluid">
        <div class="row">
          <div class="col-12">
            <!-- Default box -->
            <div class="card">
              <div class="card-header">
                <h3 class="card-title">Edición de zonas</h3>

                <div class="card-tools">
                  <button type="button" class="btn btn-tool" data-card-widget="collapse" data-toggle="tooltip" title="Collapse">
                    <i class="fas fa-minus"></i></button>
                  <button type="button" class="btn btn-tool" data-card-widget="remove" data-toggle="tooltip" title="Remove">
                    <i class="fas fa-times"></i></button>
                </div>
              </div>
              <form autocomplete="off" id="frm_edicion_zona">  
                <div class="card-body">
                  <div class="row">
                    <button type="button" class="btn btn-success col-sm-12 mb-3" data-toggle="modal" data-target="#modal_nuevo_zonas">Crear nuevo zona <i class="fas fa-plus ml-2"></i></button>
                               
                    <div class="col-sm-6">
                      <div class="form-group">
                        <!-- <label for="correo" class="col-sm-1 col-form-label"></label> -->
                          <div>
                            <select class="selectproceso form-control text-uppercase" name="id_zona" id="id_zona" onchange="cargarDatosZona(this.value, 'consulta_zona', '../controlador/administracion.controlador.php');">
                              <option value="0">SELECCIONAR ZONA</option>
                              <?php foreach ($zonas as $zona) { ?>
                                <option value="<?php echo $zona['id'] ?>"><?php echo utf8_encode($zona['descripcion']) ?></option>
                              <?php } ?>
                            </select>  
                          </div>
                      </div>
                    </div>
                    <div class="col-sm-6">
                      <div class="form-group">
                        <!-- <label for="correo" class="col-sm-1 col-form-label"></label> -->
                          <div>
                            <select class="selectproceso form-control" style="width: 100%" name="id_tipozona" id="id_tipozona">
                              <option value="0">TIPO DE ZONA</option>
                              <?php foreach ($tiposzonas as $key => $tiposzona) { ?>
                                <option value="<?php echo $tiposzona['id'] ?>"><?php echo utf8_encode($tiposzona['descripcion']) ?></option>
                              <?php } ?>
                            </select>
                          </div>
                      </div>
                    </div>
                    <div class="form-group col-sm-6">
                      <input class="form-control text-uppercase" type="txt" name="descripcion_zona" id="descripcion_zona" style="height: 30px;" placeholder="DESCRIPCIÓN">
                    </div>
                    <div class="col-sm-6">
                      <div class="form-group">
                        <!-- <label for="correo" class="col-sm-1 col-form-label"></label> -->
                          <div>
                            <select class="selectproceso form-control" name="estado" id="estado">
                              <option value="10">ESTADO</option>
                              <option value="1">ACTIVO</option>
                              <option value="0">INACTIVO</option>
                            </select> 
                          </div>
                      </div>
                    </div>
                    <div class="col-sm-6">
                      <div class="form-group">
                        <!-- <label for="correo" class="col-sm-1 col-form-label"></label> -->
                          <div>
                            <input class="form-control" type="number" min="-90" max="90" name="latitud" id="latitud" placeholder="LATITUD" style="height: 30px;">
                          </div>
                      </div>
                    </div>
                    <div class="col-sm-6">
                      <div class="form-group">
                        <!-- <label for="correo" class="col-sm-1 col-form-label"></label> -->
                          <div>
                            <input class="form-control" type="number" min="-180" max="180" name="longitud" id="longitud" placeholder="LONGITUD" style="height: 30px;">
                          </div>
                      </div>
                    </div>
                  </div>  
                </div>
                <!-- /.card-body -->
                <div class="card-footer text-right">
                  <button class="btn btn-success" type="button" onclick="editaZona('frm_edicion_zona', '<?php echo $_GET['id_usuario'] ?>', 'edita_zona', '../controlador/administracion.controlador.php');">Guardar <i class="far fa-save ml-3"></i></button>
                </div>
              </form>
              <!-- /.card-footer-->
            </div>
            <!-- /.card -->
          </div>
        </div>
      </div>
    </section>
    <!-- /.content -->
  </div>