﻿<?php
session_start();
date_default_timezone_set('Europe/Moscow');

function getFileVersion($filePath) {
    if (file_exists($filePath)) {
        return filemtime($filePath);
    }
    return time();
}

$cssVersion = getFileVersion($_SERVER['DOCUMENT_ROOT'] . '/assets/style.css');
$jsVersion = getFileVersion($_SERVER['DOCUMENT_ROOT'] . '/assets/script.js');

$isLoggedIn = isset($_SESSION['user']) && $_SESSION['user']['authenticated'] === true;
$userNickname = $isLoggedIn ? $_SESSION['user']['nickname'] : null;
?>

<!DOCTYPE HTML>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="/assets/img/icon.ico" type="image/x-icon">
    <title>GattinoLand | Главная</title>
    <meta name="description" content="GattinoLand — Уникальный сервер Minecraft!">
    <meta name="keywords" content="GattinoLand, gattinoland, донат, майнкрафт, minecraft, сервер, donate">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Exo+2:wght@400;700&display=swap&subset=cyrillic" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <link rel="stylesheet" href="/assets/style.css?v=<?php echo $cssVersion; ?>">
</head>

<body>

<div class="header">
    <div class="container">
        <div class="navbar">
            <a href="/" rel="nofollow" class="navbar-mobile"><i class="fa fa-bars"></i></a>
            <div class="navbar-wrapper">
                <div class="block-left">
                    <a href="/" class="logo" rel="nofollow">
                        <div class="block-left">
                            <img src="/assets/img/icon.ico" width="96" height="96">
                        </div>
                        <div class="block-right">
                            <span class="col1">Gattino</span><span class="col2">Land</span>
                            <br>
                            <span class="logo-ip">mc.gattinoland.fun</span>
                        </div>
                    </a>
                </div>

                <div class="block-center"></div>

                <div class="block-right">
                    <ul class="nav-menu">
                        <li class="active"><a href="/"><i class="fa fa-home"></i> Главная</a></li>
                        <li class=""><a href="/rules"><i class="fa fa-book"></i> Правила</a></li>
                        <li>
                            <a href="/account">
                                <i class="fa fa-user"></i> 
                                <?php if ($isLoggedIn): ?>
                                    <?php echo htmlspecialchars($userNickname); ?>
                                <?php else: ?>
                                    Войти
                                <?php endif; ?>
                            </a>
                        </li>
                        <?php if ($isLoggedIn): ?>
                        <li class="balance-item">
                            <a href="#" onclick="openCoinModal(); return false;">
                                <i class="fa fa-coins"></i> 
                                <span id="headerBalance">0</span> GLCoins
                            </a>
                        </li>
                        <?php endif; ?>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="main-banner">
    <img src="/assets/img/banner.jpg" alt="GattinoLand">
</div>

