<!DOCTYPE html>
<html>
<head>
	
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	<title>{$title}</title>

	<meta name="viewport" content="width=device-width">

	<!-- Fonts -->
	<link rel="stylesheet" href="{$website}/css/fonts.css">

	<!-- Stylesheet -->
	<link rel="stylesheet" href="{$website}/css/normalize.min.css">
	<link rel="stylesheet" href="{$website}/css/dropkick.css">
	<link rel="stylesheet" href="{$website}/js/fancybox/jquery.fancybox.css?v=2.1.0" type="text/css" media="screen" />
	<link rel="stylesheet" href="{$website}/css/bootstrap.min.css">
	<link rel="stylesheet" href="{$website}/css/style.css">

	<!-- Javascript -->
	<script type="text/javascript" src="{$website}/js/jquery-min.js"></script>
	<script type="text/javascript" src="{$website}/js/dropkick.min.js"></script>
	<script type="text/javascript" src="{$website}/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="{$website}/js/countdown.js"></script>
	<script type="text/javascript" src="{$website}/js/ckeditor_source.js"></script>
	<script type="text/javascript" src="{$website}/js/_source/jquery.js"></script>
	<script type="text/javascript" src="{$website}/js/fancybox/jquery.fancybox.pack.js?v=2.1.0"></script>
	<script type="text/javascript" src="{$website}/js/core.js"></script>
	
	
	<link rel="stylesheet" href="{$website}/css/bootstrap.min.css">
	<script src="{$website}/js/libraries/RGraph.common.core.js" ></script>
	<script src="{$website}/js/libraries/RGraph.common.dynamic.js" ></script>
	<script src="{$website}/js/libraries/RGraph.common.tooltips.js" ></script>
	<script src="{$website}/js/libraries/RGraph.common.effects.js" ></script>
	<script src="{$website}/js/libraries/RGraph.common.key.js" ></script>
	<script src="{$website}/js/libraries/RGraph.bar.js" ></script>
	<script src="{$website}/js/libraries/RGraph.pie.js" ></script>
	<script src="{$website}/js/libraries/RGraph.line.js" ></script>
	<!--[if lt IE 9]><script src="{$website}/js/excanvas/excanvas.js"></script><![endif]-->
	<meta name="description" content="{$site_meta_description}">
	<meta name="keywords" content="{$site_meta_keywords}" >
{$site_header}
</head>
<body>

<!-- Second background -->
<div class="second_background"></div>

<!-- Top container -->
<div id="top_container">
	<div class="wrapper">

		<!-- Top navigation -->
		<ul id="top_navigation">
			<li><a href="{$website}">{$lang.home}</a></li>
			<li class="active"><a href="{$website}/page/gopro">{$lang.gopro}</a></li>
			{if !isset($smarty.session.auth)}
			<li><a href="{$website}/page/register">{$lang.register}</a></li>
			{/if}
			<li><a href="{$website}/page/howitworks">{$lang.howitworks}</a></li>
			<li><a href="{$website}/page/contact">{$lang.contact}</a></li>
		</ul>
		
		
		<div class="language_changer">
			<span class="language_current"><img src="{$website}/images/{$site_lang}.png" /></span>
			<div class="lang_dropdown_wrap">
				<ul>
					<li><a href="{$website}/lang/en"><img src="{$website}/images/en.png" /></a></li>
					<li><a href="{$website}/lang/ro"><img src="{$website}/images/ro.png" /></a></li>
				</ul>
			</div>
		</div>
		
		{if !isset($smarty.session.auth)}
		<!-- Login Form -->
		<div class="login_wrapper">
			<a href="{$website}/page/register" class="login_toggle">{$lang.login}</a>
			<div class="login_holder">
				<form action="{$website}/page/register" method="POST">
					<label for="login_username">{$lang.login_username}</label><br/>
					<input type="text" name="s_username" id="login_username" /><br/> 
					<label for="login_password">{$lang.login_password}</label><br/>
					<input type="password" name="s_password" id="login_password" /><br/>
					<input type="submit" name="login_submit" value="{$lang.login_button}" />
				</form>
				<div align="right"><a href="{$website}/page/register">{$lang.login_withoutaccount}?</a></div>
			</div>
		</div>
		{else}
		<div class="login_wrapper">
			<div class="btn-group">
				<a class="dropdown-toggle" data-toggle="dropdown" href="#">{$lang.welcome}, {$smarty.session.auth}</a>
				<ul class="dropdown-menu" style="top: 44px;">
					<li><a href="{$website}/page/stats"><i class="icon-signal"></i> {$lang.login_statistics}</a></li>
					<li><a href="{$website}/page/files"><i class="icon-folder-open"></i> {$lang.login_files}</a></li>
					<li><a href="{$website}/page/settings"><i class=" icon-wrench"></i> {$lang.login_settings}</a></li>
					<li class="divider"></li>
					<li><a href="{$website}/page/logout">{$lang.login_logout}</a></li>
				</ul>
			</div>
			
		</div>
		{/if}
	</div>
</div>

<div id="content_container">
	<div class="wrapper">

		<!-- Header -->
		<div id="header">
			<div class="logo"><a href="{$website}">{if isset($custom_logo)}<img src="{$website}/uploads/{$custom_logo}" />{else}<img src="{$website}/image/logo.png" />{/if}</a></div>
			<div class="heading">The easy way to sell online, 100% free !</div>
		</div>
		
		{if isset($smarty.session.auth)}
		<div class="navbar">
			<div class="navbar-inner">
				<ul class="nav">
					<li><a href="{$website}/page/stats"><i class="icon-signal"></i> {$lang.login_statistics}</a></li>
					<li><a href="{$website}/page/files"><i class="icon-folder-open"></i> {$lang.login_files}</a></li>
					<li><a href="{$website}/page/settings"><i class=" icon-wrench"></i> {$lang.login_settings}</a></li>
					<li><a href="{$website}/page/logout">{$lang.login_logout}</a></li>
				</ul>
			</div>
		</div>
		{/if}