ÿþ<?php

date_default_timezone_set('UTC');
$day = date("d");
$month = date("m");
$year = date("y");
$city = 'Houston';
$state = 'TX';
$lat = '29.7634';
$lon = '-95.3634';
$zip = '77001';
$ref = $_GET['ref'];
$refer = 'PCH_'.$city;
$neighborhoods = ['Dunham North','Dunham Woods','Trout Valley','Oak Lawn Farm','Wayne Meadow Estates','Wayne Center'];
$description = sprintf(
  'Find %s corporate housing and fully furnished apartments with flexible lease terms and move-in ready amenities. Ideal for business travel and extended stays in %s, %s.',
  $city,
  $city,
  $state
);

if (strlen($description) > 155) {
    $description = sprintf(
        '%s corporate housing and furnished apartments for business travel and extended stays in %s, %s.',
        $city,
        $city,
        $state
    );
}

$keywords = sprintf(
  '%1$s Corporate Housing, %1$s furnished apartments, %1$s short term housing, %1$s furnished rental, %1$s corporate apartment, %1$s fully furnished apartment, %1$s extended stay',
  $city
);

$title = sprintf(
    '%s Corporate Housing | Furnished Apartments & Corporate Rentals in %s, %s',
    $city,
    $city,
    $state
);

if ($ref == "Adwords") {
    $refer = 'PCH_'.$city.'_Adwords';
}

if (file_exists(dirname(__DIR__, 2) . "/include/functions.php")) {
    require_once dirname(__DIR__, 2) . "/include/functions.php";
}
require_once "../../include/header.php";
?>

<style>
  .listing-figure{position:relative;overflow:hidden;}
  .listing-figure img{object-fit:cover;width:100%;height:100%;transition:transform .3s ease}
  .listing-figure::after{
    content:"";position:absolute;inset:0;
    background:linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,0) 75%);
  }
  .listing-caption{
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: .75rem 1rem;
    color: #fff;
    font-size:1.5rem;
    font-weight: 800;
    text-shadow: 0 2px 6px rgba(0,0,0,.35);
    pointer-events: none;
  }
  .card.carousel-card{height:100%;display:flex;flex-direction:column}
  .card.carousel-card .card-body{padding-top:1rem}
  .card.carousel-card:hover img{transform:scale(1.03)}

  /* ===== Neighborhoods Component ===== */
  .city-neighborhoods{
    background:#fff;
    border:1px solid rgba(0,0,0,.08);
    border-radius:.5rem;
    padding:1.25rem;
  }

  .city-neighborhoods h2{
    margin-bottom:.75rem;
    font-size:1.5rem;
    font-weight:700;
  }

  .city-neighborhoods p{
    margin-bottom:.75rem;
  }

  .city-neighborhoods .neighborhood-list{
    margin:0;
    padding-left:1.25rem;
    columns:2;
    column-gap:2rem;
  }

  .city-neighborhoods .neighborhood-list li{
    margin-bottom:.35rem;
    break-inside:avoid;
  }

  @media (max-width: 767.98px){
    .city-neighborhoods .neighborhood-list{
      columns:1;
    }
  }
</style>

<main>
    <div class="container" role="region" aria-label="Featured corporate housing photos and request form">
        <div class="row d-flex">
            <?php include "../../include/components/title.php" ?>
         
        <?php
        // 1) Provide a valid hero config:
        $hero = [
          'section_label' => 'Featured corporate housing photos and request form',

          // OPTION A: Point at a folder that actually contains *.webp images
          'folder' => [
            'path' => $_SERVER['DOCUMENT_ROOT'].'/include/images/cities',
            'url'  => '/include/images/cities',
            'id'   => 'aboutpchslider',
            'region_label' => 'About PCH photo gallery',
            'interval' => 6000,
            'pause' => 'hover',
            'ride' => true,
            'touch' => true,
            'keyboard' => true,
            'controls' => true,
            'indicators' => false,
            'make_first_eager' => true,
          ],

          // OPTION B (alternative): pass explicit slides (use this if your images aren t .webp)
          /*
          'carousel' => [
            'id' => 'homeslider',
            'region_label' => 'Corporate housing highlights',
            'interval' => 6000,
            'pause' => 'hover',
            'ride' => true,
            'touch' => true,
            'keyboard' => true,
            'controls' => true,
            'indicators' => false,
            'slides' => [
              ['src' => '/include/images/Furniture/newpic1.avif', 'alt' => 'Corporate Housing In Over 75,000 Cities', 'width' => 2000, 'height' => 1125, 'eager' => true, 'fetchpriority' => 'high'],
              // more slides...
            ],
          ],
          */
        ];

        // 2) Include once (no extra closing tags)
        $path = $_SERVER['DOCUMENT_ROOT'].'/include/components/heroComponent.php';
        include $path;
        ?>
        </div>
    </div>
    
    <!-- ====== Listing Carousel ====== -->
    <?php include "../../include/components/cityListingComponent.php" ?>

    <!-- ====== Paragraph Section ====== -->
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-12 col-md-10">
                <?php require_once dirname(__DIR__, 2) . "/availability/p_creator.php"; ?>
                <?php include "../../include/components/paragraphComponent.php" ?>
            </div>    
        </div>
    </div>

    <!-- ====== Neighborhoods We Serve Section ====== -->
    <?php include "../../include/components/neighborhoodsComponent.php" ?>

    <!-- ====== FAQ Included Section ====== -->
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-12 col-md-10">
                <?php include "../../include/components/FAQ.php" ?>
            </div>
        </div>
    </div>

    <!-- ====== Review Section ====== -->
    <div class="container">
        <?php require_once dirname(__DIR__, 2) . "/availability/modcsv.php"; ?>  
        <?php include "../../include/components/reviewComponent.php" ?>
    </div>    

    <!-- ====== What's Included Section ====== -->
    <div class="container">
        <?php include "../../include/components/whatsIncludedComponent.php" ?>
    </div>
    
    <!-- ====== Accordian Section ====== --> 
    <div class="container mt-4">         
        <?php include "../../include/components/accordianComponent_v2.php" ?>
    </div>
