<?php
require_once('./Themes/Main/addons/config.php');

?>
<html lang="en">

<head>
    <title><?= $config['site_name']?> - Главная</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta name="enot" content="9921608278417FwVfWeOTMre2-vfNDv1nz0YYtaXvTal5" />

    <meta name="description" content="<?= $config['description'] ?>">

    <meta name="keywords" content="<?= $config['keywords']?>">

    <link rel="icon" href="/Themes/Main/images/logo2.png">

    <meta name="verification" content="4b4334f3238b7d4e5194638a4f8c79" />

    <link href="/Themes/Main/css/font-awesome.min.css" rel="stylesheet">

    <link href="/Themes/Main/css/exo2.css" rel="stylesheet">

    <link href="/Themes/Main/css/selector.css" rel="stylesheet">

    <link rel="stylesheet" href="/Themes/Main/css/style.css">

    <link rel="stylesheet" href="/Themes/Main/css/style-response.css">

    <script type="application/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

    <script type="application/javascript" src="/Themes/Main/js/clipboard.min.js"></script>

    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
	<!------ NEW ADDs -------->
		<link rel="preload" href="/Themes/Main/fonts/Gilroy-Regular.eot" as="font" crossorigin="" />
		<link rel="preload" href="/Themes/Main/fonts/Gilroy-Regular.ttf" as="font" crossorigin="" />
		<link rel="preload" href="/Themes/Main/fonts/Gilroy-Regular.woff" as="font" crossorigin="" />
		<link rel="preload" href="/Themes/Main/fonts/Gilroy-Medium.eot" as="font" crossorigin="" />
		<link rel="preload" href="/Themes/Main/fonts/Gilroy-Medium.ttf" as="font" crossorigin="" />
		<link rel="preload" href="/Themes/Main/fonts/Gilroy-Medium.woff" as="font" crossorigin="" />
		<link rel="preload" href="/Themes/Main/fonts/Gilroy-Bold.eot" as="font" crossorigin="" />
		<link rel="preload" href="/Themes/Main/fonts/Gilroy-Bold.ttf" as="font" crossorigin="" />
		<link rel="preload" href="/Themes/Main/fonts/Gilroy-Bold.woff" as="font" crossorigin="" />
		<link rel="preload" href="/Themes/Main/fonts/Gilroy-Extrabold.eot" as="font" crossorigin="" />
		<link rel="preload" href="/Themes/Main/fonts/Gilroy-Extrabold.ttf" as="font" crossorigin="" />
		<link rel="preload" href="/Themes/Main/fonts/Gilroy-Extrabold.woff" as="font" crossorigin="" />
		<link rel="preload" href="/Themes/Main/fonts/Gilroy-Black.eot" as="font" crossorigin="" />
		<link rel="preload" href="/Themes/Main/fonts/Gilroy-Black.ttf" as="font" crossorigin="" />
		<link rel="preload" href="/Themes/Main/fonts/Gilroy-Black.woff" as="font" crossorigin="" />
	<link rel="preconnect" href="https://fonts.googleapis.com">
	
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	
	<link href="https://fonts.googleapis.com/css2?family=Rubik+Mono+One&display=swap" rel="stylesheet">
	
	<script type="application/javascript" src="/Themes/Main/js/script.js?version=13"></script>
	
</head>

<body>
<div class="header">
    <div class="container">
        <div class="navbar">
            <a href="/#" class="navbar-mobile"><i class="fa fa-bars"></i></a>
            <div class="navbar-wrapper">
				<div class="barnav" style="display: flex;align-items: center;flex-wrap: nowrap;width: 100%;">
					<div id="navbar-left"style="display: flex;justify-content: start; width:100%;gap:15px;">
						<!--<a class="navbar-left" href="#top1">Привилегии</a>
						<a class="navbar-left" href="#top1">Валюта</a>
						<a class="navbar-left" href="#top1">Ключи</a>
						<a class="navbar-left" href="#top1">Разное</a>-->
						<?php
                            foreach ($config["categories"] as $key => $value):
                                ?>
								<?php if($key != "category5" && $key != "category6") : ?>
								<a class="navbar-left" href="#<?= $key ?>"><?= $value['title'] ?></a>
								<?php endif; ?>
                            <?php
                            endforeach;
                        ?>
					</div>
					<div style="display: flex;justify-content: center; width:100%;">
						<a href="/" class="logo"><img class="logo" src="/Themes/Main/images/logo.png"></a>
					</div>
					<div style="display: flex;justify-content: flex-end; width:100%;">
						<a class="navbar-right" href="#top1">Вконтакте</a>
						<a class="navbar-right" href="#top1">Телеграм</a>
					</div>
				</div>
			</div>
        </div>
    </div>
