<?php
include_once 'header.php';

// Include database connection
require_once 'db_connection.php';

$type = isset($_GET['type']) ? trim($_GET['type']) : '';

$stmt = $conn->prepare("SELECT * FROM solutions WHERE status = '1' AND alias = ? LIMIT 1");
if (!$stmt) {
    die("Prepare failed: " . $conn->error);
}

$stmt->bind_param("s", $type);
if (!$stmt->execute()) {
    die("Execute failed: " . $stmt->error);
}

$result = $stmt->get_result();
$industry = $result->fetch_assoc();

$conn->close();
?>



    <section class="u-clearfix u-image u-section-1" id="sec-5169" data-image-width="1280" data-image-height="853" style="background-image: url(https://www.indolok.id/cms/uploads/solution/<?= $industry['thumbnail'] ?>); background-position: 50% 50%;">
      <div class="u-clearfix u-sheet u-valign-middle-sm u-sheet-1" >
        <div class="u-align-left u-container-align-left-lg u-container-align-left-md u-container-align-left-sm u-container-align-left-xl u-container-style u-custom-color-5 u-expanded-width-xs u-group u-opacity u-opacity-85 u-shape-rectangle u-group-1" data-animation-name="customAnimationIn" data-animation-duration="1500" data-animation-delay="500">
          <div class="u-container-layout u-container-layout-1">
            <h5 class="u-align-left u-custom-font u-text u-text-default-lg u-text-default-md u-text-default-sm u-text-default-xl u-text-1"><?= $industry['solution'] ?><br>
            </h5>
            <div id="industry-detail-page" class="u-align-left u-custom-font u-text u-text-2">
                <?= $industry['description'] ?>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section class="u-align-center u-clearfix u-container-align-center u-custom-color-10 u-section-3" id="sec-f608">
      <div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
         <h2 class="u-align-center u-custom-font u-text u-text-1" style="font-family: Poppins;
    font-size: 1.875rem;
    font-weight: 500;
    width: 100%;
    margin: 60px auto 0; color:white"> Solution for <?= $industry['solution'] ?></h2>
        <div class="u-expanded-width u-layout-grid u-list u-list-1">
          <div class="u-repeater u-repeater-1">
            <div class="u-align-center u-container-style u-list-item u-repeater-item u-white u-list-item-1">
              <div class="u-container-layout u-similar-container u-container-layout-1">
                <img class="u-align-center-sm u-align-center-xs u-expanded-width-lg u-expanded-width-md u-expanded-width-xs u-image u-image-1" src="images/produk1.jpg" data-image-width="428" data-image-height="428">
                <h4 class="u-align-center u-custom-font u-text u-text-custom-color-5 u-text-1"> Entrance Control&nbsp;</h4>
              </div>
            </div>
            <div class="u-align-center u-container-style u-list-item u-repeater-item u-white u-list-item-2">
              <div class="u-container-layout u-similar-container u-container-layout-2">
                <img class="u-align-center-sm u-align-center-xs u-expanded-width-lg u-expanded-width-md u-expanded-width-xs u-image u-image-2" src="images/produk2.jpg" data-image-width="656" data-image-height="656">
                <h4 class="u-align-center u-custom-font u-text u-text-custom-color-5 u-text-2">Outdoor Perimeter Protection&nbsp;</h4>
              </div>
            </div>
            <div class="u-align-center u-container-style u-list-item u-repeater-item u-white u-list-item-3">
              <div class="u-container-layout u-similar-container u-container-layout-3">
                <img class="u-align-center-sm u-align-center-xs u-expanded-width-lg u-expanded-width-md u-expanded-width-xs u-image u-image-3" src="images/product5.jpg" data-image-width="460" data-image-height="461">
                <h4 class="u-align-center u-custom-font u-text u-text-custom-color-5 u-text-3">Security Doors &amp; Partition</h4>
              </div>
            </div>
            <div class="u-align-center u-container-style u-list-item u-repeater-item u-white u-list-item-4">
              <div class="u-container-layout u-similar-container u-container-layout-4">
                <img class="u-align-center-sm u-align-center-xs u-expanded-width-lg u-expanded-width-md u-expanded-width-xs u-image u-image-4" src="images/product6.jpg" data-image-width="460" data-image-height="461">
                <h4 class="u-align-center u-custom-font u-text u-text-custom-color-5 u-text-4">Security Inspection System</h4>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
<?php include_once 'footer.php'; ?>