{{template "base/head" .}}
{{template "base/navbar" .}}
<div class="container" id="body">
    <form action="/org/create" method="post" class="form-horizontal card" id="org-create">
        {{.CsrfTokenHtml}}
        <h3>Create New Organization</h3>
        {{template "base/alert" .}}
        <div class="form-group {{if .Err_OrgName}}has-error has-feedback{{end}}">
            <label class="col-md-2 control-label">Organization<strong class="text-danger">*</strong></label>
            <div class="col-md-8">
                <input name="orgname" type="text" class="form-control" placeholder="Type your organization name" value="{{.orgname}}" required="required">
                <span class="help-block">Great organization names are short and memorable. </span>
            </div>
        </div>

        <div class="form-group{{if .Err_Email}} has-error has-feedback{{end}}">
            <label class="col-md-2 control-label">Email<strong class="text-danger">*</strong></label>
            <div class="col-md-8">
                <input name="email" type="text" class="form-control" placeholder="Type organization's email" value="{{.email}}" required="required">
                <span class="help-block">Organization's Email receives all notifications and confirmations.</span>
            </div>
        </div>

        <div class="form-group">
            <div class="col-md-offset-2 col-md-8">
                <button type="submit" class="btn btn-lg btn-primary">Create An Organization</button>
                <a href="/" class="text-danger">Cancel</a>
            </div>
        </div>
    </form>
</div>
{{template "base/footer" .}}