{{template "ng/base/head" .}}
<div id="setting-wrapper" class="main-wrapper">
    <div class="container clear">
        <div class="setting-content">
            {{template "ng/base/alert" .}}
            <div id="setting-content">
                <div class="panel panel-radius">
                    <div class="panel-header">
                        <strong>{{.i18n.Tr "install.title"}}</strong>
                    </div>
                    <form class="form form-align panel-body" id="install-form" action="{{AppSubUrl}}/install" method="post">
                        {{.CsrfTokenHtml}}
                        <div class="text-center panel-desc">{{.i18n.Tr "install.requite_db_desc"}}</div>
                        <div class="field">
                            <label class="req">{{.i18n.Tr "install.db_type"}}</label>
                            <select name="database" id="install-database" class="form-control">
                                {{range .DbOptions}}
                                <option value="{{.}}"{{if eq $.CurDbOption .}}selected{{end}}>{{.}}</option>
                                {{end}}
                            </select>
                        </div>

                        <div class="server-sql {{if eq .CurDbOption "SQLite3"}}hide{{end}}">
                            <div class="field">
                                <label class="req" for="host">{{.i18n.Tr "install.host"}}</label>
                                <input class="ipt ipt-large ipt-radius {{if .Err_DbHost}}ipt-error{{end}}" id="host" name="host" value="{{.host}}" />
                            </div>
                            <div class="field">
                                <label class="req" for="user">{{.i18n.Tr "install.user"}}</label>
                                <input class="ipt ipt-large ipt-radius {{if .Err_DbUser}}ipt-error{{end}}" id="user" name="user" value="{{.user}}" />
                            </div>
                            <div class="field">
                                <label class="req" for="passwd">{{.i18n.Tr "install.password"}}</label>
                                <input class="ipt ipt-large ipt-radius {{if .Err_DbPasswd}}ipt-error{{end}}" id="passwd" name="passwd" type="password" value="{{.passwd}}" />
                            </div>
                            <div class="field">
                                <label class="req" for="database_name">{{.i18n.Tr "install.db_name"}}</label>
                                <input class="ipt ipt-large ipt-radius {{if .Err_DatabaseName}}ipt-error{{end}}" id="database_name" name="database_name" value="{{.database_name}}" />
                                <label></label>
                                <span class="help">{{.i18n.Tr "install.db_helper"}}</span>
                            </div>
                        </div>

                        <div class="field pgsql-setting {{if not (eq .CurDbOption "PostgreSQL")}}hide{{end}}">
                            <label class="req">{{.i18n.Tr "install.ssl_mode"}}</label>
                            <select name="ssl_mode" class="form-control">
                                <option value="disable">Disable</option>
                                <option value="require">Require</option>
                                <option value="verify-full">Verify Full</option>
                            </select>
                        </div>

                        <div class="field sqlite-setting {{if not (eq .CurDbOption "SQLite3")}}hide{{end}}">
                            <label class="req" for="database_path">{{.i18n.Tr "install.path"}}</label>
                            <input class="ipt ipt-large ipt-radius {{if .Err_DatabasePath}}ipt-error{{end}}" id="database_path" name="database_path" value="{{.database_path}}" />
                            <label></label>
                            <span class="help">{{.i18n.Tr "install.sqlite_helper"}}</span>
                        </div>

                        <hr>

                        <div class="text-center panel-desc">{{.i18n.Tr "install.general_title"}}</div>
                        <div class="field">
                            <label class="req" for="repo_path">{{.i18n.Tr "install.repo_path"}}</label>
                            <input class="ipt ipt-large ipt-radius {{if .Err_RepoRootPath}}ipt-error{{end}}" id="repo_path" name="repo_path" value="{{.repo_path}}" required />
                            <label></label>
                            <span class="help">{{.i18n.Tr "install.repo_path_helper"}}</span>
                        </div>
                        <div class="field">
                            <label class="req" for="run_user">{{.i18n.Tr "install.run_user"}}</label>
                            <input class="ipt ipt-large ipt-radius {{if .Err_RunUser}}ipt-error{{end}}" id="run_user" name="run_user" value="{{.run_user}}" required />
                            <label></label>
                            <span class="help">{{.i18n.Tr "install.run_user_helper"}}</span>
                        </div>
                        <div class="field">
                            <label class="req" for="domain">{{.i18n.Tr "install.domain"}}</label>
                            <input class="ipt ipt-large ipt-radius {{if .Err_Domain}}ipt-error{{end}}" id="domain" name="domain" value="{{.domain}}" required />
                            <label></label>
                            <span class="help">{{.i18n.Tr "install.domain_helper"}}</span>
                        </div>
                        <div class="field">
                            <label class="req" for="app_url">{{.i18n.Tr "install.app_url"}}</label>
                            <input class="ipt ipt-large ipt-radius {{if .Err_AppUrl}}ipt-error{{end}}" id="app_url" name="app_url" value="{{.app_url}}" required />
                            <label></label>
                            <span class="help">{{.i18n.Tr "install.app_url_helper"}}</span>
                        </div>

                        <hr>

                        <div class="text-center panel-desc">{{.i18n.Tr "install.email_title"}}</div>
                        <div class="field">
                            <label for="smtp_host">{{.i18n.Tr "install.smtp_host"}}</label>
                            <input class="ipt ipt-large ipt-radius {{if .Err_SmtpHost}}ipt-error{{end}}" id="smtp_host" name="smtp_host" value="{{.smtp_host}}" />
                        </div>
                        <div class="field">
                            <label for="mailer_user">{{.i18n.Tr "install.mailer_user"}}</label>
                            <input class="ipt ipt-large ipt-radius {{if .Err_SmtpEmail}}ipt-error{{end}}" id="mailer_user" name="mailer_user" value="{{.mailer_user}}" />
                        </div>
                        <div class="field">
                            <label for="mailer_pwd">{{.i18n.Tr "install.mailer_password"}}</label>
                            <input class="ipt ipt-large ipt-radius {{if .Err_SmtpPasswd}}ipt-error{{end}}" id="mailer_pwd" name="mailer_pwd" type="password" value="{{.mailer_pwd}}" />
                        </div>

                        <hr>

                        <div class="text-center panel-desc">{{.i18n.Tr "install.notify_title"}}</div>
                        <div class="field">
                            <label></label>
                            <input name="register_confirm" type="checkbox" {{if .register_confirm}}checked{{end}}>
                            <strong>{{.i18n.Tr "install.register_confirm"}}</strong>
                            <br>
                            <label></label>
                            <input name="mail_notify" type="checkbox" {{if .mail_notify}}checked{{end}}>
                            <strong>{{.i18n.Tr "install.mail_notify"}}</strong>
                        </div>

                        <hr>

                        <div class="text-center panel-desc">{{.i18n.Tr "install.admin_title"}}</div>
                        <div class="field">
                            <label class="req" for="admin_name">{{.i18n.Tr "install.admin_name"}}</label>
                            <input class="ipt ipt-large ipt-radius {{if .Err_AdminName}}ipt-error{{end}}" id="admin_name" name="admin_name" value="{{.admin_name}}" required />
                        </div>
                        <div class="field">
                            <label class="req" for="admin_pwd">{{.i18n.Tr "install.admin_password"}}</label>
                            <input class="ipt ipt-large ipt-radius {{if .Err_AdminPasswd}}ipt-error{{end}}" id="admin_pwd" name="admin_pwd" type="password" value="{{.admin_pwd}}" required />
                        </div>
                        <div class="field">
                            <label class="req" for="confirm_passwd">{{.i18n.Tr "install.confirm_password"}}</label>
                            <input class="ipt ipt-large ipt-radius {{if .Err_AdminPasswd}}ipt-error{{end}}" id="confirm_passwd" name="confirm_passwd" type="password" required />
                        </div>
                        <div class="field">
                            <label class="req" for="admin_email">{{.i18n.Tr "install.admin_email"}}</label>
                            <input class="ipt ipt-large ipt-radius {{if .Err_AdminEmail}}ipt-error{{end}}" id="admin_email" name="admin_email" value="{{.admin_email}}" required />
                        </div>

                        <hr>

                        <div class="field">
                            <label></label>
                            <button class="btn btn-blue btn-large btn-radius">{{.i18n.Tr "install.install_gogs"}}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
{{template "ng/base/footer" .}}