{block name=xgx_bare_tabcontent_socialmedia}
<div role="tabpanel" class="tab-pane fade" id="template-socialmedia">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                {block name=social_media}
                <div class="option">
                    <div class="form-group">
                        <label for="social-media">{txt key=TEXT_XGX_BARE_SOCIAL_MEDIA_ICONS}</label>
                        <p class="help-block">{txt key=TEXT_XGX_BARE_SOCIAL_MEDIA_ICONS_BODY}</p>
                        <select id="social-media" name="properties[social_media]" class="selectpicker" data-style="btn-default" data-relation="true" style="display: none;" tabindex="-98">
                            {foreach $conf_truefalse as $option}
                            <option value="{$option.id}" {if $option.id eq 'true'}data-related="#social-media-option"{/if} {if $smarty.const.SOCIAL_MEDIA eq $option.id}selected{/if}>{$option.name}</option>
                            {/foreach}
                        </select>
                    </div>
                    <div class="option option-sub {if $smarty.const.SOCIAL_MEDIA eq 'true'}open{/if}" id="social-media-option">
                        {block name=social_media_link}
                        <div class="form-group">
                            <label>{txt key=TEXT_XGX_BARE_SOCIAL_MEDIA_LINKS}</label>
                            <p class="help-block">{txt key=TEXT_XGX_BARE_SOCIAL_MEDIA_LINKS_BODY}</p>
                            <div class="social-input">
                                {foreach $social_medias as $social_media}
                                <div class="form-group">
                                    <div class="input-group">
                                        <div class="input-group-addon"><i class="fa fa-{$social_media.id}" aria-hidden="true"></i></div>
                                        <input name="properties[{strtolower ($social_media.config_key)}]" type="text" class="form-control" value="{$smarty.const.{$social_media.config_key}}" placeholder="Link">
                                    </div>
                                </div>
                                {/foreach}
                            </div>
                        </div>
                        <hr>
                        {/block}

                        {block name=social_media_shop_navigation}
                        <div class="form-group">
                            <label for="social-media-shop-navigation">{txt key=TEXT_XGX_BARE_SOCIAL_MEDIA_ICONS_SHOP_NAVIGATION}</label>
                            <p class="help-block">{txt key=TEXT_XGX_BARE_SOCIAL_MEDIA_ICONS_SHOP_NAVIGATION_BODY}</p>
                            <select id="social-media-shop-navigation" name="properties[social_media_shop_navigation]" class="selectpicker" data-style="btn-default" style="display: none;" tabindex="-98">
                                {foreach $conf_truefalse as $option}
                                <option value="{$option.id}" {if $smarty.const.SOCIAL_MEDIA_SHOP_NAVIGATION eq $option.id}selected{/if}>{$option.name}</option>
                                {/foreach}
                            </select>
                        </div>
                        <hr>
                        {/block}

                        {block name=social_media_footer}
                        <div class="form-group">
                            <label for="social-media-footer">{txt key=TEXT_XGX_BARE_SOCIAL_MEDIA_ICONS_FOOTER}</label>
                            <p class="help-block">{txt key=TEXT_XGX_BARE_SOCIAL_MEDIA_ICONS_FOOTER_BODY}</p>
                            <select id="social-media-footer" name="properties[social_media_footer]" class="selectpicker" data-style="btn-default" style="display: none;" tabindex="-98">
                                {foreach $conf_truefalse as $option}
                                <option value="{$option.id}" {if $smarty.const.SOCIAL_MEDIA_FOOTER eq $option.id}selected{/if}>{$option.name}</option>
                                {/foreach}
                            </select>
                        </div>
                        {/block}
                    </div>
                </div>
                {/block}
            </div>
        </div>
    </div>
</div>
{/block}