<?php
  $Position = "../";
  require_once($Position.'config/config.php');
	require_once($Position.'config/conexion.php');
  $Pagina   = 1;
  $Menu     = 2;

?>
<!doctype html>
<html lang="en">
  <?php require_once($Position.'head.php'); ?>
  <!--<body class="pace-on pace-squares">-->
  <body>

    <?php require_once($Position.'whatsapp-globe.php'); ?>

    <!--<div class="pace-overlay"></div>-->
    <?php require_once($Position.'header.php'); ?>

    <!-- TopPad -->
    <section class="TopPad" style="background:#000;">
    </section>
    <!-- End TopPad -->

    <section
      class="section"
      style="
        background-color: #353535;
        padding-top: 10em;
      "
    >
      <div
        class=""
      >
        <div class="container">
          <div class="row">
            <div class="col-sm-1">
            </div>
            <div
              class="col-sm-12 col-md-12 col-lg-10"
              style="
              "
            >
              <h2
                style="
                  text-align: center;
                  color: #fff;
                  font-size: 3em;
                  font-weight: 500;
                  margin-bottom: 1em;
                "
              >
                Desarrollos.
              </h2>
              <p
                style="
                  margin: 0px;
                  text-align: center;
                  color: #fff;
                  font-size: 1.5em;
                  line-height: 1.5em;
                "
              >
                La calidad y plusvalía son el eje rector de nuestros proyectos para
                hacerlos funcionales, de buen gusto y ofrecer a nuestros clientes
                satisfacción y seguridad.
              </p>

              <div
                style="
                  margin: 3em 0em;
                "
              >
                <!-- Img -->
                <img
                  src="<?php echo $Position; ?>images/imgs/03.jpg"
                  class="img-responsive"
                  style="
                    width: 100%;
                  "
                />
                <!-- End Img -->
              </div>


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

    <!-- Desarrollos -->
    <section
      class="section"
      style="
        background-color: #353535;
        padding: 3em 0em;
      "
    >
      <div class="container">
        <div class="row">
          <div class="col-sm-1">

          </div>
          <div class="col-sm-10">
            <div class="row">
              <?php
                //Propiedades
                $Query = "
                  SELECT
                    des.Id, des.Nombre,
                    des.Ubicacion, des.Descripcion,
                    des.UrlTour
                  FROM Propiedades des
                  WHERE
                    des.Id != '0'
                    AND des.Fk_Tipo = '1'
                  ORDER BY des.Orden ASC
                ";
                $Pros = $mysqli->query($Query);
                mysqli_data_seek($Pros, 0);
                $Cont = 0;
                while($Pro = mysqli_fetch_array($Pros)) {
                  $Cont = $Cont + 1;
              ?>
                <div class="col-sm-12 col-md-12 col-lg-12">
                  <div class="DesarrolloA">
                    <div class="DesEqHe">
                      <div class="row">

                        <!-- Col -->
                        <div class="col-sm-12">

                          <!-- Titulo -->
                          <div
                            class="
                              <?php if($Cont % 2 == 0){?>
                                text-right
                              <?php }else{ ?>
                                text-left
                              <?php } ?>
                            "
                          >
                            <h3>
                              <?php echo $Pro[Nombre]; ?>
                            </h3>

                            <?php if( $Pro[Ubicacion] ){ ?>
                              <p
                                style="font-size: 1.25em;line-height:1.5em;"
                              >
                                <?php echo $Pro[Ubicacion]; ?>
                              </p>
                            <?php } ?>
                          </div>
                          <!-- End Titulo -->

                          <div
                            style="
                              margin-bottom:2em;
                              display: table;
                              width: 100%;
                            "
                          >
                            <hr
                              style="
                                width:50%;
                                <?php if($Cont % 2 == 0){?>
                                  float: right;
                                <?php }else{ ?>
                                  float: left;
                                <?php } ?>
                              "
                            >
                          </div>

                        </div>
                        <!-- End Col -->

                        <?php if($Cont % 2 == 0){ ?>
                          <!-- Col -->
                          <div class="col-sm-5">
                            <img
                              style="width:100%;"
                              src="<?php echo $Position; ?>images/propiedades/<?php echo $Pro[Id]; ?>.jpg"
                            />
                          </div>
                          <!-- End Col -->
                        <?php } ?>

                        <!-- Col -->
                        <div class="col-sm-7">
                          <table>
                            <?php
                              //AreaItems
                              $Query = "
                                SELECT
                                  ite.Id, ite.Fk_Item, ite.Texto
                                FROM PorpiedadesItems ite
                                WHERE ite.Fk_Propiedad = '$Pro[Id]'
                                ORDER BY ite.Orden ASC
                                LIMIT 10
                              ";
                              $Items = $mysqli->query($Query);
                              mysqli_data_seek($Items, 0);
                              while($Item = mysqli_fetch_array($Items)) {
                            ?>
                              <tr>
                                <td style="width:15px;">
                                  <img
                                  style="width:25px; margin-right:10px;"
                                  src="<?php echo $Position; ?>images/icons/<?php echo $Item[Fk_Item]; ?>.png"
                                  />
                                </td>
                                <td>
                                  <p style="color:#fff;">
                                    <?php echo $Item[Texto]; ?>
                                  </p>
                                </td>
                              </tr>
                            <?php } ?>
                          </table>

                          <!-- Btn Más Info -->
                          <div style="margin-top:2em;">
                            <a href="item?Id=<?php echo $Pro[Id]; ?>">
                              <button
                                type="button"
                                class="btn btn-success"
                                onclick="location.href='item?Id=<?php echo $Pro[Id]; ?>'"
                              >
                                Más Información
                              </button>
                            </a>
                          </div>
                          <!-- End Btn Más Info -->

                        </div>
                        <!-- End Col -->

                        <?php if($Cont % 2 == 0){}else{ ?>
                          <!-- Col -->
                          <div class="col-sm-5">
                            <img
                              style="width:100%;"
                              src="<?php echo $Position; ?>images/propiedades/<?php echo $Pro[Id]; ?>.jpg"
                            />
                          </div>
                          <!-- End Col -->
                        <?php } ?>

                        <div class="col-sm-12" style="margin-top: 3em;">
                          <hr
                          style="
                            border-top: 0px;
                            border-bottom: 1px solid #fff;
                            width: 85%;
                          "
                          >
                        </div>

                      </div>

                    </div>

                  </div>
                </div>
              <?php } ?>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- End Desarrollos -->

    <?php require_once($Position.'footer.php'); ?>
    <?php require_once($Position.'scripts.php'); ?>

    <script>
      AnchoScreen = $( window ).width();
      if( AnchoScreen <= 991){
        $(document.body).on('click', '.BtnBlkInMobile' ,function(){
          console.log('test');
          $(this).parents('.DesImg').find('.BlkIn').toggle();
        });
        $(document.body).on('click', '.BlkIn' ,function(){
          $(this).toggle();
        });
      }
    </script>

  </body>
</html>
