header.php - main - Evil331/Apteka

header.php
75 строк3 KB
Evil6766
Add files via upload
31 май 2025, 17:06
31 май 2025, 17:06667fe25
<?php
session_start();
?>
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Интернет-аптека</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header>
        <div class="logo"><a href="index.php">Y-Apteka</a></div>
        <div class="search-bar">
            <input type="text" id="searchInput" placeholder="Поиск лекарств...">
            <button id="searchButton">
                <img src="assets/images/search-icon.png" alt="Поиск">
            </button>
        </div>
        <div class="cart">
            <?php
            if (isset($_SESSION["username"])) {
                echo '<a href="profile.php">' . htmlspecialchars($_SESSION["username"]) . '</a> | <a href="logout.php">Выйти</a>';
            } else {
                echo '<a href="login.php">Вход</a> | <a href="register.php">Регистрация</a>';
            }
            ?>
            | <a href="cart.php" id="cartLink">Корзина (0)</a>
        </div>
    </header>
    <div class="nav-menu">
        <ul>
            <li><a href="index.php">Главная</a></li>
            <li><a href="catalog.php">Каталог</a></li>
            <li><a href="cart.php">Корзина</a></li>
            <li><a href="about.php">О нас</a></li>
            <li><a href="contacts.php">Контакты</a></li>
        </ul>
    </div>

    <script>
        // Функция обработки поиска
        function handleSearch() {
            const searchInput = document.getElementById('searchInput');
            if (searchInput) {
                const query = searchInput.value.trim();
                if (query) {
                    // Перенаправление на страницу каталога с параметром поиска
                    window.location.href = 'catalog.php?search=' + encodeURIComponent(query);
                } else {
                    // Если строка поиска пуста, просто переходим в каталог
                    window.location.href = 'catalog.php';
                }
            } else {
                console.error('Элемент searchInput не найден.');
            }
        }

        // Привязка обработчика к кнопке поиска и Enter
        document.addEventListener('DOMContentLoaded', () => {
            const searchButton = document.getElementById('searchButton');
            const searchInput = document.getElementById('searchInput');
            if (searchButton) {
                searchButton.addEventListener('click', handleSearch);
            }
            if (searchInput) {
                searchInput.addEventListener('keypress', (e) => {
                    if (e.key === 'Enter') {
                        handleSearch();
                    }
                });
            }
        });
    </script>