<?php
include_once("include/main.inc.php");
session_start();
$sesion = session_id();
@extract($_GET);
@extract($_POST);
@extract($_REQUEST);

$chunk = $_REQUEST['keyword'];
$chunk = substr($chunk, 0, 5);

if (!empty($keyword)) {
    $query = "SELECT * FROM category_tbl WHERE catName LIKE '%" . $keyword . "%' OR catName LIKE '%" . $chunk . "%' OR displayName LIKE '%" . $chunk . "%'";
} else {
    $query = "SELECT * FROM category_tbl ORDER BY catID DESC";
}

$sql_dds = mysqli_query($GLOBALS['dbconn'], $query);
$wnum = mysqli_num_rows($sql_dds);

$page_metatitle = "Search - " . $admin_res['companyName'];
$page_metakey = "Search - " . $admin_res['companyName'];
$page_metadesc = "Search - " . $admin_res['companyName'];
?>

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <?php include "app_top.php"; ?>
</head>

<body>
    <?php include "app_header.php"; ?>

    <section class="heading_banner" style="background-image: url(<?= site_url; ?>/designer/images/about-banner.jpg)">
        <div class="container">
            <div class="row">
                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 text-center">
                    <h1 class="cat_title">Search - <?= $admin_res['companyName']; ?></h1>
                </div>
            </div>
        </div>
    </section>

    <div class="inner_breadcrumb hidden_xs">
        <div class="container">
            <div class="row">
                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                    <ul class="breadcrumb">
                        <li><a href="<?= site_url; ?>" title="Home">Home</a></li>
                        <li class="active">Search</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <section class="category_page">
        <div class="container">
            <div class="right_side">
                <h2 class="title_h2">Search Result For <span>"<?= "  " . $keyword . " (" . $wnum . ") "; ?>"</span></h2>
                <div class="wps_right">
                    <!-- <div class="you_may">Search Result For <span>"<?= "  " . $keyword . " (" . $wnum . ") "; ?>"</span></div> -->
                    <div class="row g-3">

                        <?php
                        $num = mysqli_num_rows($sql_dds);
                        if ($num > 0) {
                            while ($row = mysqli_fetch_array($sql_dds)) {
                                if ($row['catImage'] != '') {
                                    $img_link = getImage($row['catImage'], 452, 452, $row['catName'], "/uploaded-files/category/images/");
                                    $img_link1 = getImage($row['catImage'], 450, 450, $row['catName'], "/uploaded-files/category/images/");
                                } else {
                                    $img_link = NO_IMG_URL;
                                    $img_link1 = NO_IMG_URL;
                                }
                                $sub_desc = $row['catDesc'];
                                $sub_desc = str_ireplace('{companyName}', $admin_res['companyName'], $sub_desc);
                        ?>
                                <div class="col-12">
                                    <div class="pr-li">
                                        <div class="row g-0">
                                            <div class="col-lg-4 col-md-5 col-12 g_col">
                                                <div class="img_bx">
                                                    <a class="main-img" href="<?= site_url; ?>/<?= getValidFileName($row['catName']); ?>.htm" title="<?= $row['displayName']; ?> in <?= $admin_res['targetlocation']; ?>">
                                                        <img id="mainImage<?= $row['catID']; ?>" src="<?= $img_link; ?>" alt="<?= $row['displayName']; ?> in <?= $admin_res['targetlocation']; ?>" title="<?= $row['displayName']; ?> in <?= $admin_res['targetlocation']; ?>">
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-lg-8 col-md-7 col-12 g_col">
                                                <div class="tx-bx">
                                                    <div class="tt">
                                                        <a href="<?= site_url; ?>/<?= getValidFileName($row['catName']); ?>.htm" title="<?= $row['displayName']; ?> in <?= $admin_res['targetlocation']; ?>">
                                                            <?= $row['displayName']; ?>
                                                        </a>
                                                    </div>
                                                    <div class="info">
                                                        <p><?= substr($sub_desc, 0, 3000); ?></p>
                                                    </div>
                                                    <div class="bt_bx">
                                                        <a class="read_more_btn_2" href="<?= site_url; ?>/<?= getValidFileName($row['catName']); ?>.htm" title="Read More">Read More</a>
                                                        <button class="read_more_btn_2 callback" data-bs-toggle="modal" data-bs-target="#productID"
                                                            onclick="$('.catID').val('<?= $row['catID']; ?>');
                                                             $('.catName').html('<?= $row['catName']; ?>');
                                                             $('.catImg').attr('src','<?= $img_link1; ?>');
                                                             $('.catImg').attr('alt','<?= $row['displayName']; ?> in <?= $admin_res['targetlocation']; ?>');
                                                             $('.catImg').attr('title','<?= $row['displayName']; ?> in <?= $admin_res['targetlocation']; ?>');"
                                                            title="Get Best Quote">
                                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                                                <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z"></path>
                                                            </svg> Get Best Quote
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            <?php
                            }
                        } else {
                            ?>
                            <div class="col-12">
                            <div style="text-align:center;">
                                <div class="alert alert-danger" style="display: inline-block;width: 600px;">
                                    <strong>Your search for "<u><?= $keyword; ?></u>" did not match, please try another keyword</strong>
                                </div>
                            </div>
                            </div>
                        <?php } ?>

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

    <script>
        function imgMulti(id, url, elm) {
            document.getElementById(`mainImage${id}`).src = url;
            $(elm).addClass('active').siblings().removeClass('active');
        }
    </script>

    <?php include "app_footer.php"; ?>
    <?php include "app_bottom.php"; ?>
</body>

</html>