<!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, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>Heison Games | Магазин скриптов SAMP!</title>
    <link rel="icon" type="image/x-icon" href="/engine/img/favicon.png">
    <link href="/engine/vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="/engine/alert/style.css" />
    <script src="/engine/alert/cute-alert.js"></script>
    <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
    <link href="/engine/includes/css/sb-admin-2-dark.min1.css" rel="stylesheet">    <link href="/engine/vendor/datatables/dataTables.bootstrap4.min.css" rel="stylesheet">
	<link href="/engine/css/sakura.min.css" rel="stylesheet">
	<link rel="stylesheet" href="/engine/css/1card-block.css">
	<link href="/engine/includes/css/sb-admin-2-dark.min1.css" rel="stylesheet">
</head>

<body id="page-top">

    <!-- Page Wrapper -->
    <div id="wrapper">

        <!-- Sidebar -->
         </ul>
        <!-- End of Sidebar -->

        <!-- Content Wrapper -->
        <div id="content-wrapper" class="d-flex flex-column">

            <!-- Main Content -->
					<div id="content">
						<style>
							@media only screen and (max-width: 768px) {
								.navbar-collapse {
									position: flex;
									text-align: center !important;
									top: 55px;
									left: 0;
									z-index: 999;
									background-color: rgba(0, 0, 0, 0.5);
									border-radius: 8px;
									padding: 10px;
									box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
								}
							}
						</style>
						<nav class="navbar navbar-expand-lg navbar-light bg-white topbar mb-4 static-top shadow">
							<a href="https://heison-games.ru" style="display: block; text-align: center;" target="_blank">
								<img src="/engine/img/logo-index.png" alt="Описание изображения" style="max-width: 120px; height: auto; margin-top: 7px;">
							</a>
							<button id="sectionsDropdown" class="btn btn-link d-md-none rounded-circle mr-3" aria-haspopup="true" aria-expanded="false">
								<i class="fa fa-bars"></i>
							</button>
							<div class="collapse navbar-collapse" id="navbarSupportedContent">
								<ul class="navbar-nav mr-auto">
									<li class="nav-item">
										<a class="nav-link btn btn-topbar" href="/">
											<i class="fas fa-home"></i>
											<span style="margin-left: 5px;">Главная</span>
										</a>
									</li>
									<li class="nav-item dropdown">
										<a class="nav-link dropdown-toggle" href="#" id="shopDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
											<i class="fas fa-shopping-cart"></i>
											<span style="margin-left: 4px;">Магазин</span>
										</a>
										<div class="dropdown-menu" aria-labelledby="shopDropdown">
											<a class="dropdown-item" href="/razdel">Магазин</a>
											<a class="dropdown-item" href="/purchases">Мои покупки</a>
										</div>
									</li>
									<li class="nav-item dropdown">
										<a class="nav-link dropdown-toggle" href="#" id="podDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
											<i class="fas fa-headset"></i>
											<span style="margin-left: 4px;">Поддержка</span>
										</a>
										<div class="dropdown-menu" aria-labelledby="podDropdown">
											<a class="dropdown-item" href="https://vk.com/heison.games">Тех. поддержка</a>
											<a class="dropdown-item" href="/tickets?action=faq">FAQ</a>
										</div>
									</li>
									<li class="nav-item dropdown">
										<a class="nav-link dropdown-toggle" href="#" id="refDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
											<i class="fas fa-user-plus"></i>
											<span style="margin-left: 4px;">Разное</span>
										</a>
										<div class="dropdown-menu" aria-labelledby="refDropdown">
											<a class="dropdown-item" href="/kont">Контакты</a>
										</div>
									</li>
									<li class="nav-item">
										<a class="nav-link " href="#" data-toggle="modal" data-target="#PayModal">
											<i class="fas fa-wallet"></i>
											<span style="margin-left: 5px;">Финансы</span>
										</a>
									</li>
								</ul>
								<ul class="navbar-nav ml-auto">
									<li class="nav-item dropdown no-arrow">
										<a class="nav-link dropdown-toggle" href="#" id="userDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
											<span class="mr-2 d-none d-lg-inline text-gray-600 small">Tester Test											</span>
											<img class="img-profile rounded-circle" src="/engine/img/avatars/0.png">
										</a>
										<div class="dropdown-menu dropdown-menu-right shadow animated--grow-in" aria-labelledby="userDropdown">
											<a class="dropdown-item" href="/profile">
												<i class="fas fa-user fa-sm fa-fw mr-2 text-gray-400"></i> Профиль
											</a>
											<div class="dropdown-divider"></div>
											<a class="dropdown-item" href="#" data-toggle="modal" data-target="#logoutModal">
												<i class="fas fa-sign-out-alt fa-sm fa-fw mr-2 text-gray-400"></i> Выход
											</a>
										</div>
									</li>
								</ul>
							</div>
						</nav>
					</div>
					<div class="modal fade" id="PayModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
						<div class="modal-dialog" role="document">
							<div class="modal-content">
								<div class="modal-header">
									<h5 class="modal-title" id="exampleModalLabel">Пополнение счета</h5>
									<button class="close" type="button" data-dismiss="modal" aria-label="Close">
										<span aria-hidden="true">×</span>
									</button>
								</div>
								<div class="modal-body">
									<form method="POST" action="/includes/request/pay">
										<label>Почта</label>
										<input type="text" class="form-control" placeholder="Email" value="test12@gmail.com" name="email" required readonly><br>
										<label>Сумма пополнения</label>
										<input type="text" class="form-control" placeholder="Сумма пополнения" id="sum" name="sum" required><br>
										<div class="form-group">
											<label>Способ оплаты</label>
											<select class="form-select" name="method" id="method">
												<option value="0" selected /></option>
											</select>
										</div>
										<button class="btn btn-lg btn-primary btn-block">Оплатить</button>
									</form>
								</div>
							</div>
						</div>
					</div>     
					<script>
						document.getElementById("sectionsDropdown").addEventListener("click", function() {
						var sectionsDropdown = document.getElementById("navbarSupportedContent");
							if (sectionsDropdown.classList.contains("show")) {sectionsDropdown.classList.remove("show");} 
							else {sectionsDropdown.classList.add("show");}
						});
					</script>		<br> 
        <div id="content-wrapper" class="d-flex flex-column">
            <div id="content">
                <div class="container-fluid">
                    <div class="d-sm-flex align-items-center justify-content-between mb-4">
                         <h1 class="h3 mb-0 text-gray-800">Доброго времени суток, Tester</h1> </div>
                      <div class="row">
                        <div class="col-xl-3 col-md-6 mb-4">
							<div class="card-body">
								<div class="wave"></div>
								<div class="wave"></div>
								<div class="wave"></div>
								<div class="row no-gutters align-items-center">
									<div class="col mr-2">
										<div class="text-xs font-weight-bold text-primary text-uppercase mb-1">Пользователей</div>
										<div class="h5 mb-0 font-weight-bold text-gray-800">420</div>
									</div>
									<div class="col-auto">
										<i class="fas fa-users fa-2x text-gray-300"></i>
									</div>
								</div>
							</div>
						</div>
                        <div class="col-xl-3 col-md-6 mb-4">
							<div class="card-body">
								<div class="wave"></div>
								<div class="wave"></div>
								<div class="wave"></div>
								<div class="row no-gutters align-items-center">
									<div class="col mr-2">
										<div class="text-xs font-weight-bold text-primary text-uppercase mb-1">Проданных товаров</div>
										<div class="h5 mb-0 font-weight-bold text-gray-800">263</div>
									</div>
									<div class="col-auto">
										<i class="fas fa-shopping-basket fa-2x text-gray-300"></i>
									</div>
								</div>
							</div>
						</div>
                        <div class="col-xl-3 col-md-6 mb-4">
							<div class="card-body">
								<div class="wave"></div>
								<div class="wave"></div>
								<div class="wave"></div>
								<div class="row no-gutters align-items-center">
									<div class="col mr-2">
										<div class="text-xs font-weight-bold text-primary text-uppercase mb-1">Мы работаем</div>
										<div class="h5 mb-0 font-weight-bold text-gray-800">384 дней</div>
									</div>
									<div class="col-auto">
										<i class="fas fa-calendar-check fa-2x text-gray-300"></i>
									</div>
								</div>
							</div>
						</div>
                      					            <div class="col-xl-3 col-md-6 mb-4">
							<div class="card-body">
								<div class="wave"></div>
								<div class="wave"></div>
								<div class="wave"></div>
								<div class="row no-gutters align-items-center">
									<div class="col mr-2">
										<div class="text-xs font-weight-bold text-primary text-uppercase mb-1">Промокод</div>
										<div class="h5 mb-0 font-weight-bold text-gray-800">#HEISON</div>
									</div>
									<div class="col-auto">
										<i class="fas fa-dollar-sign fa-2x text-gray-300"></i>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="card-body">
                    <div class="copyright text-center my-auto">
						<h1 class="h3 mb-0 text-gray-800"></h6></div>
                    </div>
                        <div class="card-body">
                            <div class="content-wrapper">
                                                                <div class="news-card">
                                    <a href="" target="_blank" class="news-card__card-link"></a>
                                    <img src="/engine/img/news/new2.jpg" alt class="news-card__image">
                                    <div class="news-card__text-wrapper">
                                        <h2 class="news-card__title">Обновление всех товаров</h2>
                                    </div>
                                </div>
                                                                <div class="news-card">
                                    <a href="" target="_blank" class="news-card__card-link"></a>
                                    <img src="/engine/img/news/new1.jpg" alt class="news-card__image">
                                    <div class="news-card__text-wrapper">
                                        <h2 class="news-card__title">Обновление дизайна</h2>
                                    </div>
                                </div>
                                                                <div class="news-card">
                                    <a href="" target="_blank" class="news-card__card-link"></a>
                                    <img src="/engine/img/news/new3.jpg" alt class="news-card__image">
                                    <div class="news-card__text-wrapper">
                                        <h2 class="news-card__title">Пополнение счета</h2>
                                    </div>
                                </div>
                                                            </div>
                        </div>
                    </div>
                </div>
			</div>
			</div>
                    </div>
    </div>
    
    <div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
         aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Выход</h5>
                    <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body">Вы действительно хотите выйти?</div>
                <div class="modal-footer">
                    <button class="btn btn-secondary" type="button" data-dismiss="modal">Отмена</button>
                    <a class="btn btn-primary" href="/includes/request/logout">Да</a>
                </div>
            </div>
        </div>
    </div>


	<style>
	.content-wrapper{margin:0 auto;max-width:100%;display:flex;flex-flow:row wrap;justify-content:center;padding: .5rem}
	.news-card{border:0 solid aqua;margin:.5rem;position:relative;height:12rem;overflow:hidden;border-radius: .5rem;flex:1;min-width:290px;box-shadow:0 0 1rem rgba(0,0,0,.5);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0)}
	@media(min-width:900px){.news-card{height:20rem}}
	.news-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0) linear-gradient(to bottom,rgba(0,0,0,0) 30%, rgba(0,0,0,0.7) 100%);z-index:0}
	.news-card__card-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
    .news-card__image {width: 100%;height: 100%;display: block;object-fit: cover;transition: transform 3s ease;-webkit-backface-visibility: hidden;backface-visibility: hidden;position: relative;z-index: -1;}
	.news-card__text-wrapper{position:absolute;bottom:0;padding:1rem;color:#fff;transition:background-color 1.5s ease}
	.news-card__title{transition:color 1s ease;margin-bottom:.5rem}
	.news-card__details-wrapper{max-height:0;opacity:0;transition:max-height 1.5s ease, opacity 1s ease}
	@media(min-width:900px){.news-card:hover .news-card__details-wrapper{ max-height:10rem;opacity:1 }.news-card:hover .news-card__image{transform:scale(1.2);z-index:-1}}
	</style>

    <script src="/engine/vendor/jquery/jquery.min.js"></script>
    <script src="/engine/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="/engine/vendor/jquery-easing/jquery.easing.min.js"></script>
    <script src="/engine/js/sb-admin-2.min.js"></script>
    <script src="/engine/vendor/chart.js/Chart.min.js"></script>
    <script src="/engine/vendor/datatables/jquery.dataTables.min.js"></script>
    <script src="/engine/vendor/datatables/dataTables.bootstrap4.js"></script>
    <script src="/engine/vendor/datatables/dataTables.bootstrap4.min.js"></script>
</body>
</html>