</div>
<div class="container" style="margin-top: 120px;">
    <div class="tabs">

		<div class="tab-list">
            <?php foreach ($config["categories"] as $key => $value): ?>
				<?php if($key != "category5" && $key != "category6") : ?>
				<div class="block-left" id="<?= $key ?>" style="font-family: 'Gilroy-Bold', self;font-size: 36px;font-weight:bold;margin-bottom: 40px;margin-top: 40px;"><?= $value['title'] ?></div>
				<?php endif; ?>
				<?php if($key != "category3" && $key != "category5" && $key != "category6"):?>
                <div class="tab-id active" data-id="<?= $key ?>">
				<?php elseif($key == "category3" || $key == "category5" || $key == "category6") : ?>
				<div class="tab-id active <?= $key ?>item" style="margin-bottom:20px;" data-id="<?= $key ?>">
				<div class="block-left" id="<?= $key ?>" style="font-family: 'Gilroy-Bold', self;font-size: 22px;font-weight:bold;margin-bottom: 20px;margin-top: 0px;"><?= $value['header-title'] ?></div>
				<?php endif; ?>
                    <div class="items">
                        <?php foreach ($value['products'] as $k => $v): ?>
						
							<?php if($key != "category3" && $key != "category5" && $key != "category6"):?>
                            <div data-modal="paymodal" class="item-id <?= $key ?>id" data-product-id="<?= $k ?>" data-amounted="<?= ((isset($v['amount']) && $v['amount']) ? "1" : "") ?>">
                                <div class="title"><?= $v['title'] ?></div>
								<div class="opisanie" style="display:none;"><?= $v['opisanie'] ?></div>
								<div class="commands" style="display:none;"><?= $v['commands'] ?></div>
                                <div class="text" style="display:none;"><?= $v['text'] ?></div>
                                <div class="image <?= $key ?>img" style="background-image: url('<?= $v['image'] ?>');"></div>
                                <div class="price"><i style="font-weight:bold;font-size:24px;font-family: Gilroy-Bold;"><?= $v['price'] ?> ₽</i></div>
                            </div>
							<?php elseif($key == "category3" || $key == "category5" || $key == "category6") : ?>
							<div data-modal="paymodal" class="item-id <?= $key ?>id" data-product-id="<?= $k ?>" data-amounted="<?= ((isset($v['amount']) && $v['amount']) ? "1" : "") ?>">
                                <div class="title" style="display:none;"><?= $v['title'] ?></div>
								<div class="opisanie" style="display:none;"><?= $v['opisanie'] ?></div>
								<div class="commands" style="display:none;"><?= $v['commands'] ?></div>
                                <div class="text" style="font-weight:bold;font-size:24px;font-family: Gilroy-Bold; color: #747477;"><?= $v['text'] ?></div>
                                <div class="<?= $key ?>img" style="background-image: url('<?= $v['image'] ?>');"></div>
                                <div class="price"><i style="font-weight:bold;font-size:24px;font-family: Gilroy-Bold;"><?= $v['price'] ?> ₽</i></div>
                            </div>
							<?php endif; ?>
                        <?php endforeach; ?>
                    </div>
                </div>
				</section>
            <?php endforeach; ?>
        </div>
    </div>
</div>

