{block name=xgx_bare_tabcontent_customize}
<div role="tabpanel" class="tab-pane fade" id="template-customization">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                {block name=custom_less_file}
                <div class="option">
                    <div class="form-group">
                        <label for="custom-less-file">{txt key=TEXT_XGX_BARE_CUSTOM_LESS_FILE}</label>
                        <p class="help-block">{txt key=TEXT_XGX_BARE_CUSTOM_LESS_FILE_BODY}</p>
                        <div class="file-upload">
                            <input id="custom-less-dest" name="files[custom_less_file][dest]" type="hidden" value="less">
                            <input id="custom-less-dir" name="files[custom_less_file][dir]" type="hidden" value="/templates/__xgx_bare/less/custom/">
                            {if !$smarty.const.CUSTOM_LESS_FILE}
                            <input id="custom-less-file" name="custom_less_file" type="file">
                            {else}
                            <div class="uploaded">
                                <div class="input-group">
                                    <input class="form-control" name="special_properties[less][unlink_file][custom_less_file]" type="text" value="{$smarty.const.CUSTOM_LESS_FILE}" disabled>
                                    <span class="input-group-btn">
                                        <button class="btn btn-danger js-remove-image" type="button"> {txt key=BUTTON_DELETE}</button>
                                    </span>
                                </div>
                            </div>
                            {/if}
                        </div>
                    </div>
                </div>
                {/block}

                {block name=custom_less_code}
                <div class="option">
                    <div class="form-group">
                        <label for="custom-less-code">{txt key=TEXT_XGX_BARE_CUSTOM_LESS_CODE}</label>
                        <p class="help-block">{txt key=TEXT_XGX_BARE_CUSTOM_LESS_CODE_BODY}</p>
                        <textarea id="custom-less-code" name="special_properties[less][avoid_newlines][custom_less_code]" class="form-control" rows="5" placeholder="/** INSERT LESS CODE HERE **/">{$smarty.const.CUSTOM_LESS_CODE}</textarea>
                    </div>
                </div>
                {/block}
            </div>
        </div>
    </div>
</div>
{/block}