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

<script>
$(document).ready(function () {
    $(".list-group-item").on("click", function() {
        $(".list-group-item").removeClass("active");
        $(this).addClass("active");
    });
});
</script>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
            <div class="tabbable" id="tabs-780422">
                <ul class="nav nav-tabs">
                    <li class="active">
                        <a href="#panel-info" data-toggle="tab"><i class="icon icon-info-circle"></i> {l s='Information' mod='prestarcards'}</a>
                    </li>
                    <li>
                        <a href="#panel-conf-1" data-toggle="tab"><i class="icon icon-cogs"></i> {l s='Configuration' mod='prestarcards'}</a>
                    </li>
                    <li>
                        <a href="#panel-conf-2" data-toggle="tab"><i class="icon icon-check"></i> {l s='WebSite Validation' mod='prestarcards'}</a>
                    </li>
                    <li>
                        <a href="#panel-conf-3" data-toggle="tab"><i class="icon icon-bullhorn"></i> {l s='Social Media' mod='prestarcards'}</a>
                    </li>
                    <li>
                        <a href="#panel-conf-4" data-toggle="tab"><i class="icon icon-rocket"></i> {l s='Advanced SEO' mod='prestarcards'}</a>
                    </li>					
                    <li>
                        <a href="#panel-conf-5" data-toggle="tab"><i class="icon icon-edit"></i> {l s='Theme Snippet Remover' mod='prestarcards'}</a>
                    </li>					
                    
                    <li>
                        <a href="#panel-docs" data-toggle="tab"><i class="icon icon-book"></i> {l s='Documentation' mod='prestarcards'}</a>
                    </li>
                </ul>
                <!-- TABS -->
                <div class="tab-content">
                    <!-- INFORMATION AND CONTROLS -->
                    <div class="tab-pane active" id="panel-info">
                        <div class="panel">
                            <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 style="width:120px" 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 author consention in any way.' mod='prestarcards'}<br />
                                </p>
                            </p>
                            <div class="panel-footer">
                                <a class="btn btn-default" href="https://addons.prestashop.com/contact-form.php?id_product=29197" target="_blank">
                                    <i class="icon-envelope"></i> {l s='Contact with us' mod='prestarcards'}
                                </a>
                                <a class="btn btn-default" href="https://addons.prestashop.com/en/2_community-developer?contributor=630862" target="_blank">
                                    <i class="icon-eye-open"></i> {l s='View our modules' mod='prestarcards'}
                                </a>
                                <a class="btn btn-default" href="https://addons.prestashop.com/en/ratings.php" target="_blank">
                                    <i class="icon-star"></i> {l s='Rate this module' mod='prestarcards'}
                                </a>
                                <a class="btn btn-default" href="{$module_dir|escape:'html':'UTF-8'}changelog.txt" target="_blank">
                                    <i class="icon-plus"></i> {l s='View changelog' mod='prestarcards'}
                                </a>
                            </div>								
                        </div>
                    </div>

                    <!-- BASIC CONFIGURATION -->
                    <div class="tab-pane" id="panel-conf-1">
                        <div class="panel">
                            {$helper_form_1} {* HelperForm HTML *}
                        </div>
                    </div>

                    <!-- BASIC CONFIGURATION -->
                    <div class="tab-pane" id="panel-conf-2">
                        <div class="panel">
                            {$helper_form_2} {* HelperForm HTML *}
                        </div>
                    </div>					

                    <!-- BASIC CONFIGURATION -->
                    <div class="tab-pane" id="panel-conf-3">
                        <div class="panel">
                            {$helper_form_3} {* HelperForm HTML *}
                        </div>
                    </div>

                    <!-- SEO CONFIGURATION -->
                    <div class="tab-pane" id="panel-conf-4">
                        <div class="panel">
                            {$helper_form_4} {* HelperForm HTML *}
                        </div>
                    </div>

                    <!-- SNIPPET REMOVER -->
                    <div class="tab-pane" id="panel-conf-5">
                        <div class="panel">
                            {include file='./theme_snippets.tpl'}
                        </div>
                    </div>                        

                    <!-- DOCUMENTATION -->
                    <div class="tab-pane" id="panel-docs">
                        <div class="panel">
                            <h3>{l s='Documentation' mod='prestarcards'}</h3>
                            <p>
                                <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>
                            </p>						
                        </div>
                    </div>
                <!-- END TABS -->	
                </div>
            </div>
        </div>
    </div>
</div>