</main>

<?php require_once "../../include/footer.php"; ?>

</body>
</html>  .city-neighborhoods h2{
    margin-bottom:.75rem;
    font-size:1.5rem;
    font-weight:700;
  }

  .city-neighborhoods p{
    margin-bottom:.75rem;
  }

  .city-neighborhoods .neighborhood-list{
    margin:0;
    padding-left:1.25rem;
    columns:2;
    column-gap:2rem;
  }

  .city-neighborhoods .neighborhood-list li{
    margin-bottom:.35rem;
    break-inside:avoid;
  }

  @media (max-width: 767.98px){
    .city-neighborhoods .neighborhood-list{
      columns:1;
    }
  }
</style>

<main>
    <div class="container" role="region" aria-label="Featured corporate housing photos and request form">
        <div class="row d-flex">
            <?php include "../../include/components/title.php" ?>
         
        <?php
        // 1) Provide a valid hero config:
        $hero = [
          'section_label' => 'Featured corporate housing photos and request form',

          // OPTION A: Point at a folder that actually contains *.webp images
          'folder' => [
            'path' => $_SERVER['DOCUMENT_ROOT'].'/include/images/cities',
            'url'  => '/include/images/cities',
            'id'   => 'aboutpchslider',
            'region_label' => 'About PCH photo gallery',
            'interval' => 6000,
            'pause' => 'hover',
            'ride' => true,
            'touch' => true,
            'keyboard' => true,
            'controls' => true,
            'indicators' => false,
            'make_first_eager' => true,
          ],

          // OPTION B (alternative): pass explicit slides (use this if your images aren t .webp)
          /*
          'carousel' => [
            'id' => 'homeslider',
            'region_label' => 'Corporate housing highlights',
            'interval' => 6000,
            'pause' => 'hover',
            'ride' => true,
            'touch' => true,
            'keyboard' => true,
            'controls' => true,
            'indicators' => false,
            'slides' => [
              ['src' => '/include/images/Furniture/newpic1.avif', 'alt' => 'Corporate Housing In Over 75,000 Cities', 'width' => 2000, 'height' => 1125, 'eager' => true, 'fetchpriority' => 'high'],
              // more slides...
            ],
          ],
          */
        ];

        // 2) Include once (no extra closing tags)
        $path = $_SERVER['DOCUMENT_ROOT'].'/include/components/heroComponent.php';
        include $path;
        ?>
        </div>
    </div>
    
    <!-- ====== Listing Carousel ====== -->
    <?php include "../../include/components/cityListingComponent.php" ?>

    <!-- ====== Paragraph Section ====== -->
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-12 col-md-10">
                <?php require_once dirname(__DIR__, 2) . "/availability/p_creator.php"; ?>
                <?php include "../../include/components/paragraphComponent.php" ?>
            </div>    
        </div>
    </div>

    <!-- ====== Neighborhoods We Serve Section ====== -->
    <?php include "../../include/components/neighborhoodsComponent.php" ?>

    <!-- ====== FAQ Included Section ====== -->
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-12 col-md-10">
                <?php include "../../include/components/FAQ.php" ?>
            </div>
        </div>
    </div>

    <!-- ====== Review Section ====== -->
    <div class="container">
        <?php require_once dirname(__DIR__, 2) . "/availability/modcsv.php"; ?>  
        <?php include "../../include/components/reviewComponent.php" ?>
    </div>    

    <!-- ====== What's Included Section ====== -->
    <div class="container">
        <?php include "../../include/components/whatsIncludedComponent.php" ?>
    </div>
    
    <!-- ====== Accordian Section ====== --> 
    <div class="container mt-4">         
        <?php include "../../include/components/accordianComponent_v2.php" ?>
    </div>
</main>

<?php require_once "../../include/footer.php"; ?>

</body>
</html>