warehouse.php - master - Fancy/Project_WareHouse

warehouse.php
205 строк6 KB
Oleg
add_code5
18 окт 2025, 11:31
18 окт 2025, 11:31553f763
<?php
session_start();

// Защита страницы - только для авторизованных
if (!isset($_SESSION['is_logged_in']) || $_SESSION['is_logged_in'] !== true) {
        echo '<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Доступ запрещен</title>
    <link rel="icon" href="media/LogoWHicon.png">
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        body{
            width: 100%;
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .main{
            width: 30vw;
            height: 50vh;
        }
        .main div{
            width: 100%;
            height: 33%;
        }
        #btn-aut{
            background-color: #00aaff;
            width: 10vw;
            height: 5vh;
            border: none;
            color: white;
            font-size: 1vw;
        }
        #btn-aut:hover{
            cursor: pointer;
            scale: 1.1;
        }
        .imgicon{
            width: 5vw;
            height: 5vw;
        }
        .main div h2{
            font-size: 1.3vw;
        }
        .main div h3{
            margin-top: 2vw;
            font-size: 1vw;
            font-weight: 100;
        }


    </style>
</head>
<body>
    <div class="main">
        <div class="icon"><img class="imgicon" src="media/403.png" alt=""></div>
        <div><h2>Доступ ко входу на Торговую площадку запрещен</h2><h3>Авторизуйтесь для просмотра данной страницы</h3></div>
        <div><button id="btn-aut">Авторизоваться</button></div>
    </div>
    <script>
        document.getElementById("btn-aut").addEventListener("click", function(){
            document.location.href = "index.php";
        })
    </script>
</body>
</html>';
    exit;
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="media/LogoWHicon.png">
    <title>Торговая площадка</title>
    <style>
        *{
            margin: 0;
            padding: 0;
            overflow-x: hidden;
        }
        .body{
            height: 100vh;
            background-color: whitesmoke;
            display: flex;
            align-items: center;
            flex-direction: column;
            height: auto;
        }
        .main{
            margin-top: 100px;
            margin-bottom: 50px;
            background-color: red;
            width: 80%;
            min-height: 1000px;
            border-radius: 20px;
            
        }   
        header {
            width: 80%;
            height: 70px;
            background-color: white;
            position: fixed;
            left: 0;
            right: 0;
            margin-left: auto;
            margin-right: auto;
            z-index: 9999;
            top: 0;
            border-radius: 0 0 20px 20px;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: row;
        }
        header div{
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .logoWH{
            width: 25%;
            height: 100%;
            
        }
        #homelogo:hover{
            cursor: pointer;
        }
        .searchWH{
            width: 50%;
            height: 100%;
        }
        .btnboxWH{
            width: 25%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: row;
            gap: 10px;
            overflow: hidden;
        }
        .btnboxWH div{
            display: fixed;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            
        }
        .profile img{
            scale: 0.6;
            filter: brightness(0) saturate(100%) invert(0); /* исходный цвет */
            transition: filter 0.3s ease;
        }
        .basket img{
            scale: 0.4;
            filter: brightness(0) saturate(100%) invert(0); /* исходный цвет */
            transition: filter 0.3s ease;
        }
        .basket img:hover{
            filter: brightness(0) saturate(100%) invert(48%) sepia(98%) saturate(2476%) hue-rotate(166deg) brightness(100%) contrast(101%);
            cursor: pointer;
        }
        .profile img:hover{
            filter: brightness(0) saturate(100%) invert(48%) sepia(98%) saturate(2476%) hue-rotate(166deg) brightness(100%) contrast(101%);
            cursor: pointer;
        }


    </style>
</head>
<body>
    <header>
            <div class="logoWH"><img src="media/logoWH2.png" alt="" id="homelogo"></div>
            <div class="searchWH"><input type="text"></div>
            <div class="btnboxWH">
                <div class="profile"><img src="media/svg/profile_icon.svg" alt="" id="profile_link"></div>
                <div class="basket"><img src="media\svg\basket_icon.svg" alt="" id="basket_link"></div>
            </div>
    </header>
    <div class="body">
        <div class="main"></div>
    </div>
    <script>
        document.getElementById('homelogo').addEventListener('click', function(){
            document.location.href = 'warehouse.php'
        });
        document.getElementById('profile_link').addEventListener('click', function(){
            document.location.href = 'account_profile.php'
        });
        document.getElementById('basket_link').addEventListener('click', function(){
            document.location.href = 'basket.php'
        });

    </script>
</body>
</html>