<div class="login-background">
    <div class="section-padded section-header">
        <h2 class="section-title"><%- pageTitle %></h2>
        <div class="breadcrumb">
            <a href="<%- systemSettingsURL %>"><%- _("Server settings").t() %></a> &raquo <%- pageTitle %>
        </div>
    </div>
    <div class="editFormWrapper">
        <div class="formWrapper">
            <div class="form form-horizontal">
                <div class="shared-general-flashmessages"></div>
                <div class="control-group shared-controls-controlgroup">
                    <div class="control-label"><%- _("Login page background").t() %></div>
                    <div class="controls controls-block">
                        <input type="radio" id="<%- NO_IMAGE_OPTION %>" class="bg-radio-btn"/>
                        <label for="<%- NO_IMAGE_OPTION %>" class="bg-label"><%- _("No image").t() %></label><br/>

                        <input type="radio" id="<%- DEFAULT_IMAGE_OPTION %>" class="bg-radio-btn"/>
                        <label for="<%- DEFAULT_IMAGE_OPTION %>" class="bg-label"><%- _("Default image").t() %></label><br/>

                        <input type="radio" id="<%- CUSTOM_IMAGE_OPTION %>" class="bg-radio-btn"/>
                        <label for="<%- CUSTOM_IMAGE_OPTION %>" class="bg-label"><%- _("Custom image").t() %></label>
                        <div class="<%- CUSTOM_IMAGE_INFO_CLASS %>">
                            <%- _('Upload a custom background image.').t() %>
                            <a href="#" class="btn upload-file-btn"><%- _("Upload").t() %></a>
                            <input type="file" id="inputReference" name="spl-file" style="display:none;"/>
                            <span id="current-filename"><%- CURRENT_FILENAME %></span>
                        </div>
                        <div class="shared-upload-flashmessages"></div>
                    </div>
                </div>
                <div class="control-group shared-controls-controlgroup">
                    <label class="control-label"><%- _("Preview").t() %></label>
                    <div class="controls controls-block">
                        <div class="preview-container">
                            <div id="preview-full-screen" class="preview-tile">
                                <a href="#" class="preview-close" style="display:none">&times;</a>
                                <div class="login-form-preview <%- LOGIN_FORM_CLASS %>"></div>
                            </div>
                        </div>
                        <div class="help-block preview-tip">
                            <%- _("Click image for full-screen preview.").t() %>
                        </div>
                        <div class="help-block img-requirements">
                            <%- _("Supported image files are .jpg, .jpeg or .png, with a recommended resolution of 1024x640.").t() %>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="jmFormActions">
            <a href="<%- systemSettingsURL %>" class="btn btn-secondary cancel-button"><%- _("Cancel").t() %></a>
            <a href="" class="btn btn-primary save-button"><%- _("Save").t() %></a>
        </div>
    </div>
</div>