<div class="footer">
    <div class="wrapper">
        <div class="container">
            <div class="block-middle">
                <div class="block-left">
                    <a href="/"><img style="max-width: 130px;" src="/Themes/Main/images/logo.png"></a>
                </div>
                <div class="block-right" style="text-align: right;">
					<a class="navbar-right" href="/privacy.pdf">Соглашение</a>
                    <a class="navbar-right" href="/pc.pdf">Политика конфиденциальности</a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal" id="singlemodal" data-id="paymodal">
    <div class="wrapper" style="width: 800px;">
        <form id="payForm" method="post" class="modal-content">
			<div style="display:flex; flex-wrap:nowrap;">
				<div>
					<div class="modal-header text-center text-bold" style="font-family: Gilroy-Bold;font-size: 22px;"></div>

					<input type="hidden" name="good" id="good" value="" />
					<div class="modal-body">
						<div class="input-block">
							<label for="login">Укажите Ваш никнейм на сервере</label>
							<input type="text" name="login" id="login" placeholder="Никнейм">
						</div>

						<div class="input-block">
							<label for="promo">Введите промокод, если он есть</label>
							<input type="text" name="promo" id="promo" placeholder="Промокод" required="">
						</div>

						<div id="amounted">
							<br>
							<div class="input-block">
								<label for="amount">Укажите кол-во товара</label>
								<input id="amount" type="number" min="1" step="1" name="amount" value="1"
									   placeholder="ВВЕДИТЕ КОЛ-ВО">
							</div>
						</div>
					</div>
					<div class="modal-footer text-right" style="margin-top: 10px;">
						<div>
							<button class="btn btn-big text-upper block" id="submitBtn" type="submit" data-modal="method" style="font-size:20px;">Оплатить <i style="font-size:20px;">0₽</i></button>
						</div>
						<div>
							<button data-modal-close="" class="btn btn-big btn-clear text-upper block">Закрыть</button>
						</div>
					</div>
				</div>
				<div class="opisanie-block-right">
					<div style="display:flex; justify-content:left;font-size:25px;margin-bottom:5px;color:#ea4242;">Возможности:</div>
					<div class="opisanieq" id="opisanie">
					F<br>F<br>F<br>F<br>F<br>F<br>F<br>F<br>F<br>F<br>F<br>F<br>
					</div>
				</div>
				<div class="opisanie-block-right">
					<div style="display:flex; justify-content:left;font-size:25px;margin-bottom:5px;color:#ea4242;">Команды:</div>
					<div class="commandsq" id="commands">
					F<br>F<br>F<br>F<br>F<br>F<br>F<br>F<br>F<br>F<br>F<br>F<br>
					</div>
				</div>
			</div>
        </form>
    </div>
</div>

<div class="modal active" data-id="method">
    <div class="wrapper">
        <form id="methodform" class="modal-content">
            <div class="modal-header text-center text-bold">Выберите способ оплаты</div>
            <ul class="methods">
                <li><button class="btn block w-100" type="submit" form="payForm" formmethod="get" formaction="qiwi.php" data-pic="qiwi" title="Qiwi"></button></li>
                <li><button class="btn block w-100" type="submit" form="payForm" formmethod="get" formaction="card.php" data-pic="card" title="Карты"></button></li>
                <li><button class="btn block w-100" type="submit" form="payForm" formmethod="get" formaction="yandex.php" data-pic="yandex" title="ЮMoney"></button></li>
                <li><button class="btn block w-100" type="submit" form="payForm" formmethod="get" formaction="megafon.php" data-pic="megafon" title="Мегафон"></button></li>
                <li><button class="btn block w-100" type="submit" form="payForm" formmethod="get" formaction="beeline.php" data-pic="beeline" title="Билайн"></button></li>
                <li><button class="btn block w-100" type="submit" form="payForm" formmethod="get" formaction="mts.php" data-pic="mts" title="МТС"></button></li>
                <li><button class="btn block w-100" type="submit" form="payForm" formmethod="get" formaction="tele2.php" data-pic="tele2" title="ТЕЛЕ2"></button></li>
                <li><button class="btn block w-100" type="submit" form="payForm" formmethod="get" formaction="applepay.php" data-pic="applepay" title="Apple Pay"></button></li>
                <li><button class="btn block w-100" type="submit" form="payForm" formmethod="get" formaction="samsungpay.php" data-pic="samsungpay" title="Samsung Pay"></button></li>
            </ul>
        </form>
    </div>
</div>

<div class="modal" data-id="start1">
    <div class="wrapper">
        <form method="post" action="/" class="modal-content">
            <div class="modal-header"></div>
            <div class="modal-body">
                <div class="block-middle">
                    <div class="block-left">
                        <form method="post" action="/" class="modal-content">
                            <div class="modal-header"></div>
                            <div class="modal-body">
                                <div class="block-middle">
                                    <div class="block-left">

                                        <p>1. Скачайте <a href="https://tlaun.ch/exe">Tlauncher</a> и установите версию 1.12.2</p>
                                        <p>2. Скопируйте наш IP и вставьте его в список серверов.</p>
                                        <p>3. Наслаждайтесь игрой на нашем сервере :)</p>
                                        <div class="input-block">
                                            <label for="serverip">IP сервера:</label>
                                            <input type="text" value="<?= $config['server_ip'] ?>" id="serverip" readonly>
                                        </div>
                                        <br>
                                        <button data-modal-close class="btn block text-upper btn-big active">Закрыть</button>
                                    </div>
                                    <div class="block-right">
                                        <div class="text-rule">
                                            <div class="wrapper">

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>


                    </div>
                    <div class="block-right">
                        <div class="text-rule">
                            <div class="wrapper">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