<div class="container">
    <div class="tabs">
        <ul class="tab-links">
            <li class="active" data-tab="category">
                <a href="#">
                    <span class="block-left"><i class="fa fa-diamond"></i></span>
                    <span class="block-right">Привилегии</span>
                </a>
            </li>
            <li data-tab="category2">
                <a href="#">
                    <span class="block-left"><i class="fa fa-key"></i></span>
                    <span class="block-right">Кейсы</span>
                </a>
            </li>
            <li data-tab="category4">
                <a href="#">
                    <span class="block-left"><i class="fa fa-cog"></i></span>
                    <span class="block-right">Другое</span>
                </a>
            </li>
        </ul>

        <div class="tab-list">
            <div class="tab-id active" data-tab="category">
                <div class="items">
                    <div class="item-id" data-id="1087558" data-name="Китти" data-price="19">
                        <div class="image" style="background-image: url('/assets/img/donates/китти.png');"></div>
                        <div class="title">Китти</div>
                        <div class="price">19 ₽</div>
                    </div>
                    <div class="item-id" data-id="1091316" data-name="Нэко" data-price="59">
                        <div class="image" style="background-image: url('/assets/img/donates/нэко.png');"></div>
                        <div class="title">Нэко</div>
                        <div class="price">59 ₽</div>
                    </div>
                    <div class="item-id" data-id="1107546" data-name="Химицу" data-price="129">
                        <div class="image" style="background-image: url('/assets/img/donates/химицуу.png');"></div>
                        <div class="title">Химицу</div>
                        <div class="price">129 ₽</div>
                    </div>
                    <div class="item-id" data-id="1091319" data-name="Нефер" data-price="369">
                        <div class="image" style="background-image: url('/assets/img/donates/нефер.png');"></div>
                        <div class="title">Нефер</div>
                        <div class="price">369 ₽</div>
                    </div>
                    <div class="item-id" data-id="1091320" data-name="Кли" data-price="519">
                        <div class="image" style="background-image: url('/assets/img/donates/кли.png');"></div>
                        <div class="title">Кли</div>
                        <div class="price">519 ₽</div>
                    </div>
                    <div class="item-id" data-id="1091321" data-name="Альбедо" data-price="849">
                        <div class="image" style="background-image: url('/assets/img/donates/альбедо.png');"></div>
                        <div class="title">Альбедо</div>
                        <div class="price">849 ₽</div>
                    </div>
                    <div class="item-id" data-id="1091322" data-name="Казуки" data-price="1349">
                        <div class="image" style="background-image: url('/assets/img/donates/казуки.png');"></div>
                        <div class="title">Казуки</div>
                        <div class="price">1349 ₽</div>
                    </div>
                    <div class="item-id" data-id="1091323" data-name="Китагава" data-price="2199">
                        <div class="image" style="background-image: url('/assets/img/donates/китагава.png');"></div>
                        <div class="title">Китагава</div>
                        <div class="price">2199 ₽</div>
                    </div>
                    <div class="item-id" data-id="1091324" data-name="Gattino" data-price="3699">
                        <div class="image" style="background-image: url('/assets/img/donates/gattino.png');"></div>
                        <div class="title">Gattino</div>
                        <div class="price">3699 ₽</div>
                    </div>
                </div>
            </div>
            <div class="tab-id" data-tab="category2">
                <div class="items">
                    <div class="item-id" data-id="1108592" data-name="Донат Кейс" data-price="39">
                        <div class="image" style="background-image: url('/assets/img/key1.png');"></div>
                        <div class="title">Донат Кейс</div>
                        <div class="price">39 ₽</div>
                    </div>
                    <div class="item-id" data-id="1108908" data-name="3 Донат Кейса" data-price="99">
                        <div class="image" style="background-image: url('/assets/img/key2.png');"></div>
                        <div class="title">3 Донат Кейса</div>
                        <div class="price">99 ₽</div>
                    </div>
                    <div class="item-id" data-id="1108909" data-name="5 Донат Кейсов" data-price="129">
                        <div class="image" style="background-image: url('/assets/img/key3.png');"></div>
                        <div class="title">5 Донат Кейсов</div>
                        <div class="price">129 ₽</div>
                    </div>
                    <div class="item-id" data-id="1108910" data-name="Полтинник Кейсов" data-price="555">
                        <div class="image" style="background-image: url('/assets/img/key4.png');"></div>
                        <div class="title">Полтинник Кейсов</div>
                        <div class="price">555 ₽</div>
                    </div>
                    <div class="item-id" data-id="1108911" data-name="Сотка Кейсов" data-price="1110">
                        <div class="image" style="background-image: url('/assets/img/key5.png');"></div>
                        <div class="title">Сотка Кейсов</div>
                        <div class="price">1110 ₽</div>
                    </div>
                </div>
            </div>
            <div class="tab-id" data-tab="category4">
                <div class="items">
                    <div class="item-id" data-id="1093459" data-name="Разбан/Размут" data-price="69">
                        <div class="image" style="background-image: url('/assets/img/unban.png');"></div>
                        <div class="title">РАЗБАН/РАЗМУТ</div>
                        <div class="price">69 ₽</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal" id="coinmodal">
    <div class="modal-content">
        <span class="close-modal" onclick="closeCoinModal()">&times;</span>
        
        <div class="modal-product">
            <div class="product-name">Пополнение GLCoins</div>
        </div>

        <form id="coinform">
            <div class="modal-field">
                <input type="text" id="coin_username" name="username" placeholder="Ваш игровой ник" value="<?php echo htmlspecialchars($userNickname ?? ''); ?>" required>
            </div>
            
            <div class="modal-field">
                <input type="email" id="coin_email" name="email" placeholder="Ваша почта" required>
            </div>
            
            <div class="modal-field">
                <label style="display: block; margin-bottom: 10px; color: #888;">Количество GLCoins (минимум 10):</label>
                <input type="number" id="coin_amount" name="amount" min="10" step="1" placeholder="Введите количество" required>
                <small style="color: #888; display: block; margin-top: 5px;">Цена: 1 GLCoin = 1 ₽</small>
            </div>

            <input type="hidden" id="coin_productId" name="productId" value="1093472">
            
            <button type="submit" class="modal-submit-btn" id="coinSubmitBtn">Перейти к оплате</button>
        </form>
    </div>
