{*
* 2017-2018 PSBlog
*
* NOTICE OF LICENSE
*
* READ ATTACHED LICENSE.TXT
*
*  @author    PSBlog
*  @copyright 2017-2018 PSBlog
*  @license   LICENSE.TXT
*}

<script>
	$(document).ready(function () {
		$("#tabs").tabs();
		// Buttons
		$(".btns15").button();
	});
</script>

<div id="tabs">
	<ul>
		<li><a href="#tabs-1"><span class="fa-info-circle fa"></span> {l s='Information' mod='prestarcards'}</a></li>
		<li><a href="#tabs-2"><span class="fa-wrench fa"></span> {l s='Configuration' mod='prestarcards'}</a></li>
		<li><a href="#tabs-3"><span class="fa-check fa"></span> {l s='WebSite Validation' mod='prestarcards'}</a></li>
		<li><a href="#tabs-4"><span class="fa-bullhorn fa"></span> {l s='Social Media' mod='prestarcards'}</a></li>
		<li><a href="#tabs-5"><span class="fa-rocket fa"></span> {l s='Advanced SEO' mod='prestarcards'}</a></li>
		<li><a href="#tabs-6"><span class="fa-book fa"></span> {l s='Documentation' mod='prestarcards'}</a></li> 
	</ul>
	<!-- Information -->
	<div id="tabs-1">
		<h3>{l s='Google Rich Cards LD-JSON + Twitter Cards' mod='prestarcards'} {$module_version|escape:'htmlall':'UTF-8'}</h3>
		<p>
			<p style="align:center;">
				<img src="{$module_dir|escape:'htmlall':'UTF-8'}logo.png" alt="Google Rich Cards LD-JSON + Twitter Cards">
			</p>
			<strong>{l s='Thank you for your purchase!' mod='prestarcards'}</strong><br />
			<p>
				{l s='This module can\'t be distributed or modified without consent of the author in any way.' mod='prestarcards'}<br />
			</p>
		</p>
		<a id="btn1" class="btns15" href="https://addons.prestashop.com/contact-community.php?id_product=29197" target="_blank">
			<i class="fa fa-envelope"></i> {l s='Contact with us' mod='prestarcards'}
		</a>
		<a id="btn2" class="btns15" href="https://addons.prestashop.com/en/2_community-developer?contributor=630862" target="_blank">
			<i class="fa fa-eye"></i> {l s='View our modules' mod='prestarcards'}
		</a>
		<a id="btn3" class="btns15" href="https://addons.prestashop.com/en/ratings.php" target="_blank">
			<i class="fa fa-star"></i> {l s='Rate this module' mod='prestarcards'}
		</a>
		<a id="btn4" class="btns15" href="{$module_dir|escape:'html':'UTF-8'}changelog.txt" target="_blank">
			<i class="fa fa-plus"></i> {l s='View changelog' mod='prestarcards'}
		</a>
		<p>
			&nbsp;
		</p>
	</div>
	<!-- Basic Configuration -->
	<div id="tabs-2">
		{$helper_form_1} {* HelperForm HTML *}
	</div>
	<!-- Webiste Validation -->
	<div id="tabs-3">
		{$helper_form_2} {* HelperForm HTML *}
	</div>
	<!-- Social Media -->
	<div id="tabs-4">
		{$helper_form_3} {* HelperForm HTML *}
	</div>
	<!-- Advanced SEO -->
	<div id="tabs-5">
		{$helper_form_4} {* HelperForm HTML *}
	</div>	
	
	<!-- Documentation -->
	<div id="tabs-6">
		<p>
			{l s='Read the documentation of this module (English):' mod='prestarcards'} <a href="{$module_dir|escape:'html':'UTF-8'}readme_en.pdf" target="_blank">{l s='HERE' mod='prestarcards'}</a></br>
		</p>
		<p>
			{l s='Read the documentation of this module (Spanish):' mod='prestarcards'} <a href="{$module_dir|escape:'html':'UTF-8'}readme_es.pdf" target="_blank">{l s='HERE' mod='prestarcards'}</a></br>
		</p>
	</div>
</div>

