<h4 class="title"><%-translate("FOLDER")%></h4>
    <span class="close-button"></span>
    <div id="popup-browse-folder-container">
        <input type="text" class="topcoat-text-input folder-name-input" tabindex="1">
        <div id="folder-browse-button" title='<%-translate("BROWSE_FOR_FOLDER")%>' class="folder" tabindex="2"></div>
    </div>
    <h4 class="file-save-as"><%-translate("SAVE_AS")%></h4>
    <div id="popup-preview-image-container">
        <div class="image-wrapper">
            <canvas id="sprite_preview" class="preview" width="52" height="40"></canvas>
        </div>
        <input type="text" class="topcoat-text-input file-name-input" tabindex="3">
        <span id="extension-text"><%- fileExtension %></span>
    </div>
    <div class="options">
        <div class="image-type-parent">
            <input type="radio" name="imagetype" value="png8" tabindex="4"/>
            <p>PNG 8 Alpha</p>
        </div>
        <div class="image-type-parent">
            <input type="radio" name="imagetype" value="png32" tabindex="5"/>
            <p>PNG 32</p>
        </div>
        <div class="image-type-parent">
            <input type="radio" name="imagetype" value="jpeg" tabindex="6" checked />
            <p>JPG</p>
        </div>
    </div>
    <div class="subtitle"><%-translate("QUALITY")%></div>
    <div class="optimize clearfix">
        <input type="text" tabindex="8" class="topcoat-text-input quality-percentage" value="80" />
        <input type="range" class="topcoat-range quality-range" value="80" tabindex="7" />
    </div>
    
    <div class="popup-footer clearfix">
        <div class="scale clearfix <%- settings.get('scaleExtractedAssets') ? '' : 'disabled'%>" title='<%-translate("EXTRACT_ASSET_SPECIFIED_SCALE_FACTOR")%>'>
            <div id="scalecheck-parent">
                <input type="checkbox" tabindex="9" name="scalecheck" id="scalecheck" class="scale-enable" value="checkbox" <%- settings.get('scaleExtractedAssets') ? 'checked' : ''%> />
            </div>    
            <label for="scalecheck"><%-translate("SCALE_AT")%></label>
            <input type="text" tabindex="-1" class="topcoat-text-input scale-factor" value="<%- parseFloat(settings.get('assetScaleFactor').toFixed()) %>x" />
        </div>

        <div id="saveOptions">
            <div id="batchDownloadGroup">
                <button id="batchDownloadBtn" tabindex="12" class="topcoat-button--cta"><%-translate("SAVE_MULTIPLE")%></button>
                <button id="batchDwnldSettingsBtn" tabindex="11" title="<%-translate("EDIT_SETTINGS_TOOLTIP")%>" class="topcoat-button--cta">&nbsp;</button>
            </div>
            <button id="downloadBtn" tabindex="13" class="topcoat-button--cta"><%-translate("SAVE")%></button>
        </div>
    </div>
    <div class="notch"></div>
