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

<head>
    <meta charset="utf-8">
	<link rel='shortcut icon' type='image/x-icon' href='{$base_url}assets/images/icons/icon.ico' />
    <title>{$pagename} - {$title}</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta http-equiv="Content-Language" content="en">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no" />
	<meta name="msapplication-tap-highlight" content="no">
	<link href="{$base_url}css/main.css" rel="stylesheet">
	<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w==" crossorigin="anonymous" rel="stylesheet" />
    
    <script src="https://www.google.com/recaptcha/api.js"></script>


	<!-- Facebook Pixel Code -->
	<script>
		!(function (f, b, e, v, n, t, s) {
			if (f.fbq) return;
			n = f.fbq = function () {
				n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments);
			};
			if (!f._fbq) f._fbq = n;
			n.push = n;
			n.loaded = !0;
			n.version = "2.0";
			n.queue = [];
			t = b.createElement(e);
			t.async = !0;
			t.src = v;
			s = b.getElementsByTagName(e)[0];
			s.parentNode.insertBefore(t, s);
		})(window, document, "script", "https://connect.facebook.net/en_US/fbevents.js");
		fbq("init", "493746141599576");
		fbq("track", "PageView");
	</script>
	
	<!-- Embed Facebook Page -->
	<div id="fb-root"></div>
	<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v9.0&appId=825527734679961&autoLogAppEvents=1" nonce="BYNZjnD3"></script>
	
	<!-- Global site tag (gtag.js) - Google Analytics -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=G-VY2BSZ1F68"></script>
	<script>
	  window.dataLayer = window.dataLayer || [];
	  function gtag() {
			dataLayer.push(arguments);
		}
	  gtag('js', new Date());

	  gtag('config', 'G-VY2BSZ1F68');
	</script>
	
	<!-- Google Tag Manager -->
	<script> 
	(function(w, d, s, l, i) {
		w[l] = w[l] || [];
		w[l].push({
			'gtm.start': new Date().getTime(), event: 'gtm.js'
		});
		var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
		j.async = true;
		j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
		f.parentNode.insertBefore(j, f);
	})(window, document, 'script', 'dataLayer', 'GTM-WH8CTKS'); 
	</script>
	<!-- End Google Tag Manager -->

	<!-- Google Recaptcha Responsive -->
	<script>
	$(document).ready(function () {        
		var width = $('.g-recaptcha').parent().width();
		if (width < 302) {
			var scale = width / 302;
			$('.g-recaptcha').css('transform', 'scale(' + scale + ')');
			$('.g-recaptcha').css('-webkit-transform', 'scale(' + scale + ')');
			$('.g-recaptcha').css('transform-origin', '0 0');
			$('.g-recaptcha').css('-webkit-transform-origin', '0 0');
		}
	}); 
	</script>
	
	<!-- Tooltip Bootstrap -->
	<script>
		$(function () {
		  $('[data-toggle="tooltip"]').tooltip()
		})	
	</script>
</head>

<body>
	<!-- Google Tag Manager (noscript) -->
	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WH8CTKS" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
	<!-- End Google Tag Manager (noscript) -->
	
    <div class="app-container app-theme-white body-tabs-shadow fixed-sidebar fixed-header">
        <div class="app-header header-shadow bg-slick-carbon header-text-light">
            <div class="app-header__logo">
                <div class="logo-src"><center><h6 style="color:white;text-transform:uppercase"><b>{$title}</b></h6></center></div>
                <div class="header__pane ml-auto">
                    <div>
                        <button type="button" class="hamburger close-sidebar-btn hamburger--elastic" data-class="closed-sidebar">
                            <span class="hamburger-box">
                                <span class="hamburger-inner"></span>
                            </span>
                        </button>
                    </div>
                </div>
            </div>
            <div class="app-header__mobile-menu">
                <div>
                    <button type="button" class="hamburger hamburger--elastic mobile-toggle-nav">
                        <span class="hamburger-box">
                            <span class="hamburger-inner"></span>
                        </span>
                    </button>
                </div>
            </div>
            <div class="app-header__menu">
                <span>
                    <button type="button" class="btn-icon btn-icon-only btn btn-primary btn-sm mobile-toggle-header-nav">
                        <span class="btn-icon-wrapper">
                            <i class="fa fa-ellipsis-v fa-w-6"></i>
                        </span>
                    </button>
                </span>
            </div>    
			<div class="app-header__content">
			{if $auth.logged_in}
                <div class="app-header-left">
				
                    <div class="search-wrapper">
                        <div class="input-holder">
                            <input type="text" class="search-input" placeholder="Type to search">
                            <button class="search-icon"><span></span></button>
                        </div>
                        <button class="close"></button>
                    </div>
					
				</div>
				<div><b style="color:white">Creditos:</b> {if $auth.credits > 50}<b style="color:lightgreen">{$auth.credits}</b>{else}<b style="color:red">{$auth.credits}</b>{/if}</div>	
                <div class="app-header-right">
				
                    <div class="header-btn-lg pr-0">
                        <div class="widget-content p-0">
                            <div class="widget-content-wrapper">
                                <div class="widget-content-left">
                                    <div class="btn-group">
                                        <a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="p-0 btn">
                                            <img width="42"  src="assets/images/avatars/BM.png" alt="">
                                            <i class="fa fa-angle-down ml-2 opacity-8"></i>
                                        </a>
                                        <div tabindex="-1" role="menu" aria-hidden="true" class="dropdown-menu dropdown-menu-right">
											<button type="button" onclick="window.location.href='{$base_url}index.php?act=changemail'" tabindex="0" class="dropdown-item"><i class="fas fa-at fa-fw"></i>&nbsp;&nbsp;&nbsp;Mudar Email</button>
                                            <div tabindex="-1" class="dropdown-divider"></div>
                                            <button type="button" onclick="window.location.href='{$base_url}index.php?act=changepass'" tabindex="0" class="dropdown-item"><i class="fas fa-key"></i>&nbsp;&nbsp;&nbsp;&nbsp;Mudar Senha</button>
                                            <div tabindex="-1" class="dropdown-divider"></div>
                                            <button type="button" onclick="window.location.href='{$base_url}index.php?act=logout'" tabindex="0" class="dropdown-item"><i class="fas fa-sign-out-alt"></i>&nbsp;&nbsp;&nbsp;&nbsp;Logout</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="widget-content-left  ml-3 header-user-info">
									<div class="widget-heading">
										
											<span style="text-transform:capitalize">{$auth.login}</span>
										
									</div>
									<div class="widget-subheading text-center">
										{if $auth.admin}
											<i style="color:lightgreen">Administrador</i>
										{elseif $auth.mod}
											<i style="color:lightgreen">Moderador</i>
										{elseif $auth.seller}
											<i style="color:lightgreen">Vendedor</i>
										{else}
											<i style="color:lightgreen">Membro</i>
										{/if}
									</div>
									
								</div>
                            </div>
                        </div>
                    </div>
				</div>
			{/if}
            </div>
        </div>
		<div class="app-main">
		{include file='file:sidebars/menu.tpl'}