<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JEdrock - аккаунт</title>
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="shortcut icon" href="assets/img/favicon.png" type="image/x-icon">

    <link href="https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800;900;1000&display=swap"
        rel="stylesheet">
    <link
        href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap"
        rel="stylesheet">

    <style>
        .client-backgr {
            margin-top: 16px;
            margin-bottom: 32px;
            width: 100%;
            height: 136px;
            background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%),
                url("<%= bannerUrl ? bannerUrl : 'https://i.postimg.cc/Bv3CwxFv/slide-2.png' %>");
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            border-radius: 16px;
        }
    </style>

</head>

<body>

    <div id="preloader">
        <div class="loader"></div>
    </div>

    <script>
        window.addEventListener('load', function () {
            var preloader = document.getElementById('preloader');
            var content = document.querySelector('.content');
            preloader.style.display = 'none';
            content.style.display = 'block';
        });
    </script>

    <nav class="navbar navbar-expand-lg">
        <div class="container">
            <a class="navbar-brand" href="account.html"><img src="/assets/img/logo.png" width="80px" alt=""></a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
                aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="justify-content-center collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="justify-content-center navbar-nav">
                    <li class="nav-item">
                        <a class="nav-link" href="https://mineserv.top/jedrock?vote">Проголосовать</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#footer">Контакты</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="https://discord.gg/6GCZPVQw4C">Discord</a>
                    </li>
                    <div class="nav-menu-block">
                        <hr>

                        <a class="a-acc" href="../account">
                            <li class="li-acc">Мой аккаунт</li>
                        </a>

                        <a class="a-acc" href="../notifications">
                            <li class="li-acc">Мои уведомления</li>
                        </a>

                        <a class="a-acc" href="../transation">
                            <li class="li-acc">Мои транкзации</li>
                        </a>
                        <a class="a-acc" href="../chat">
                            <li class="li-acc">Голосовой чат</li>
                        </a>
                    </div>

                </ul>
            </div>
        </div>
    </nav>

    <section class="main-account">
        <div class="container">
            <div class="row ll">
                <div class="col-2 col-lg-4 acc-nav-col">
                    <div class="acc-nav">
                        <ul class="ul-acc">
                            <a class="a-acc" href="../account">
                                <li class="li-acc activeLink">Мой аккаунт</li>
                            </a>
                            <a class="a-acc" href="../notifications">
                                <li class="li-acc">Мои уведомления</li>
                            </a>
                            <a class="a-acc" href="../transation">
                                <li class="li-acc">Мои транкзации</li>
                            </a>
                            <a class="a-acc" href="../chat">
                                <li class="li-acc">Голосовой чат</li>
                            </a>
                        </ul>
                    </div>
                </div>

                <div class="col-2 col-lg-4">
                    <div class="acc-acc">
                        <div class="account-main">
                            <div class="account-block">
                                <div class="my-acc">
                                    <p class="my-acc-txt">Мой аккаунт</p>
                                </div>

                                <div class="client-backgr">
                                    <div class="block-client">
                                        <div class="cl-img">
                                            <img class="cl-image" src="<%= avatarUrl %>" alt="">
                                        </div>
                                        <div class="client-text">
                                            <p class="cl-txt">Игрок:</p>
                                            <p class="cl-nick">
                                                <%= nickname %>
                                            </p>
                                            <span class="tokens">Токены: <span class="cl-tokens">
                                                    <%= tokens %> <img src="/assets/img/x.gif" width="15px"
                                                            style="margin-top: -2.5px;" alt="">
                                                </span></span>
                                        </div>
                                    </div>

                                </div>

                                <hr>

                                <div class="about__main">
                                    <div class="about__server">
                                        <div class="details-tit">
                                            <p class="d-tit">Состояние сервера</p>
                                        </div>

                                        <div class="details-info">
                                            <p class="d-txt">Онлайн: <span class="change" id="playerCount">Загрузка
                                                    информации...</span></p>
                                            <p class="d-txt"><span class="change" id="playerList"></span></p>
                                            <p class="d-txt">Версия: <span class="change" id="serverVersion"></span></p>
                                            <button class="accordion">Показать карту</button>
                                            <div class="panel">
                                                <iframe id="mapFrame" src="https://map.jedrock.me/"
                                                    frameborder="0"></iframe>
                                            </div>

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

                                <hr>

                                <div class="details__main">
                                    <div class="details-block">
                                        <div class="details-tit">
                                            <p class="d-tit">Настройки</p>
                                        </div>

                                        <div class="details-info">
                                            <p class="d-txt"><span class="nick">Ник: </span><span class="change">
                                                    <%= nickname %>
                                                </span></p>
                                            <p class="d-txt"><span class="email">Почта: </span><span class="change">
                                                    <%= email %>
                                                </span></p>
                                            <p class="d-txt"></p>
                                        </div>
                                    </div>
                                </div>

                                <hr>

                                <div class="out__main">
                                    <div class="out-block">
                                        <p class="out-p"><img src="/assets/img/out.png" alt=""> <a href="../index"
                                                class="out-s">Log Out</a></p>
                                    </div>
                                </div>


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

    </section>

    <footer id="footer">
        <div class="container">
            <div class="row">
                <div class="col">
                    <div class="footer">
                        <ul class="footer-ul">
                            <li class="footer-li">
                                <p class="footer-name">Контакты:</p>
                            </li>
                            <li class="footer-li"><a href="alphabaqpla@outlook.com">EMail: alphabaqpla@outlook.com</a>
                            </li>
                            <li class="footer-li"><a href="">Телефон: +79520800416</a></li>
                            <li class="footer-li"><a href="">Адрес: 119021, г. Москва, Фрунзенская набережная, д. 12</a>
                            </li>
                        </ul>
                    </div>
                </div>

                <div class="col">
                    <div class="footer">
                        <ul class="footer-ul">
                            <li class="footer-li">
                                <p class="footer-name">Полезные Ссылки:</p>
                            </li>
                            <li class="footer-li"><a href="https://mineserv.top/jedrock?vote">Проголосовать</a></li>
                            <li class="footer-li"><a href="/oferta">Договор оферты</a></li>
                            <li class="footer-li"><a href="/politconf">Политика конфиденциальности</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <p class="ip">Проект JEdrock никак не относится к Mojang, AB. <br>
            ИП Карташов Тимур Михайлович
            | ИНН 024505942067
            | ОГРН 318028000117490</p>
        <p class="copy">© 2023 JEdrock.fun Все права защищены.</p>
        <div class="footer-img">
            <div class="d"><img src="/assets/img/mk.png" alt=""></div>
            <div class="d"><img src="/assets/img/visa.png" alt=""></div>
            <div class="d"><img src="/assets/img/mir.png" alt=""></div>
            <div class="d"><img src="/assets/img/sbp.png" alt=""></div>
        </div>
        <hr>
        <p class="dev text-center">Developed: <a class="gradient" href="https://t.me/dgilyazov">GilazovDEV</a>
        </p>
    </footer>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/script.js"></script>
    <script src="assets/js/info.js"></script>
</body>

</html>