{{define "dashboard/setting"}}
{{template "common/header" .}}
{{template "common/menu" .}}
<div class="nb-container">
    <div class="ui container">
        <form id="settingForm" class="ui large form" onsubmit="return false;">
            <div class="field">
                <label>站点标题</label>
                <input type="text" name="Title" placeholder="哪吒监控" value="{{.Conf.Site.Brand}}">
            </div>
            <div class="field">
                <label>登录类型</label>
                <select name="Oauth2Type">
                    <option value="github" {{if eq .Conf.Oauth2.Type "github" }} selected="selected" {{end}}>GitHub
                    </option>
                    <option value="gitee" {{if eq .Conf.Oauth2.Type "gitee" }} selected="selected" {{end}}>Gitee
                    </option>
                </select>
            </div>
            <div class="field">
                <label>管理员列表</label>
                <input type="text" name="Admin" placeholder="1010,2020" value="{{.Conf.Oauth2.Admin}}">
            </div>
            <div class="field">
                <label>前台主题</label>
                <select name="Theme">
                    <option value="default" {{if eq .Conf.Site.Theme "default" }} selected="selected" {{end}}>默认主题
                    </option>
                    <option value="daynight" {{if eq .Conf.Site.Theme "daynight" }} selected="selected" {{end}}>
                        JackieSung DayNight</option>
                    <option value="hotaru" {{if eq .Conf.Site.Theme "hotaru" }} selected="selected" {{end}}>CokeMine
                        Hotaru</option>
                </select>
            </div>
            <div class="field">
                <label>自定义代码(style、script 都可以)</label>
                <textarea name="CustomCode">{{.Conf.Site.CustomCode}}</textarea>
            </div>
            <div class="field">
                <label>前台查看密码</label>
                <input type="text" name="ViewPassword" placeholder="" value="{{.Conf.Site.ViewPassword}}">
            </div>
            <div class="field">
                <label>IP 变更提醒</label>
            </div>
            <div class="ui segment">
                <div class="field">
                    <label>覆盖范围</label>
                    <select name="Cover" class="ui fluid dropdown">
                        <option value=0>覆盖所有，仅特定服务器不提醒</option>
                        <option value=1>忽略所有，仅提醒特定服务器</option>
                    </select>
                </div>
                <div class="field">
                    <label>特定服务器</label>
                    <input type="text" name="IgnoredIPNotification" placeholder="服务器ID 以逗号隔开 1001,1002,1003"
                        value="{{.Conf.IgnoredIPNotification}}">
                </div>
                <div class="field">
                    <div class="ui nf-ssl checkbox">
                        <input name="EnableIPChangeNotification" type="checkbox" tabindex="0" class="hidden">
                        <label>启用</label>
                    </div>
                </div>
            </div>
            <button class="ui button" type="submit">保存</button>
        </form>
    </div>
</div>
{{template "common/footer" .}}
<script>
    $('#settingForm').submit(function () {
        $.post('/api/setting', $('#settingForm').serialize()).then((resp) => {
            if (resp.code == 200) {
                $.suiAlert({
                    title: '',
                    description: '修改成功',
                    type: 'success',
                    time: '3',
                    position: 'top-center',
                });
            } else {
                $.suiAlert({
                    title: '',
                    description: resp.message,
                    type: 'error',
                    time: '3',
                    position: 'top-center',
                });
            }
        }).error(err => {
            $.suiAlert({
                title: '',
                description: err,
                type: 'error',
                time: '3',
                position: 'top-center',
            });
        })
        return false;
    })
    $('.checkbox').checkbox()
    $('#settingForm').find("select[name=Cover]")
        .val({{.Conf.Cover}});
    {{ if .Conf.EnableIPChangeNotification}}
    $('.checkbox').checkbox('set checked')
    {{ end }}
</script>
{{end}}
