{block name=xgx_bare_tabcontent_megamenu}
<div role="tabpanel" class="tab-pane fade" id="template-megamenu">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                {block name=megamenu_column_count}
                <div class="option">
                    <div class="form-group">
                        <label for="megamenu-column-count">{txt key=TEXT_XGX_BARE_MEGAMENU_COLUMN_COUNT}</label>
                        <p class="help-block">{txt key=TEXT_XGX_BARE_MEGAMENU_COLUMN_COUNT_BODY}</p>
                        <select id="megamenu-column-count" name="less[megamenu_column_count]" class="selectpicker" data-style="btn-default" style="display: none;" tabindex="-98">
                            {for $i=1 to 4}
                            {assign var=col_value value=12/$i}
                            <option value="{$col_value}" {if $smarty.const.MEGAMENU_COLUMN_COUNT eq $col_value}selected{/if}>{$i}</option>
                            {/for}
                        </select>
                    </div>
                </div>
                {/block}

                {block name=megamenu_categories_description_short}
                <div class="option">
                    <div class="form-group">
                        <label for="megamenu-categories-description-short">{txt key=TEXT_XGX_BARE_MEGAMENU_CATEGORIES_DESC}</label>
                        <p class="help-block">{txt key=TEXT_XGX_BARE_MEGAMENU_CATEGORIES_DESC_BODY}</p>
                        <select id="megamenu-categories-description-short" name="properties[megamenu_categories_description_short]" class="selectpicker" data-style="btn-default" style="display: none;" tabindex="-98">
                            {foreach $conf_truefalse as $option}
                            <option value="{$option.id}" {if $smarty.const.MEGAMENU_CATEGORIES_DESCRIPTION_SHORT eq $option.id}selected{/if}>{$option.name}</option>
                            {/foreach}
                        </select>
                    </div>
                </div>
                {/block}

                {block name=megamenu_categories_image}
                <div class="option">
                    <div class="form-group">
                        <label for="megamenu-categories-image">{txt key=TEXT_XGX_BARE_MEGAMENU_CATEGORIES_IMAGE}</label>
                        <p class="help-block">{txt key=TEXT_XGX_BARE_MEGAMENU_CATEGORIES_IMAGE_BODY}</p>
                        <select id="megamenu-categories-image" name="properties[megamenu_categories_image]" class="selectpicker" data-relation="true" data-style="btn-default" style="display: none;" tabindex="-98">
                            {foreach $conf_truefalse as $option}
                            <option value="{$option.id}" {if $option.id eq 'true'}data-related="#categories-image"{/if}{if $smarty.const.MEGAMENU_CATEGORIES_IMAGE eq $option.id}selected{/if}>{$option.name}</option>
                            {/foreach}
                        </select>
                    </div>
                    <div class="option option-sub {if $smarty.const.MEGAMENU_CATEGORIES_IMAGE eq 'true'}open{/if}" id="categories-image">
                        <div class="form-group">
                            <label for="megamenu-categories-image-orientation">{txt key=TEXT_XGX_BARE_MEGAMENU_CATEGORIES_IMAGE_ORIENTATION}</label>
                            <p class="help-block">{txt key=TEXT_XGX_BARE_MEGAMENU_CATEGORIES_IMAGE_ORIENTATION_BODY}</p>
                            <select id="megamenu-categories-image-orientation" name="properties[megamenu_categories_image_orientation]" class="selectpicker" data-style="btn-default" style="display: none;" tabindex="-98">
                                {foreach $categories_image_orientation as $option}
                                <option value="{$option.id}" {if $smarty.const.MEGAMENU_CATEGORIES_IMAGE_ORIENTATION eq $option.id}selected{/if}>{$option.name}</option>
                                {/foreach}
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="megamenu-categories-image-size">{txt key=TEXT_XGX_BARE_MEGAMENU_CATEGORIES_IMAGE_SIZE}</label>
                            <p class="help-block">{txt key=TEXT_XGX_BARE_MEGAMENU_CATEGORIES_IMAGE_SIZE_BODY}</p>
                            <select id="megamenu-categories-image-size" name="less[megamenu_categories_image_size]" class="selectpicker" data-style="btn-default" style="display: none;" tabindex="-98">
                                {for $i=25 to 75 step 25}
                                {assign var=col_value value=($i*12)/100}
                                <option value="{$col_value}" {if $smarty.const.MEGAMENU_CATEGORIES_IMAGE_SIZE eq $col_value}selected{/if}>{$i}%</option>
                                {/for}
                            </select>
                        </div>
                    </div>
                </div>
                {/block}
            </div>
        </div>
    </div>
</div>
{/block}