{{template "ng/base/head" .}}
{{template "ng/base/header" .}}
<div id="repo-wrapper">
    <form id="repo-create-form" class="form form-align panel panel-radius" action="/repo/create" method="post">
        {{.CsrfTokenHtml}}
        <div class="panel-header"><h2>{{.i18n.Tr "new_repo"}}</h2></div>
        <div class="panel-content">
            {{template "ng/base/alert" .}}
            <div class="field">
                <label for="owner" class="req">{{.i18n.Tr "repo.owner"}}</label>
                <input id="repo-owner-id" type="hidden" name="uid" value="{{.ContextUser.Id}}" />
                <div class="inline-block drop">
                    <a href="#" class="drop-bottom">
                        <img class="avatar" src="{{.ContextUser.AvatarLink}}" id="repo-owner-avatar" alt="user-avatar">
                        <strong id="repo-owner-name">{{.ContextUser.Name}}</strong>
                    </a>
                    <ul class="drop-down menu menu-vertical menu-radius switching-list" id="repo-create-owner-list">
                        <li {{if eq $.ContextUser.Id .SignedUser.Id}}class="checked"{{end}} data-uid="{{.SignedUser.Id}}">
                            <a>
                                <i class="octicon octicon-check"></i>
                                <img class="avatar" src="{{.SignedUser.AvatarLink}}" alt="user-avatar">
                                <strong>{{.SignedUser.Name}}</strong>
                            </a>
                        </li>
                        {{range .Orgs}}
                        <li {{if eq $.ContextUser.Id .Id}}class="checked"{{end}} data-uid="{{.Id}}">
                            <a>
                                <i class="octicon octicon-check"></i>
                                <img class="avatar" src="{{.AvatarLink}}" alt="user-avatar">
                                <strong>{{.Name}}</strong>
                            </a>
                        </li>
                        {{end}}
                    </ul>
                </div>
            </div>
            <div class="field">
                <label class="req" for="repo-name">{{.i18n.Tr "repo.repo_name"}}</label>
                <input class="ipt ipt-radius {{if .Err_RepoName}}ipt-error{{end}}" id="repo-name" name="repo_name" type="text" value="{{.repo_name}}" required />
                <span class="form-label"></span>
                <span class="help">{{.i18n.Tr "repo.repo_name_helper" | Str2html}}</span>
            </div>
            <p class="field">
                <label for="visibility">{{.i18n.Tr "repo.visibility"}}</label>
                <input class="ipt-chk" id="visibility" name="private" type="checkbox" {{if .private}}checked{{end}} />
                <span>{{.i18n.Tr "repo.visiblity_helper" | Str2html}}</span>
            </p>
            <div class="field clear">
                <label class="left" for="desc">{{.i18n.Tr "repo.repo_desc"}}</label>
                <textarea class="ipt ipt-radius {{if .Err_Description}}ipt-error{{end}}" id="desc" name="desc">{{.desc}}</textarea>
            </div>
            <p class="field">
                <label for="lang">{{.i18n.Tr "repo.repo_lang"}}</label>
                <select id="lang" name="gitignore">
                    <option>{{.i18n.Tr "repo.repo_lang_helper"}}</option>
                    {{range .Gitignores}}
                    <option value="{{.}}" {{if eq . $.gitignore}}selected{{end}}>{{.}}</option>
                    {{end}}
                </select>
                <label for="license">{{.i18n.Tr "repo.license"}}</label>
                <select id="license" name="license">
                    <option>{{.i18n.Tr "repo.license_helper"}}</option>
                    {{range .Licenses}}
                    <option value="{{.}}" {{if eq . $.license}}selected{{end}}>{{.}}</option>
                    {{end}}
                </select>
            </p>
            <p class="field">
                <label for="init-readme"></label>
                <input class="ipt-chk" id="init-readme" name="init_readme" type="checkbox" {{if .init_readme}}checked{{end}} />
                <strong>{{.i18n.Tr "repo.init_readme"}}</strong>
            </p>
            <p class="field">
                <label for="repo-create-submit"></label>
                <button class="btn btn-large btn-blue btn-radius" id="repo-create-submit">{{.i18n.Tr "repo.create_repo"}}</button>
                <a class="btn btn-small btn-gray btn-radius" id="repo-create-cancel" href="/"><strong>{{.i18n.Tr "cancel"}}</strong></a>
            </p>
        </div>
    </form>
</div>
{{template "ng/base/footer" .}}