<h3 class="title"><%-translate("Save as Image...")%></h3>
<span class="close-button"></span>
<input type="text" class="topcoat-text-input file-name" required>
<div class="options">
    <div>
        <input type="radio" name="imagetype" value="png8"/>
        <p><%-translate("PNG 8 Alpha")%></p>
    </div>
    <div>
        <input type="radio" name="imagetype" value="png32"/>
        <p><%-translate("PNG 32")%></p>
    </div>
    <div>
        <input type="radio" name="imagetype" value="jpeg" checked/>
        <p><%-translate("JPG")%></p>
    </div>
    <div>
        <input type="radio" name="imagetype" value="svg"/>
        <p><%-translate("SVG")%></p>
    </div>
</div>
<div class="svg-warning"><%-translate("Bitmap layer(s) will be saved as bitmap in SVG.")%></div>
<div class="not-warning">
    <div class="subtitle"><%-translate("Quality")%></div>
    <div class="quality clearfix">
        <input type="text" class="topcoat-text-input quality-percentage" value="80"/>
        <input type="range" class="topcoat-range quality-range" value="80"/>
        <div class="format-description"><%-translate("test")%></div>
    </div>
</div>
<div class="scale clearfix <%- settings.get('scaleExtractedAssets') ? '' : 'disabled'%>" title='<%-translate("Enter a value from 0.1x to 5x to extract an asset at a specific scale factor")%>'>
    <input type="checkbox" class="scale-enable" value="checkbox" <%- settings.get('scaleExtractedAssets') ? 'checked' : ''%> />
    <div class="scale-enable-checkbox topcoat-checkbox__checkmark"></div>
    <label><%-translate("Scale at")%></label>
    <input type="text" class="topcoat-text-input scale-factor" value="<%- parseFloat(settings.get('assetScaleFactor').toFixed()) %>x" />
</div>
<div class="popup-footer clearfix">
    <button id="saveBtn" class="topcoat-button--cta btn btn-primary"><%-translate("Save")%></button>
    <button id="downloadBtn" class="topcoat-button"><%-translate("Download Directly")%></button>
</div>
<div class="notch"></div>
