<!DOCTYPE html>
<html lang="en">
<head>
	{headers}
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<link rel="shortcut icon" href="{THEME}/images/logo.svg" />
	<link href="{THEME}/css/styles.css" type="text/css" rel="stylesheet" />
	<link href="{THEME}/css/engine.css" type="text/css" rel="stylesheet" />
	<meta name="theme-color" content="#111">
	<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600&display=swap&subset=cyrillic" rel="stylesheet">  
	<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous" />
	<link href="{THEME}/css/uploader.css" type="text/css" rel="stylesheet">
	<script src="{THEME}/js/uploader.js" defer></script>
</head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-NLGFKZ29VR"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-NLGFKZ29VR');
</script>
<body id="hideme" class="not-loaded">
	<div class="wrap">
		<header class="header">
			<div class="header-in wrap-center fx-row fx-middle">
				<a href="/" class="logo nowrap"><span>MP3</span>Juice<span class="logo-domain">.ro</span></a>
				<div class="search-wrap fx-1">
					<form id="quicksearch" method="post">
						<input type="hidden" name="do" value="search" />
						<input type="hidden" name="subaction" value="search" />
						<div class="search-box">
							<input id="story" name="story" placeholder="Search Music..." type="text" />
							<button type="submit" class="search-btn"><span class="fal fa-search"></span></button>
						</div>
					</form>
				</div>
				[group=5]<div class="header-btn btn js-login">Sign In</div>[/group]
				[not-group=5]<div class="header-btn btn js-login">MENU</div>[/not-group]
				<div class="btn-menu hidden"><span class="fal fa-bars"></span></div>
			</div>
		</header> 
		<!-- END HEADER --> 
		<div class="wrap-main wrap-center"> 
			<div class="cols fx-row"> 
				<aside class="col-left">
					<ul class="side-box side-nav to-mob"> <!-- все что отметите to mob будет в меню телефона -->
                        <li><span class="fal fa-home"></span><a href="/">Home</a></li>
						<li class="submenu">
 <span class="fal fa-list-music"></span><a href="#">Genre List</a>
 <ul class="hidden-menu fx-row anim">
 <li>{catmenu}</li>
 </ul>
 </li>  
						<li><span class="fal fa-solid fa-music"></span><a href="/index.php?do=lastnews">Latest Music</a></li>
						<li><span class="fal fa-trophy"></span><a href="#">Top Music</a></li>
						<li><span class="fal fa-search"></span><a href="index.php?do=search&mode=advanced">Search</a></li> 
						<li><span class="fal fa-solid fa-at"></span><a href="/index.php?do=feedback">Contact</a></li>
						<li><span class="fal fa-folders"></span><a href="/statistics.html">Statistics</a></li> 
						<li><span class="fal fa-info"></span><a href="/rules.html">Rules</a></li>
					</ul>
					<div class="side-box side-text">
						Mp3 Juice Music Download
					</div> 
				</aside> 
				<!-- END COL-LEFT --> 
				<main class="col-main fx-1" id="wajax">
					{info}
					[available=main]{include file="main-page.tpl"}[/available]
					[not-available=main|showfull]
					<div class="sect sect-bg">
						[available=cat]<div class="sect-header sect-title">{category-title}</div>[/available]
						[available=favorites]<div class="sect-header sect-title">My Favorites</div>[/available]
						<div class="sect-content">
							{content}
						</div>
					</div>
					[/not-available]
					[available=showfull]{content}[/available]
				</main> 
				<!-- END COL-MAIN --> 
				<aside class="col-right">  
                    	<div class="side-box sect-bg">
						<div class="side-bt">Popular Music</div>
						<div class="side-bc side-items">
							{custom category="1-27" order="rating" limit="10" template="custom-side" cache="no"}
						</div>
					</div> 
					<div class="side-box sect-bg">
					<!-- Tags Cloud-->
	<div class="block tags_block">
		<h4 class="title"><b> Tags Cloud</b></h4>
        <br/>
		<div class="tag_list">
			{tags}
		</div>
	</div>
	<!-- / Tags -->
					</div>
					<div class="side-box sect-bg side-subscribe">
						<div class="side-bt"><span class="fal fa-envelope"></span>Stay in touch!</div>
						<div class="side-bc search-box">
							<input name="" placeholder="Ваша почта" type="text" />
							<button type="submit" class="search-btn"><span class="fal fa-arrow-right"></span></button>
							<div class="side-subscribe-caption">New music every day!</div>
						</div>
					</div>  
				</aside> 
				<!-- END COL-RIGHT --> 
			</div> 
			<!-- END COLS -->
<div class="footer_menu clrfix"> 
	<div class="rightside">
		<a id="upper" href="/" title="Up">
			<svg class="icon icon-up"><use xlink:href="#icon-up"></use></svg>
		</a>
	</div>  
</div>
			<footer class="footer fx-row fx-middle">
				<div class="footer-copyright">© ZeRg 2023. Mp3Juice Music: <span>zerg052689 (telegram)</span></div>
				<div class="footer-counter"><img src="{theme}/images/counter.gif" alt=""></div>
			</footer> 
		</div> 
		<!-- END WRAP-MAIN --> 
	<!-- END WRAP --> 
{login}
{jsfiles}
<script src="{THEME}/js/libs.js"></script>
{AJAX} 
</body>
</html>