<div class="modal modal--lg modal--media" id="condensedAddEditGraphicModal" data-add-edit-graphic-modal>
    <div class="modal__dialog">
        <div class="modal__content">
            <div class="modal__top top">
                <h4 class="top__title h6">
                    <span data-add-edit-graphic-title="add" class="is-hidden">
                        Add&nbsp;
                    </span> 
                    <span data-add-edit-graphic-title="edit" class="is-hidden">
                        Edit&nbsp;
                    </span>Graphic 
                    {if isset($cms_docs->modal['item']['add_edit']['graphic'])}
                        {include file="adminarea/includes/helpers/docs.tpl" link=$cms_docs->modal['item']['add_edit']['graphic']}
                    {/if}
                </h4>
                <div class="top__toolbar">
                    <button class="close btn btn--xs btn--icon btn--link cancel__item" data-dismiss="lu-modal" aria-label="Close">
                        <i class="btn__icon lm lm-close"></i>
                    </button>
                </div>
            </div>
            <form
                id="addNewGraphicForm"
                data-add-edit-graphic-form
                data-assets-url="{$whmcsURL}/templates/{$themeName}/assets"
                data-load-icons-url="{$whmcsURL}/modules/addons/RSThemes/src/Api/clientApi.php?controller=Icon&method=renderTabs&items="
            >
                <div class="modal__body">
                    {* <div class="form-group is-hidden" data-add-edit-graphic-category="product_group">
                        <label class="form-label">Product Group</label>
                        <input type="text" class="form-control" readonly />
                    </div>
                    <div class="form-group is-hidden" data-add-edit-graphic-category="product">
                        <label class="form-label">Product</label>
                        <input type="text" class="form-control" readonly />
                    </div>
                    <div class="form-group is-hidden" data-add-edit-graphic-category="support_department">
                        <label class="form-label">Department</label>
                        <input type="text" class="form-control" readonly />
                    </div> *}
                    {include file="./tabs-icon.tpl" type='condensed'}
                    <input type="hidden" name="container" data-graphic-container value=""/>
                    <input type="hidden" name="category" data-graphic-category value=""/>
                    <input type="hidden" name="categoryName" data-graphic-category-name value=""/>
                </div>
                <div class="modal__actions">
                    <button class="btn btn--primary" type="button" data-add-edit-graphic-btn>
                        <span class="btn__text">Save Changes</span>
                        <span class="btn__preloader preloader"></span>
                    </button>
                    <a class="btn btn--default btn--outline cancel__item" data-dismiss="lu-modal">
                        <span class="btn__text">Cancel</span>
                    </a>
                </div>
            </form>
        </div>
    </div>
</div>