{block name=xgx_bare_tabcontent_color}
<div role="tabpanel" class="tab-pane fade" id="template-colors">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                {block name=template_brand_primary}
                <div class="option">
                    <div class="form-group">
                        <label for="template_brand-primary">{txt key=TEXT_XGX_BARE_BRAND_PRIMARY}</label>
                        <p class="help-block">{txt key=TEXT_XGX_BARE_BRAND_PRIMARY_BODY}</p>
                        <div class="input-group colorpicker-component colorpicker-element">
                            <input id="template_brand-primary" name="less[template_brand_primary]" type="text" value="{$smarty.const.TEMPLATE_BRAND_PRIMARY}" class="form-control">
                            <span class="input-group-addon"><i></i></span>
                        </div>
                    </div>
                    <hr>
                    <div class="form-group">
                        <label for="template_color-on-brand-primary">{txt key=TEXT_XGX_BARE_COLOR_ON_BRAND_PRIMARY}</label>
                        <p class="help-block">{txt key=TEXT_XGX_BARE_COLOR_ON_BRAND_PRIMARY_BODY}</p>
                        <div class="input-group colorpicker-component colorpicker-element">
                            <input id="template_color-on-brand-primary" name="less[template_color_on_brand_primary]" type="text" value="{$smarty.const.TEMPLATE_COLOR_ON_BRAND_PRIMARY}" class="form-control">
                            <span class="input-group-addon"><i></i></span>
                        </div>
                    </div>
                </div>
                {/block}

                {block name=template_brand_secondary}
                <div class="option">
                    <div class="form-group">
                        <label for="template_brand-secondary">{txt key=TEXT_XGX_BARE_BRAND_SECONDARY}</label>
                        <p class="help-block">{txt key=TEXT_XGX_BARE_BRAND_SECONDARY_BODY}</p>
                        <div class="input-group colorpicker-component colorpicker-element">
                            <input id="template_brand-secondary" name="less[template_brand_secondary]" type="text" value="{$smarty.const.TEMPLATE_BRAND_SECONDARY}" class="form-control">
                            <span class="input-group-addon"><i></i></span>
                        </div>
                    </div>
                    <hr>
                    <div class="form-group">
                        <label for="template_color-on-brand-secondary">{txt key=TEXT_XGX_BARE_COLOR_ON_BRAND_SECONDARY}</label>
                        <p class="help-block">{txt key=TEXT_XGX_BARE_COLOR_ON_BRAND_SECONDARY_BODY}</p>
                        <div class="input-group colorpicker-component colorpicker-element">
                            <input id="template_color-on-brand-secondary" name="less[template_color_on_brand_secondary]" type="text" value="{$smarty.const.TEMPLATE_COLOR_ON_BRAND_SECONDARY}" class="form-control">
                            <span class="input-group-addon"><i></i></span>
                        </div>
                    </div>
                </div>
                {/block}

                {block name=template_brand_cart}
                <div class="option">
                    <div class="form-group">
                        <label for="template_brand-cart">{txt key=TEXT_XGX_BARE_BRAND_CART}</label>
                        <p class="help-block">{txt key=TEXT_XGX_BARE_BRAND_CART_BODY}</p>
                        <div class="input-group colorpicker-component colorpicker-element">
                            <input id="template_brand-cart" name="less[template_brand_cart]" type="text" value="{$smarty.const.TEMPLATE_BRAND_CART}" class="form-control">
                            <span class="input-group-addon"><i></i></span>
                        </div>
                    </div>
                    <hr>
                    <div class="form-group">
                        <label for="template_color-on-brand-cart">{txt key=TEXT_XGX_BARE_COLOR_ON_BRAND_CART}</label>
                        <p class="help-block">{txt key=TEXT_XGX_BARE_COLOR_ON_BRAND_CART_BODY}</p>
                        <div class="input-group colorpicker-component colorpicker-element">
                            <input id="template_color-on-brand-cart" name="less[template_color_on_brand_cart]" type="text" value="{$smarty.const.TEMPLATE_COLOR_ON_BRAND_CART}" class="form-control">
                            <span class="input-group-addon"><i></i></span>
                        </div>
                    </div>
                </div>
                {/block}
            </div>
        </div>
    </div>
</div>
{/block}