@{
    ViewData["Title"] = "Instellingen";
    ViewData["ActiveNav"] = "settings";
}
<div class="app">
    @await Html.PartialAsync("_Topbar")
    <div class="subheader" id="settingsTabs">
        <a href="#" class="subheader-tab active" data-tab="general" data-i18n="settings_tab_general"></a>
        <a href="#" class="subheader-tab" data-tab="folders" data-i18n="settings_tab_folders"></a>
    </div>
    <div class="app-body">
        <div class="content">
        <div class="settings-page">
            <div class="settings-wrap" data-tab-panel="general">
                <section class="settings-section">
                    <h2 data-i18n="settings_email"></h2>
                    <label data-i18n="settings_account"></label>
                    <div id="settingsAccountInfo" class="settings-readonly"></div>
                </section>
                <section class="settings-section">
                    <h2 data-i18n="settings_general"></h2>

                    <label data-i18n="settings_friendly_name"></label>
                    <input type="text" id="settingsFriendlyName" />

                    <label data-i18n="settings_signature"></label>
                    <textarea id="settingsSignature" rows="4"></textarea>

                    <label data-i18n="settings_messages_per_page"></label>
                    <input type="number" id="settingsMessagesPerPage" min="1" />

                    <label data-i18n="settings_contacts_per_page"></label>
                    <input type="number" id="settingsContactsPerPage" min="1" />

                    <label data-i18n="settings_autocheck_interval"></label>
                    <input type="number" id="settingsAutoCheckInterval" min="0" />

                    <label data-i18n="settings_timezone"></label>
                    <select id="settingsTimeZone"></select>

                    <label data-i18n="settings_default_language"></label>
                    <select id="settingsLanguage"></select>

                    <div class="form-actions">
                        <button type="button" class="btn btn-primary" id="saveSettingsBtn" data-i18n="settings_save"></button>
                    </div>
                </section>
            </div>

            <div class="settings-wrap settings-wrap-wide" data-tab-panel="folders" style="display:none;">
                <section class="settings-section">
                    <h2 data-i18n="settings_folders_title"></h2>
                    <div class="folder-manage-toolbar">
                        <a class="btn" href="#" id="addFolderBtn" data-i18n="settings_add_folder"></a>
                        <a class="btn" href="#" id="deleteFoldersBtn" data-i18n="settings_delete_selected"></a>
                        <a class="btn" href="#" id="reloadFoldersBtn" data-i18n="settings_reload_folders"></a>
                    </div>
                    <div class="folder-manage-table-wrap">
                        <table class="folder-manage-table">
                            <thead>
                                <tr>
                                    <th></th>
                                    <th><input type="checkbox" id="folderSelectAll" /></th>
                                    <th data-i18n="settings_folder_column"></th>
                                    <th data-i18n="settings_messages_column"></th>
                                    <th data-i18n="settings_size_column"></th>
                                    <th data-i18n="settings_sync_column"></th>
                                    <th data-i18n="settings_subscribed_column"></th>
                                </tr>
                            </thead>
                            <tbody id="folderManageBody"></tbody>
                            <tfoot id="folderManageFoot"></tfoot>
                        </table>
                    </div>
                    <p class="settings-hint" data-i18n="settings_delete_non_empty_warning"></p>
                    <p class="settings-hint" data-i18n="settings_folder_order_hint"></p>
                    <div class="form-actions">
                        <button type="button" class="btn btn-primary" id="saveFoldersBtn" data-i18n="settings_save"></button>
                    </div>
                </section>
            </div>
        </div>
        </div>
    </div>
</div>
@section Scripts {
    <script src="~/js/settings.js" asp-append-version="true"></script>
}