{{template "ng/base/head" .}}
{{template "ng/base/header" .}}
<div id="admin-wrapper">
    <div id="setting-wrapper" class="main-wrapper">
        <div id="admin-setting" class="container clear">
            {{template "admin/nav" .}}
            <div class="grid-4-5 left">
                <div class="setting-content">
                    {{template "ng/base/alert" .}}
                    <div id="setting-content">
                        <div class="panel panel-radius">
                            <div class="panel-header">
                                <strong>{{.i18n.Tr "admin.auths.new"}}</strong>
                            </div>
                            <form class="form form-align panel-body" id="repo-setting-form" action="/admin/auths/new" method="post">
                                {{.CsrfTokenHtml}}
                                <div class="field">
                                    <label class="req">{{.i18n.Tr "admin.auths.auth_type"}}</label>
                                    <select id="auth-type" name="type">
                                        {{range $key, $val := .LoginTypes}}
                                        <option value="{{$key}}">{{$val}}</option>
                                        {{end}}
                                    </select>
                                </div>
                                <div class="field">
                                    <label class="req" for="name">{{.i18n.Tr "admin.auths.auth_name"}}</label>
                                    <input class="ipt ipt-large ipt-radius {{if .Err_AuthName}}ipt-error{{end}}" id="name" name="name" value="{{.name}}" required />
                                </div>
                                <div class="ldap">
                                    <div class="field">
                                        <label class="req" for="domain">{{.i18n.Tr "admin.auths.domain"}}</label>
                                        <input class="ipt ipt-large ipt-radius {{if .Err_Domain}}ipt-error{{end}}" id="domain" name="domain" value="{{.domain}}" />
                                    </div>
                                    <div class="field">
                                        <label class="req" for="host">{{.i18n.Tr "admin.auths.host"}}</label>
                                        <input class="ipt ipt-large ipt-radius {{if .Err_Host}}ipt-error{{end}}" id="host" name="host" value="{{.host}}" />
                                    </div>
                                    <div class="field">
                                        <label class="req" for="port">{{.i18n.Tr "admin.auths.port"}}</label>
                                        <input class="ipt ipt-large ipt-radius {{if .Err_Port}}ipt-error{{end}}" id="port" name="port" value="{{.port}}" />
                                    </div>
                                    <div class="field">
                                        <label class="req" for="base_dn">{{.i18n.Tr "admin.auths.base_dn"}}</label>
                                        <input class="ipt ipt-large ipt-radius {{if .Err_BaseDN}}ipt-error{{end}}" id="base_dn" name="base_dn" value="{{.base_dn}}" />
                                    </div>
                                    <div class="field">
                                        <label class="req" for="attributes">{{.i18n.Tr "admin.auths.attributes"}}</label>
                                        <input class="ipt ipt-large ipt-radius {{if .Err_Attributes}}ipt-error{{end}}" id="attributes" name="attributes" value="{{.attributes}}" />
                                    </div>
                                    <div class="field">
                                        <label class="req" for="filter">{{.i18n.Tr "admin.auths.filter"}}</label>
                                        <input class="ipt ipt-large ipt-radius {{if .Err_Filter}}ipt-error{{end}}" id="filter" name="filter" value="{{.filter}}" />
                                    </div>
                                    <div class="field">
                                        <label class="req" for="ms_ad_sa">{{.i18n.Tr "admin.auths.ms_ad_sa"}}</label>
                                        <input class="ipt ipt-large ipt-radius {{if .Err_MsAdSA}}ipt-error{{end}}" id="ms_ad_sa" name="ms_ad_sa" value="{{.ms_ad_sa}}" />
                                    </div>
                                </div>
                                <div class="smtp hidden">
                                    <div class="field">
                                        <label class="req">{{.i18n.Tr "admin.auths.smtp_auth"}}</label>
                                        <select name="smtpauth">
                                            {{range .SMTPAuths}}
                                            <option value="{{.}}">{{.}}</option>
                                            {{end}}
                                        </select>
                                    </div>
                                    <div class="field">
                                        <label class="req" for="smtphost">{{.i18n.Tr "admin.auths.smtphost"}}</label>
                                        <input class="ipt ipt-large ipt-radius {{if .Err_SmtpHost}}ipt-error{{end}}" id="smtphost" name="smtphost" value="{{.smtphost}}" />
                                    </div>
                                    <div class="field">
                                        <label class="req" for="smtpport">{{.i18n.Tr "admin.auths.smtpport"}}</label>
                                        <input class="ipt ipt-large ipt-radius {{if .Err_SmtpPort}}ipt-error{{end}}" id="smtpport" name="smtpport" value="{{.smtpport}}" />
                                    </div>
                                </div>
                                <div class="field">
                                    <div class="smtp hidden">
                                        <label></label>
                                        <input name="tls" type="checkbox" {{if .tls}}checked{{end}}>
                                        <strong>{{.i18n.Tr "admin.auths.enable_tls"}}</strong>
                                        <br>
                                    </div>
                                    <label></label>
                                    <input name="allowautoregister" type="checkbox" {{if .allowautoregister}}checked{{end}}>
                                    <strong>{{.i18n.Tr "admin.auths.enable_auto_register"}}</strong>
                                </div>
                                <div class="field">
                                    <label></label>
                                    <button class="btn btn-blue btn-large btn-radius">{{.i18n.Tr "admin.auths.new"}}</button>
                                </div>
                            </form>
                        </div>
                        <br>
                        <div class="panel panel-radius">
                            <div class="panel-header">
                                {{.i18n.Tr "admin.auths.tips"}}
                            </div>
                            <div class="panel-body admin-panel">
                                <h5>GMail Setting:</h5>
                                <p>Host: smtp.gmail.com, Post: 587, Enable TLS Encryption: true</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
	</div>
</div>
{{template "ng/base/footer" .}}