sunshine255/AIPT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
root
2024-10-29 03:42:53 +00:00
commit ce4d28d241
8443 changed files with 257326 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

289
en/search_results.php Normal file
View File

@@ -0,0 +1,289 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<?php include('../cms_admin/db_connection.php'); ?>
<?php
// Dynamically set the page metadata for SEO enhancement
$search_query = isset($_GET['query']) ? mysqli_real_escape_string($conn, $_GET['query']) : '';
if (!empty($search_query)) {
$page_title = "Search Results for '$search_query' - AI Tool Path | AI Tools Directory";
$page_description = "Find AI tools and products related to '$search_query' on AI Tool Path. Explore the most comprehensive directory of AI tools.";
} else {
$page_title = "Search AI Tools - AI Tool Path | AI Tools Directory";
$page_description = "Use AI Tool Path to search and find the latest AI tools. We provide a comprehensive AI tools directory to help you find the best solutions.";
}
echo "<title>$page_title</title>";
echo "<meta name='description' content='$page_description'>";
echo "<meta name='keywords' content='AI tools, artificial intelligence, AI products, tool search, AI Tool Path, best AI tools, AIPT'>";
?>
<!-- External Links -->
<link href="https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&amp;display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&amp;display=swap" rel="stylesheet">
<link href="css/color-switcher-design.css" rel="stylesheet">
<link id="theme-color-file" href="css/color-themes/default-color.css" rel="stylesheet">
<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<link rel="icon" href="images/favicon.png" type="image/x-icon">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<meta name="robots" content="index, follow">
<style>
.active a {
background-color: var(--thm-gradient-color2) !important;
color: white !important;
}
</style>
</head>
<body class="body-bg-color">
<!-- Header -->
<?php include 'container/header.php'; ?>
<!-- Page Title Start -->
<section class="page-title">
<div class="container">
<div class="page-title__inner">
</div>
</div>
</section>
<!-- Page Title End -->
<section class="case-one">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="top_search_form">
<div class="search-container">
<form id="search-form" action="search_results.php" method="get">
<input type="text" id="search-input" name="query" placeholder="Search for products..." autocomplete="off" value="<?php echo htmlspecialchars($search_query); ?>">
<button class="s_btn" type="submit">Search</button>
<ul id="suggestions" class="suggestions-list"></ul>
</form>
<div class="career-page-top__job-apply-country-list" id="form_tags">
<?php
// Get the filter parameter from the URL, default to 'all'
$filter = isset($_GET['filter']) ? htmlspecialchars($_GET['filter']) : 'all';
// Display the "All" link with the active class if filter is 'all'
echo "<a href='products?filter=all'" . ($filter === 'all' ? " class='cat_active'" : "") . ">All</a>";
// Query to fetch up to 6 categories from the database
$query = "SELECT * FROM categories LIMIT 6";
$result = mysqli_query($conn, $query);
if ($result) {
while ($row = mysqli_fetch_assoc($result)) {
$active_class = ($filter === $row['c_name']) ? " class='cat_active'" : "";
echo "<a href='products?filter=" . urlencode($row['c_name']) . "'" . $active_class . ">" . htmlspecialchars($row['c_name']) . "</a>";
}
}
?>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<?php
$products_per_page = 36;
$current_page = isset($_GET['page']) && is_numeric($_GET['page']) ? intval($_GET['page']) : 1;
if ($current_page < 1) {
echo "<script> window.location.href = '404';</script>";
exit();
}
// Calculate the offset for SQL query
$offset = ($current_page - 1) * $products_per_page;
// Fetch total number of products matching the search query
$safe_query = mysqli_real_escape_string($conn, $search_query);
$total_products_query = "SELECT COUNT(*) as total FROM products WHERE title LIKE '%$safe_query%' OR short_description LIKE '%$safe_query%'";
$total_products_result = mysqli_query($conn, $total_products_query);
if (!$total_products_result) {
echo "<script> window.location.href = '404';</script>";
exit();
}
$total_products_row = mysqli_fetch_assoc($total_products_result);
$total_products = intval($total_products_row['total']);
// Fetch the products for the current page
$products_query = "SELECT * FROM products WHERE title LIKE '%$safe_query%' OR short_description LIKE '%$safe_query%' ORDER BY id DESC LIMIT $offset, $products_per_page";
$products_result = mysqli_query($conn, $products_query);
if ($products_result && mysqli_num_rows($products_result) > 0) {
while ($product = mysqli_fetch_assoc($products_result)) {
?>
<div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp animated" data-wow-delay="200ms" style="visibility: visible; animation-delay: 200ms; animation-name: fadeInUp;">
<div class="case-one__single">
<div class="case-one__shape-1"></div>
<div class="case-one__icon">
<img src="../cms_admin/<?php echo htmlspecialchars($product['icon']); ?>" height="90px" alt="<?php echo htmlspecialchars($product['title']); ?>">
</div>
<h5 class="case-one__title"><a href="product_details?id=<?php echo htmlspecialchars($product['id']); ?>" target="_blank"><?php echo htmlspecialchars($product['title']); ?></a></h5>
<p class="case-one__text"><?php echo htmlspecialchars($product['short_description']); ?></p>
<div class="case-one__btn-box">
<a href="product_details?id=<?php echo htmlspecialchars($product['id']); ?>" class="case-one__btn" target="_blank">Get Started <span class="icon-up-right-arrow"></span></a>
</div>
</div>
</div>
<?php
}
} else {
echo "<script>layui.use('layer', function(){layer.msg('No matching products found. Displaying all products.');});</script>";
// If no results, fetch all products
$products_query = "SELECT * FROM products ORDER BY id DESC LIMIT $offset, $products_per_page";
$products_result = mysqli_query($conn, $products_query);
while ($product = mysqli_fetch_assoc($products_result)) {
?>
<div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp animated" data-wow-delay="200ms" style="visibility: visible; animation-delay: 200ms; animation-name: fadeInUp;">
<div class="case-one__single">
<div class="case-one__shape-1"></div>
<div class="case-one__icon">
<img src="../cms_admin/<?php echo htmlspecialchars($product['icon']); ?>" height="90px" alt="<?php echo htmlspecialchars($product['title']); ?>">
</div>
<h5 class="case-one__title"><a href="product_details?id=<?php echo htmlspecialchars($product['id']); ?>" target="_blank"><?php echo htmlspecialchars($product['title']); ?></a></h5>
<p class="case-one__text"><?php echo htmlspecialchars($product['short_description']); ?></p>
<div class="case-one__btn-box">
<a href="product_details?id=<?php echo htmlspecialchars($product['id']); ?>" class="case-one__btn" target="_blank">Get Started <span class="icon-up-right-arrow"></span></a>
</div>
</div>
</div>
<?php
}
}
?>
</div>
<!-- Pagination HTML -->
<div class="career-page__pagination mt-5">
<ul class="pg-pagination list-unstyled">
<?php
// Determine total pages
$total_pages = ceil($total_products / $products_per_page);
// Construct the base URL with the filter parameter
$base_url = "?query=" . urlencode($search_query) . "&page=";
// "Previous" button
if ($current_page > 1): ?>
<li class="prev">
<a href="<?php echo $base_url . ($current_page - 1); ?>" aria-label="Previous">
<span class="fas fa-arrow-left"></span>
</a>
</li>
<?php endif;
// Display pages when total pages <= 6
if ($total_pages <= 6):
for ($page = 1; $page <= $total_pages; $page++): ?>
<li class="count <?php echo $page == $current_page ? 'active' : ''; ?>" style="<?php echo $page == $current_page ? 'background-color: var(--thm-gradient-color2); color: white;' : ''; ?>">
<a href="<?php echo $base_url . $page; ?>"><?php echo $page; ?></a>
</li>
<?php endfor;
else:
// Show first 3 pages
for ($page = 1; $page <= 3; $page++): ?>
<li class="count <?php echo $page == $current_page ? 'active' : ''; ?>" style="<?php echo $page == $current_page ? 'background-color: var(--thm-gradient-color2); color: white;' : ''; ?>">
<a href="<?php echo $base_url . $page; ?>"><?php echo $page; ?></a>
</li>
<?php endfor;
// Show ellipsis (...) if needed
if ($current_page > 5): ?>
<li class="dots">...</li>
<?php endif;
// Show current page +/- 2 pages
for ($page = max(4, $current_page - 2); $page <= min($total_pages - 3, $current_page + 2); $page++): ?>
<li class="count <?php echo $page == $current_page ? 'active' : ''; ?>" style="<?php echo $page == $current_page ? 'background-color: var(--thm-gradient-color2); color: white;' : ''; ?>">
<a href="<?php echo $base_url . $page; ?>"><?php echo $page; ?></a>
</li>
<?php endfor;
// Show ellipsis (...) if needed
if ($current_page < $total_pages - 4): ?>
<li class="dots">...</li>
<?php endif;
// Show last 3 pages
for ($page = max($total_pages - 2, $current_page + 3); $page <= $total_pages; $page++): ?>
<li class="count <?php echo $page == $current_page ? 'active' : ''; ?>" style="<?php echo $page == $current_page ? 'background-color: var(--thm-gradient-color2); color: white;' : ''; ?>">
<a href="<?php echo $base_url . $page; ?>"><?php echo $page; ?></a>
</li>
<?php endfor;
endif;
// "Next" button
if ($current_page < $total_pages): ?>
<li class="next">
<a href="<?php echo $base_url . ($current_page + 1); ?>" aria-label="Next">
<span class="fas fa-arrow-right"></span>
</a>
</li>
<?php endif; ?>
</ul>
</div>
</div>
</section>
<!-- Free Trial Section -->
<?php include 'container/free_trail.php'; ?>
<!-- Footer -->
<?php include 'container/footer.php'; ?>
<?php include 'container/footer_links.php'; ?>
<!-- JavaScript for Handling Suggestions -->
<script>
document.addEventListener('DOMContentLoaded', function() {
const searchInput = document.getElementById('search-input');
const suggestionsList = document.getElementById('suggestions');
const searchForm = document.getElementById('search-form');
searchInput.addEventListener('input', function() {
const query = searchInput.value.trim();
if (query.length > 0) {
fetch('search_suggestions.php?query=' + encodeURIComponent(query))
.then(response => response.json())
.then(data => {
suggestionsList.innerHTML = '';
data.suggestions.forEach(item => {
const li = document.createElement('li');
li.textContent = item.title;
li.dataset.url = item.url;
li.addEventListener('click', function() {
window.location.href = li.dataset.url;
});
suggestionsList.appendChild(li);
});
suggestionsList.style.display = 'block';
});
} else {
suggestionsList.innerHTML = '';
suggestionsList.style.display = 'none';
}
});
document.addEventListener('click', function(event) {
if (!searchForm.contains(event.target)) {
suggestionsList.style.display = 'none';
}
});
});
</script>
</body>
</html>