| Server IP : 51.89.169.208 / Your IP : 3.148.107.92 Web Server : Apache System : Linux ns3209505.ip-198-244-202.eu 4.18.0-553.27.1.el8_10.x86_64 #1 SMP Tue Nov 5 04:50:16 EST 2024 x86_64 User : yellowleaf ( 1019) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/yellowleaf/public_html/homepage/ |
Upload File : |
<?php
session_start();
ini_set('upload_max_filesize', '256MB');
ini_set('memory_limit','500M');
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Your local business directory. Yellowleaf</title>
<meta name="description"
content="Find, connect to and buy from great businesses near you. Our business directory provides information about who can supply you with goods and services locally.">
<link rel="canonical" href="https://www.yellowleaf.co.uk/">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/header-footer/global.css">
<link rel="stylesheet" href="/homepage/homepage.css">
<link rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css">
<style>
.hero-content button {
margin-top: 2rem;
}
.hero-img-section img {
width: 350px;
}
.search-box {
/* max-width: 658px; */
max-width: 700px;
width: 100%;
box-shadow: 10px 10px 30px rgba(0, 0, 0, .1);
margin: 0 auto;
}
.search-content {
display: flex;
}
.search-content> :not(button) {
width: 100%;
}
.search-content input {
width: 100%;
padding: 22px;
border: none;
outline: none;
height: 58px;
font-size: 16px;
}
.search-content input:first-child {
border-right: 1px solid #ccc;
}
.search-content button {
min-width: min-content;
border: none;
background: #FFCC22;
font-weight: 600;
cursor: pointer;
padding: 12px 24px;
font-size: 14px;
}
.search-content button:hover {
background-color: var(--black);
color: var(--white);
}
.search-group {
position: relative;
}
@media only screen and (max-width: 991px) {
.hero-container {
grid-template-columns: 1fr;
}
.hero-content {
text-align: center;
}
.hero-img-section img {
display: none;
}
}
@media screen and (max-width: 767px) {
.search-content {
border-radius: 6px;
flex-direction: column;
}
.search-box {
max-width: 330px;
}
.search-content input:first-child {
border-right: none;
border-bottom: 1px solid #ccc;
}
.search-content button {
min-width: 100%;
width: 100%;
}
.search-content input {
padding: 16px 20px;
}
}
</style>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NF24NXM');
</script>
<!-- End Google Tag Manager -->
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-54NRYTHD98"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-54NRYTHD98');
</script>
</head>
<?php
$path = $_SERVER['DOCUMENT_ROOT'];
include_once $path . '/header-footer/header.html';
include_once $path . '/connect_db.php';
?>
<!-- start: Header -->
<header>
<div class="container">
<div class="header-wrapper">
<h2 class="header-title">Welcome to the biggest business directory in the new UK</h2>
<form action="/search/" method="GET">
<div class="search-box">
<div class="search-content">
<div class="search-group">
<input onkeyup="searchCat(this.value,event)" type="search"
placeholder="Taxi, Restaurant or Company Name" name="q" id="categoryInp">
</div>
<div class="search-group">
<input onkeyup="searchLoc(this.value,event);" type="search"
placeholder="Town e.g London or E14" name="a" id="">
</div>
<button type="submit"> Search </button>
</div>
</div>
<div class="text-center search-description">
<p>Just looking around? Let us suggest you something hot & happening! </p>
</div>
</form>
<ul class="home-categoires">
<li><a href="#">
<img src="/homepage/img/car.png" alt="">
</a></li>
<li><a href="#">
<img src="/homepage/img/sign-img.png" alt="">
</a></li>
<li><a href="#">
<img src="/homepage/img/food.png" alt="">
</a></li>
<li><a href="#">
<img src="/homepage/img/ac.png" alt="">
</a></li>
</ul>
</div>
</div>
</header>
<!-- end: Header -->
<!-- start: Latest Listing -->
<section class="listing">
<div class="container">
<h2 class="section-title">Latest Businesses</h2>
<div class="listing-wrapper">
<?php
include "listing.php";
$business_sql = $connect->query("SELECT * FROM ads order by adid desc limit 4");
while ($row = $business_sql->fetch_assoc()) {
$business_row = get_listing($row);
$b_name = $business_row['companyname'];
$b_county_name = $business_row['county_name'];
$b_image = $business_row['image'];
$r_ad_name=strtolower($b_name);
$r_ad_name = preg_replace("/[^A-Za-z 0-9]/", "", $r_ad_name); $r_ad_name=str_replace(" "," ",$r_ad_name);
$ad_name=str_replace(" ","-",$r_ad_name);
$adid = $business_row['adid'];
?>
<div class="listing-item">
<div class="listing-header">
<a href="pages/<?php echo $adid.'-'.$ad_name.'.html'; ?>" class="listing-image">
<img src="<?php if($b_image){ echo '/members/uploads/logo/'.$b_image; }else{ echo 'img/not-found.jpg';} ?>"
alt="tshirt photo">
</a>
<a href="#" <?=$business_row['is_login']==0 ? 'href="/login"' :''?> data-id="
<?=$adid?>" class="listing-favourite">
<?=$business_row['is_fav']==1 ? '<svg><use xlink:href="/homepage/index.svg#heart-fill"></use></svg>':'<svg><use xlink:href="/homepage/index.svg#heart-outline"></use></svg>'?>
</a>
</div>
<div class="listing-info">
<div class="listing-location">
<?php echo $b_county_name;?>
</div>
<a href="pages/<?php echo $adid.'-'.$ad_name.'.html'; ?>" class="listing-title">
<?php echo $b_name;?>
</a><br>
<div class="listing-rating-star">
<svg>
<use xlink:href="/homepage/index.svg#star-fill"></use>
</svg>
<svg>
<use xlink:href="/homepage/index.svg#star-fill"></use>
</svg>
<svg>
<use xlink:href="/homepage/index.svg#star-fill"></use>
</svg>
<svg>
<use xlink:href="/homepage/index.svg#star-fill"></use>
</svg>
<svg>
<use xlink:href="/homepage/index.svg#star-fill"></use>
</svg>
</div>
<div class="listing-action">
<a href="#">
<svg>
<use xlink:href="/homepage/index.svg#phone-fill"></use>
</svg>
</a>
<a href="#" data-toggle="modal" data-target="#popup">
<svg>
<use xlink:href="/homepage/index.svg#location-fill"></use>
</svg>
</a>
</div>
</div>
</div>
<?php } ?>
<!-- <div class="listing-item">
<div class="listing-header">
<div class="listing-image">
<img src="/homepage/img/popular_sector_5.jpg" alt="tshirt photo">
</div>
<a href="#" class="listing-favourite">
<svg>
<use xlink:href="/homepage/index.svg#heart-outline"></use>
</svg>
</a>
</div>
<div class="listing-info">
<div class="listing-info-top">
<span class="listing-location">Italian</span>
<span class="listing-status">Open Now</span>
</div>
<a href="#" class="listing-title">Famiglia GiorgioÕs</a>
<div class="listing-rating">
<div class="listing-rating-star">
<svg>
<use xlink:href="/homepage/index.svg#star-fill"></use>
</svg>
<svg>
<use xlink:href="/homepage/index.svg#star-fill"></use>
</svg>
<svg>
<use xlink:href="/homepage/index.svg#star-fill"></use>
</svg>
<svg>
<use xlink:href="/homepage/index.svg#star-fill"></use>
</svg>
<svg>
<use xlink:href="/homepage/index.svg#star-fill"></use>
</svg>
</div>
<div class="listing-rating-number">5.0</div>
</div>
</div>
<div class="listing-action">
<a href="#">
<svg>
<use xlink:href="/homepage/index.svg#phone-fill"></use>
</svg>
Call
</a>
<a href="#">
<svg>
<use xlink:href="/homepage/index.svg#location-fill"></use>
</svg>
Show Map
</a>
</div>
</div>
<div class="listing-item">
<div class="listing-header">
<div class="listing-image">
<img src="/homepage/img/popular_sector_5.jpg" alt="tshirt photo">
</div>
<a href="#" class="listing-favourite">
<svg>
<use xlink:href="/homepage/index.svg#heart-outline"></use>
</svg>
</a>
</div>
<div class="listing-info">
<div class="listing-info-top">
<span class="listing-location">Italian</span>
<span class="listing-status">Open Now</span>
</div>
<a href="#" class="listing-title">Famiglia GiorgioÕs</a>
<div class="listing-rating">
<div class="listing-rating-star">
<svg>
<use xlink:href="/homepage/index.svg#star-fill"></use>
</svg>
<svg>
<use xlink:href="/homepage/index.svg#star-fill"></use>
</svg>
<svg>
<use xlink:href="/homepage/index.svg#star-fill"></use>
</svg>
<svg>
<use xlink:href="/homepage/index.svg#star-fill"></use>
</svg>
<svg>
<use xlink:href="/homepage/index.svg#star-fill"></use>
</svg>
</div>
<div class="listing-rating-number">5.0</div>
</div>
</div>
<div class="listing-action">
<a href="#">
<svg>
<use xlink:href="/homepage/index.svg#phone-fill"></use>
</svg>
Call
</a>
<a href="#">
<svg>
<use xlink:href="/homepage/index.svg#location-fill"></use>
</svg>
Show Map
</a>
</div>
</div>
<div class="listing-item">
<div class="listing-header">
<div class="listing-image">
<img src="/homepage/img/popular_sector_5.jpg" alt="tshirt photo">
</div>
<a href="#" class="listing-favourite">
<svg>
<use xlink:href="/homepage/index.svg#heart-outline"></use>
</svg>
</a>
</div>
<div class="listing-info">
<div class="listing-info-top">
<span class="listing-location">Italian</span>
<span class="listing-status">Open Now</span>
</div>
<a href="#" class="listing-title">Famiglia GiorgioÕs</a>
<div class="listing-rating">
<div class="listing-rating-star">
<svg>
<use xlink:href="/homepage/index.svg#star-fill"></use>
</svg>
<svg>
<use xlink:href="/homepage/index.svg#star-fill"></use>
</svg>
<svg>
<use xlink:href="/homepage/index.svg#star-fill"></use>
</svg>
<svg>
<use xlink:href="/homepage/index.svg#star-fill"></use>
</svg>
<svg>
<use xlink:href="/homepage/index.svg#star-fill"></use>
</svg>
</div>
<div class="listing-rating-number">5.0</div>
</div>
</div>
<div class="listing-action">
<a href="#">
<svg>
<use xlink:href="/homepage/index.svg#phone-fill"></use>
</svg>
Call
</a>
<a href="#">
<svg>
<use xlink:href="/homepage/index.svg#location-fill"></use>
</svg>
Show Map
</a>
</div>
</div> -->
</div>
<!-- <div class="container">
<main class="grid">
<article>
<img src="/homepage/img/popular_sector_5.jpg" alt="tshirt photo">
<div class="text">
<ul class="listing-ul-top">
<li><a href=""> ITALIAN</li>
<li><a href="">Open Now</a></li>
</ul>
<h4><a>Famiglia GiorgioÕs</a></h4>
<div class="listing-star">
<div class="loc"></div>
</div>
<ul class="listing-ul">
<li><a href=""> call</a></li>
<li><a href=""> Show Map</a></li>
</ul>
</div>
</article>
<article>
<img src="/homepage/img/popular_sector_5.jpg" alt="tshirt photo">
<div class="text">
<ul class="listing-ul-top">
<li><a href=""> ITALIAN</li>
<li><a href="">Open Now</a></li>
</ul>
<h4><a>Famiglia GiorgioÕs</a></h4>
<ul class="listing-ul">
<li><a href=""> call</a></li>
<li><a href=""> Show Map</a></li>
</ul>
</div>
</article>
<article>
<img src="/homepage/img/popular_sector_5.jpg" alt="tshirt photo">
<div class="text">
<ul class="listing-ul-top">
<li><a href=""> ITALIAN</li>
<li><a href="">Open Now</a></li>
</ul>
<h4><a>Famiglia GiorgioÕs</a></h4>
<ul class="listing-ul">
<li><a href=""> call</a></li>
<li><a href=""> Show Map</a></li>
</ul>
</div>
</article>
<article>
<img src="/homepage/img/popular_sector_5.jpg" alt="tshirt photo">
<div class="text">
<ul class="listing-ul-top">
<li><a href=""> ITALIAN</li>
<li><a href="">Open Now</a></li>
</ul>
<h4><a>Famiglia GiorgioÕs</a></h4>
<ul class="listing-ul">
<li><a href=""> call</a></li>
<li><a href=""> Show Map</a></li>
</ul>
</div>
</article>
</main>
</div> -->
</div>
<!-- <div class="listing-wrapper">
<?php
$a = $connect->query("SELECT * FROM ads where active='1' order by adid desc limit 8");
$ad_numrow = $a->num_rows;
while ($b = $a->fetch_assoc()) {
if (strlen($b['description']) > 0) {
$r_adid = $b['adid'];
$tile = ucfirst($b['companyname']);
$r_ad_name = strtolower($b['companyname']);
$r_ad_name = preg_replace("/[^A-Za-z 0-9]/", "", $r_ad_name);
$r_ad_name = str_replace(" ", " ", $r_ad_name);
$ad_name = str_replace(" ", "-", $r_ad_name);
$href = "pages/{$r_adid}-{$ad_name}.html";
$img = $b['image'] && file_exists($path . '/members/uploads/logo/' . $b['image']) ? '<img alt="Listing" src="/members/uploads/logo/' . $b['image'] . '">' :
'<img alt="Listing" src="/img/not-found.jpg">';
$lngth = 130;
$subDesc = substr(strip_tags($b['description']), 0, $lngth);
if (strlen($b['description']) > $lngth) {
$description = $subDesc . '...';
} else {
$description = strip_tags($b['description']);
}
$res .= '<div class="listing-item">
' . $img . '
<div class="listing-item-body">
<a href="' . $href . '" class="listing-item-title">' . $tile . '</a>
<p class="listing-item-description">' . $description . '</p>
</div>
</div>';
}
}
echo $res;
?>
</div> -->
</div>
</section>
<!-- end: Latest Listing -->
<!-- start: Popup -->
<div class="popup" id="popup">
<div class="popup-dialog">
<div class="popup-content">
<div class="popup-header">
<h3>Map</h3>
<a href="#" class="popup-close">×</a>
</div>
<div class="popup-body">
<iframe src="//maps.google.com/maps?q=53.3381768,-6.2613077&z=15&output=embed"
class="popup-map"></iframe>
</div>
</div>
</div>
</div>
<!-- end: Popup -->
<!-- start: Popular Countries -->
<section class="countries">
<div class="container">
<div class="tabbutton-wrapper">
<div class="tabbutton">
<button class="btn-city active" id="recommended_tab" data-target="#recommended">Recommended</button>
<!-- <button class="btn-city" data-target="#sectors">Sectors</button> -->
<button class="btn-city" id="locations_tab" data-target="#locations">Locations</button>
</div>
</div>
<div id="recommended" class="city active">
<div class="recommended-sector__image-wrapper">
<div class="popular-image-container">
<a href="#" class="popular-image-item">
<img src="https://www.rightdev.co.uk/_img/homepage/popular_sector_1.jpg?v218" alt="">
<div class="popular-image-info">
<h4>Real Estate</h4>
<span>2,323 Listings</span>
</div>
</a>
<a href="#" class="popular-image-item">
<img src="https://www.rightdev.co.uk/_img/homepage/popular_sector_1.jpg?v218" alt="">
<div class="popular-image-info">
<h4>Real Estate</h4>
<span>2,323 Listings</span>
</div>
</a>
<a href="#" class="popular-image-item">
<img src="https://www.rightdev.co.uk/_img/homepage/popular_sector_1.jpg?v218" alt="">
<div class="popular-image-info">
<h4>Real Estate</h4>
<span>2,323 Listings</span>
</div>
</a>
<a href="#" class="popular-image-item">
<img src="https://www.rightdev.co.uk/_img/homepage/popular_sector_1.jpg?v218" alt="">
<div class="popular-image-info">
<h4>Real Estate</h4>
<span>2,323 Listings</span>
</div>
</a>
<a href="#" class="popular-image-item">
<img src="https://www.rightdev.co.uk/_img/homepage/popular_sector_1.jpg?v218" alt="">
<div class="popular-image-info">
<h4>Real Estate</h4>
<span>2,323 Listings</span>
</div>
</a>
<a href="#" class="popular-image-item">
<img src="https://www.rightdev.co.uk/_img/homepage/popular_sector_1.jpg?v218" alt="">
<div class="popular-image-info">
<h4>Real Estate</h4>
<span>2,323 Listings</span>
</div>
</a>
</div>
</div>
</div>
<div id="sectors" class="city">
<?php
$cat_sql = $connect->query("SELECT * FROM cats WHERE active='1' GROUP BY cat_name ORDER BY `cat_name` ASC");
$num_rows = $cat_sql->num_rows;
$num = 0;
while ($cat_row = $cat_sql->fetch_assoc()) {
$cat_name = $cat_row['cat_name'];
if ($cat_name) {
//// replacing space with dash
/************** displayed on the page *************/
$cat_link = strtolower($cat_name);
$cat_link = str_replace(" ", "-", $cat_link);
$result = '<a class="countries-item" style="--order: ' . $num . ';" href="/business/' . $cat_link . '.html" title="Local ' . $cat_name . '
Business Directory">' . $cat_name . '</a>';
$cat_code[$num] = $result;
$num++;
}
}
$numcols = 3; // Default # of Columns
$numitems = count($cat_code); // Number of Items
$numrows = ceil($numitems / $numcols); // Number of Rows
echo '<div class="countries-wrapper">';
for ($row = 1; $row <= $numrows; $row++) {
$cell = 0;
for ($col = 1; $col <= $numcols; $col++) {
if ($col === 1) {
$cell += $row;
echo $cat_code[$cell - 1];
} else {
$cell += $numrows;
echo $cat_code[$cell - 1];
}
}
}
echo '</div>';
?>
</div>
<div id="locations" class="city">
<?php
$area_sql = $connect->query("SELECT * FROM ads WHERE active='1' GROUP BY county_name ORDER BY `county_name` ASC");
$num_rows = $area_sql->num_rows;
$num = 0;
while ($area_row = $area_sql->fetch_assoc()) {
$area_name = $area_row['county_name'];
if ($area_name) {
//// replacing space with dash
/************** displayed on the page *************/
$area_link = strtolower($area_name);
$area_link = str_replace(" ", "-", $area_link);
$result = '<a class="countries-item" style="--order: ' . $num . ';" href="/business/' . $area_link . '.html" title="Local ' . $area_name . '
Business Directory">' . $area_name . '</a>';
$area_code[$num] = $result;
$num++;
}
}
$numcols = 3; // Default # of Columns
$numitems = count($area_code); // Number of Items
$numrows = ceil($numitems / $numcols); // Number of Rows
echo '<div class="countries-wrapper">';
for ($row = 1; $row <= $numrows; $row++) {
$cell = 0;
for ($col = 1; $col <= $numcols; $col++) {
if ($col === 1) {
$cell += $row;
echo $area_code[$cell - 1];
} else {
$cell += $numrows;
echo $area_code[$cell - 1];
}
}
}
echo '</div>';
?>
</div>
</div>
</section>
<!-- end: Popular Countries -->
<!-- start: Latest Listing -->
<section class="listing">
<div class="container">
<h2 class="section-title">Featured Businesses</h2>
<div class="listing-wrapper">
<?php
$featureb_sql = $connect->query("SELECT * FROM ads WHERE active='1' limit 4");
while ($row = $featureb_sql->fetch_assoc()) {
$featurebusiness_row = get_listing($row);
$fb_name = $featurebusiness_row['companyname'];
$fb_county_name = $featurebusiness_row['county_name'];
$fb_image = $featurebusiness_row['image'];
$fr_ad_name=strtolower($fb_name);
$fr_ad_name = preg_replace("/[^A-Za-z 0-9]/", "", $fr_ad_name); $fr_ad_name=str_replace(" "," ",$fr_ad_name);
$fad_name=str_replace(" ","-",$fr_ad_name);
$fadid = $featurebusiness_row['adid'];
?>
<div class="listing-item">
<div class="listing-header">
<a href="pages/<?php echo $fadid.'-'.$fad_name.'.html'; ?>" class="listing-image">
<img src="
<?php if($fb_image){
if(file_exists('/members/uploads/logo/'.$fb_image)){
echo '/members/uploads/logo/'.$fb_image;
}else{
echo 'img/not-found.jpg';
}
}else{ echo 'img/not-found.jpg';
}
?>" alt="tshirt photo">
</a>
<a href="#" <?=$featurebusiness_row['is_login']==0 ? 'href="/login"' :''?> data-id="
<?=$fadid?>" class="listing-favourite">
<?=$featurebusiness_row['is_fav']==1 ? '<svg><use xlink:href="/homepage/index.svg#heart-fill"></use></svg>':'<svg><use xlink:href="/homepage/index.svg#heart-outline"></use></svg>'?>
</a>
</div>
<div class="listing-info">
<div class="listing-location">
<?php echo $fb_county_name;?>
</div>
<a href="pages/<?php echo $fadid.'-'.$fad_name.'.html'; ?>" class="listing-title">
<?php echo $fb_name;?>
</a><br>
<div class="listing-rating-star">
<svg>
<use xlink:href="/homepage/index.svg#star-fill"></use>
</svg>
<svg>
<use xlink:href="/homepage/index.svg#star-fill"></use>
</svg>
<svg>
<use xlink:href="/homepage/index.svg#star-fill"></use>
</svg>
<svg>
<use xlink:href="/homepage/index.svg#star-fill"></use>
</svg>
<svg>
<use xlink:href="/homepage/index.svg#star-fill"></use>
</svg>
</div>
<div class="listing-action">
<a href="#">
<svg>
<use xlink:href="/homepage/index.svg#phone-fill"></use>
</svg>
</a>
<a href="#" data-toggle="modal" data-target="#popup">
<svg>
<use xlink:href="/homepage/index.svg#location-fill"></use>
</svg>
</a>
</div>
</div>
</div>
<?php } ?>
<!-- <div class="listing-item">
<div class="listing-header">
<div class="listing-image">
<img src="/homepage/img/popular_sector_5.jpg" alt="tshirt photo">
</div>
<a href="#" class="listing-favourite">
<svg>
<use xlink:href="/homepage/index.svg#heart-outline"></use>
</svg>
</a>
</div>
<div class="listing-info">
<div class="listing-info-top">
<span class="listing-location">Italian</span>
<span class="listing-status">Open Now</span>
</div>
<a href="#" class="listing-title">Famiglia GiorgioÕs</a>
<div class="listing-rating">
<div class="listing-rating-star">
<svg>
<use xlink:href="/homepage/index.svg#star-fill"></use>
</svg>
<svg>
<use xlink:href="/homepage/index.svg#star-fill"></use>
</svg>
<svg>
<use xlink:href="/homepage/index.svg#star-fill"></use>
</svg>
<svg>
<use xlink:href="/homepage/index.svg#star-fill"></use>
</svg>
<svg>
<use xlink:href="/homepage/index.svg#star-fill"></use>
</svg>
</div>
<div class="listing-rating-number">5.0</div>
</div>
</div>
<div class="listing-action">
<a href="#">
<svg>
<use xlink:href="/homepage/index.svg#phone-fill"></use>
</svg>
Call
</a>
<a href="#">
<svg>
<use xlink:href="/homepage/index.svg#location-fill"></use>
</svg>
Show Map
</a>
</div>
</div> -->
</div>
<!-- <div class="container">
<main class="grid">
<article>
<img src="/homepage/img/popular_sector_5.jpg" alt="tshirt photo">
<div class="text">
<ul class="listing-ul-top">
<li><a href=""> ITALIAN</li>
<li><a href="">Open Now</a></li>
</ul>
<h4><a>Famiglia GiorgioÕs</a></h4>
<div class="listing-star">
<div class="loc"></div>
</div>
<ul class="listing-ul">
<li><a href=""> call</a></li>
<li><a href=""> Show Map</a></li>
</ul>
</div>
</article>
<article>
<img src="/homepage/img/popular_sector_5.jpg" alt="tshirt photo">
<div class="text">
<ul class="listing-ul-top">
<li><a href=""> ITALIAN</li>
<li><a href="">Open Now</a></li>
</ul>
<h4><a>Famiglia GiorgioÕs</a></h4>
<ul class="listing-ul">
<li><a href=""> call</a></li>
<li><a href=""> Show Map</a></li>
</ul>
</div>
</article>
<article>
<img src="/homepage/img/popular_sector_5.jpg" alt="tshirt photo">
<div class="text">
<ul class="listing-ul-top">
<li><a href=""> ITALIAN</li>
<li><a href="">Open Now</a></li>
</ul>
<h4><a>Famiglia GiorgioÕs</a></h4>
<ul class="listing-ul">
<li><a href=""> call</a></li>
<li><a href=""> Show Map</a></li>
</ul>
</div>
</article>
<article>
<img src="/homepage/img/popular_sector_5.jpg" alt="tshirt photo">
<div class="text">
<ul class="listing-ul-top">
<li><a href=""> ITALIAN</li>
<li><a href="">Open Now</a></li>
</ul>
<h4><a>Famiglia GiorgioÕs</a></h4>
<ul class="listing-ul">
<li><a href=""> call</a></li>
<li><a href=""> Show Map</a></li>
</ul>
</div>
</article>
</main>
</div> -->
</div>
<!-- <div class="listing-wrapper">
<?php
$a = $connect->query("SELECT * FROM ads where active='1' order by adid desc limit 8");
$ad_numrow = $a->num_rows;
while ($b = $a->fetch_assoc()) {
if (strlen($b['description']) > 0) {
$r_adid = $b['adid'];
$tile = ucfirst($b['companyname']);
$r_ad_name = strtolower($b['companyname']);
$r_ad_name = preg_replace("/[^A-Za-z 0-9]/", "", $r_ad_name);
$r_ad_name = str_replace(" ", " ", $r_ad_name);
$ad_name = str_replace(" ", "-", $r_ad_name);
$href = "pages/{$r_adid}-{$ad_name}.html";
$img = $b['image'] && file_exists($path . '/members/uploads/logo/' . $b['image']) ? '<img alt="Listing" src="/members/uploads/logo/' . $b['image'] . '">' :
'<img alt="Listing" src="/img/not-found.jpg">';
$lngth = 130;
$subDesc = substr(strip_tags($b['description']), 0, $lngth);
if (strlen($b['description']) > $lngth) {
$description = $subDesc . '...';
} else {
$description = strip_tags($b['description']);
}
$res .= '<div class="listing-item">
' . $img . '
<div class="listing-item-body">
<a href="' . $href . '" class="listing-item-title">' . $tile . '</a>
<p class="listing-item-description">' . $description . '</p>
</div>
</div>';
}
}
echo $res;
?>
</div> -->
</div>
</section>
<!-- end: Latest Listing -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script>
$('.btn-city').click(function () {
$('.btn-city').removeClass('active')
$('.city').removeClass('active')
$(this).addClass('active')
$($(this).attr('data-target')).addClass('active')
})
$('[data-toggle="modal"]').click(function (e) {
e.preventDefault()
$('html').addClass('overflow-hidden')
$($(this).attr('data-target')).addClass('active')
})
$(document).click(function (e) {
if($(e.target).is('.popup, .popup-close')) {
e.preventDefault()
$('html').removeClass('overflow-hidden')
$(e.target).closest('.popup').removeClass('active')
}
if(!$(e.target).is('.search-group, .search-group *')) {
$('.search-group .form-control-autocomplete-list').remove()
}
})
</script>
<script>
function Save_Search_Input() {
let search_val = $("#categoryInp").val();
$.ajax({
type: "GET",
url: "/include-functions/save-search-inp.php?keyword=" + search_val,
success: function (response) {
console.log(response);
}
});
}
// function close_suggestion(){
// $(".search-suggestion-wrapper").css("display", "none");
// }
// function select_suggest(e){
// e = e || window.event;
// let target = e.target || e.srcElement;
// let val = $(target).text();
// $("#box").val(val);
// close_suggestion();
// }
// var inputSearch = document.getElementById('box')
// autocompleteSearch(inputSearch)
// function autocompleteSearch(inp) {
// var selectedId = -1
// inp.addEventListener('input', inputAction)
// inp.addEventListener('focus', inputAction)
// inp.addEventListener('keydown', function (e) {
// var wrapperList = this.parentNode.querySelectorAll('.form-control-autocomplete-list > *')
// if (wrapperList.length < 1) return
// if (e.keyCode == 40) {
// selectedId++
// addActive(wrapperList)
// } else if (e.keyCode == 38) {
// selectedId--
// addActive(wrapperList)
// } else if (e.keyCode == 13) {
// e.preventDefault()
// wrapperList[selectedId].click()
// }
// })
// async function inputAction() {
// var item, wrapper, arr, val = inp.value
// selectedId = -1
// await fetch('/include-functions/get-search-suggest.php?search_inp=' + val)
// .then(function (resp) {
// return resp.json()
// })
// .then(function (data) {
// closeAutocomplete()
// arr = data.data
// })
// wrapper = document.createElement('ul')
// wrapper.className = 'form-control-autocomplete-list'
// this.parentNode.appendChild(wrapper)
// if (arr.length == 0) {
// item = document.createElement('li')
// item.className = 'no-event'
// item.innerHTML = 'No matching keyword'
// wrapper.appendChild(item)
// }
// for (var i = 0; i < 8; i++) {
// if (arr[i]) {
// item = document.createElement('li')
// item.dataset.value = arr[i].keyword
// item.innerHTML = arr[i].keyword
// item.addEventListener('click', function () {
// inp.value = this.dataset.value
// inp.blur()
// closeAutocomplete()
// })
// wrapper.appendChild(item)
// }
// }
// }
// function addActive(wrapperList) {
// removeActive(wrapperList)
// if (selectedId >= wrapperList.length) selectedId = 0
// if (selectedId < 0) selectedId = (wrapperList.length - 1)
// wrapperList[selectedId].classList.add('active')
// }
// function removeActive(wrapperList) {
// for (var i = 0; i < wrapperList.length; i++) {
// wrapperList[i].classList.remove("active");
// }
// }
// function closeAutocomplete(element) {
// var autocompleteList = document.getElementsByClassName('form-control-autocomplete-list')
// for (var i = 0; i < autocompleteList.length; i++) {
// if (element != autocompleteList[i] && element != inp) {
// autocompleteList[i].parentNode.removeChild(autocompleteList[i])
// }
// }
// }
// document.addEventListener('click', function (e) {
// closeAutocomplete(e.target)
// })
// }
function get_Search_Suggest() {
let search_val = $("#categoryInp").val();
if (search_val.length > 0) {
$(".search-suggestion-wrapper").css("display", "block");
} else {
close_suggestion()
}
let search_suggestion_data = [];
$.ajax({
type: "GET",
url: "/include-functions/get-search-suggest.php?search_inp=" + search_val,
success: function (response) {
var result = response.results
if (response != "") {
if (response != "NOT_FOUND") {
search_suggestion_data = JSON.parse(response);
let output = `<div class="search-wrapper-header">
<b style="font-weight: bold;">Similar searches</b>
</div>
<div class="search-suggestions" id="search_suggestions">`;
search_suggestion_data.results.forEach(element => {
let querystr = search_val;
let result = element.keyword;
let final_str = result.replace(querystr, '<b style="color: #FFCC22;">' + querystr + '</b>');
output += `<div class="search-suggest" onclick="select_suggest(event)">${final_str}</div>`
});
output += `</div>`;
$("#search_suggestion_wrapper").html(output);
} else {
let output = `<div class="search-wrapper-header">
<b style="font-weight: bold;">Similar searches</b>
</div>
<div class="search-suggestions" id="search_suggestions">
<div style="color: red; font-weight: 500; padding: 10px">No search result found</div>
</div>`;
output += `</div>`;
$("#search_suggestion_wrapper").html(output);
}
}
}
});
}
$("#categoryInp").on("input focus", () => {
// get_Search_Suggest();
Save_Search_Input();
})
// $("#box").on("focusout", ()=>{
// if (!$("#search_suggestion_wrapper").is(":hover")) {
// close_suggestion()
// }
// })
function searchCat(str, e) {
var el = $(e.target)
var unicode = e.keyCode;
var url = "/ajax/ajax_search_cat.php?hint=" + escape(str);
$.ajax({
url: url,
success: function (result) {
$('.form-control-autocomplete-list').remove()
var resp = JSON.parse(result);
var data = resp.data;
var li = '';
for (var x in data) {
li += "<li>" + data[x].cat_name + "</li>";
}
el.parent().append('<ul class="form-control-autocomplete-list">'+li+'</ul>')
},
});
}
function searchLoc(str, e) {
var el = $(e.target)
var unicode = e.keyCode;
var url = "/ajax/ajax_search_loc.php?hint=" + escape(str);
$.ajax({
url: url,
success: function (result) {
$('.form-control-autocomplete-list').remove()
var resp = JSON.parse(result);
var data = resp.data;
var li = '';
for (var x in data) {
li += "<li>" + data[x].area_name + "</li>";
}
el.parent().append('<ul class="form-control-autocomplete-list">'+li+'</ul>')
},
});
}
$(document).on('click', '.form-control-autocomplete-list li', function() {
$(this).parent().siblings('input').val($.trim($(this).text()))
$('.form-control-autocomplete-list').remove()
})
$(".listing-favourite").click(function () {
var fav = $(this);
var id = fav.data("id");
var url = "/ajax/add_fav.php?id=" + escape(id);
$.ajax({
url: url,
success: function (result) {
var resp = JSON.parse(result);
if (resp.status == 'success') {
if (resp.stat == 1) {
fav.html('<svg><use xlink:href="/homepage/index.svg#heart-fill"></use></svg>'); return false;
} else {
fav.html('<svg><use xlink:href="/homepage/index.svg#heart-outline"></use></svg>'); return false;
}
}
},
});
});
</script>
<?php
include_once $path . '/header-footer/footer.html';
?>