</div>

<div class="modal" id="paymodal">
    <div class="modal-content">
        <span class="close-modal">&times;</span>
        
        <div class="modal-product">
            <div class="product-name" id="modalItemName"></div>
            <div class="product-price" id="modalItemPrice"></div>
        </div>

        <form id="buyform">
            <div class="modal-field">
                <input type="text" id="username" name="username" placeholder="Введите ваш ник" required>
            </div>
            
            <div class="modal-field">
                <input type="email" id="email" name="email" placeholder="Введите вашу почту" required>
            </div>
            
            <div class="modal-field promo-field" id="promoField" style="display: none;">
                <input type="text" id="promo" name="promo" placeholder="Введите промокод">
            </div>
            
            <div class="promo-row" id="promoRow">
                <label class="promo-checkbox">
                    <input type="checkbox" id="promoToggle">
                    <span class="promo-label">Активировать промокод?</span>
                </label>
            </div>

            <input type="hidden" id="productId" name="productId">
            <input type="hidden" id="productPrice" name="productPrice">
            <input type="hidden" id="productName" name="productName">
            <input type="hidden" id="productAmounted" name="productAmounted">
            
            <button type="submit" class="modal-submit-btn" id="submitBtn">Перейти к оплате</button>
        </form>
    </div>
</div>

<div id="promoModal" class="promo-modal" style="display: none;">
    <div class="promo-modal-content">
        <div class="promo-modal-header">
            <h2>🎁 Специальный промокод! 🎁</h2>
        </div>
        <div class="promo-body">
            <span class="promo-cat">🐱</span>
            <p>Персональный промокод только для тебя!</p>
            <div class="promo-code-box">
                <div class="promo-code">GL27</div>
                <button class="copy-promo-btn" onclick="copyPromoCode()">📋 Скопировать</button>
            </div>
            <!-- <p class="promo-note"></p> -->
        </div>
        <div class="promo-footer">
            <button class="close-promo-btn" onclick="closePromoModal()">Закрыть</button>
        </div>
    </div>
</div>

<footer>
    <!-- <div class="social-wrapper">
        <div class="social-section">
            <p class="social-label">Следи за нами в наших социальных сетях!</p>
            <div class="tg-link">
                <a href="https://t.me/gattinoland" target="_blank">
                    <i class="fa fa-telegram"></i> Телеграм
                </a>
            </div>
            <div class="ds-link">
                <a href="https://discord.gg/SqJa5Wx8mu" target="_blank">
                    <i class="fa fa-discord"></i> Дискорд
                </a>
            </div>
        </div>
    </div> -->

    <div class="container">
        <div class="block-left">
            <a href="/" class="logo" rel="nofollow">
                <div class="block-left">
                    <img src="/assets/img/icon.ico" width="40" height="40">
                </div>
                <div class="block-right">
                    <span class="col1">Gattino</span><span class="col2">Land</span>
                </div>
            </a>
        </div>

        <div class="block-center">
            Все права защищены © 2026
            <p>mc.gattinoland.fun</p>
        </div>
        <div class="block-center">
            <p>GattinoLand не связан с Mojang AB</p>
            <p>По всем вопросам обращаться через обращения в профиле</p>
        </div>
    </div>
</footer>
<script>
window.userLoggedIn = <?php echo $isLoggedIn ? 'true' : 'false'; ?>;
window.userNickname = <?php echo $userNickname ? json_encode($userNickname) : 'null'; ?>;
window.userCoins = <?php echo $isLoggedIn ? ($userData['coins'] ?? 0) : 0; ?>;
</script>
<script src="/assets/script.js?v=<?php echo $jsVersion; ?>"></script>
</body>
</html>