{{template "_layout.html" .}}

{{define "title"}}{{ .title }}{{end}}


{{define "meta"}}

<meta property="og:url" content="https:{{ .url }}" />

{{end}}

{{define "head"}}

<link rel="stylesheet" href="/jobs.css" />

{{end}}

{{define "form-field"}}

    {{if eq .Type "hidden"}}
        <input type="hidden" id="input-{{.ID}}" name="{{.ID}}" value="{{if .Values}}{{index .Values 0}}{{end}}" />
    {{else}}

        <div class="form-field {{.Type}}{{if .Required}} required{{end}}{{if .Error}} error{{end}}" id="field-{{.ID}}">

            <label for="input-{{.ID}}">{{.Label}}{{if .Required}}<span class="required">*</span>{{end}}</label>
            {{if .Description}}
            <div class="description">{{.Description}}</div>
            {{end}}

            {{if eq .Type "text"}}
                <input type="text" id="input-{{.ID}}" name="{{.ID}}" placeholder="{{.Placeholder}}" value="{{if .Values}}{{index .Values 0}}{{end}}" />
            {{end}}

            {{if eq .Type "textarea"}}
                <textarea id="input-{{.ID}}" name="{{.ID}}" placeholder="{{.Placeholder}}">{{if .Values}}{{index .Values 0}}{{end}}</textarea>
            {{end}}

            {{if eq .Type "select"}}
                <select id="input-{{.ID}}" name="{{.ID}}">
                    <option value="">{{if .Required}}---{{else}}(none){{end}}</option>
                    {{range $choice := .Choices}}
                        <option value="{{$choice}}"{{if $.HasValue $choice}} selected="selected"{{end}}>{{$choice}}</option>
                    {{end}}
                </select>
            {{end}}

            {{if eq .Type "checkboxes"}}

                {{range $choice := .Choices}}
                    <div class="input-checkbox-choice{{if $.ChoicesFrom}} from-{{$.ChoicesFrom}}{{end}}">
                        <input id="input-{{$.ID}}-{{$choice}}" type="checkbox" name="{{$.ID}}[]" value="{{$choice}}"{{if $.HasValue $choice}} checked="checked"{{end}} />
                        <label for="input-{{$.ID}}-{{$choice}}" title="{{$choice}}">{{$choice}}</label>
                    </div>
                {{end}}

            {{end}}

            {{if eq .Type "radios"}}

                {{range $choice := .Choices}}
                    <div class="input-radio-choice{{if $.ChoicesFrom}} from-{{$.ChoicesFrom}}{{end}}">
                        <input id="input-{{$.ID}}-{{$choice}}" type="radio" name="{{$.ID}}" value="{{$choice}}" />
                        <label for="input-{{$.ID}}-{{$choice}}" title="{{$choice}}">{{$choice}}</label>
                    </div>
                {{end}}

            {{end}}

            <div class="error">{{.Error}}</div>

        </div>

    {{end}}

{{end}}



{{define "content"}}

<div class="form {{.name}}">

    <h1>{{.title}}</h1>

    {{if .hasSuccess}}

        <div id="form-success">{{.submitMessage}}</div>

    {{else}}

        <div id="form-header">{{.header}}</div>

        <form action="" method="POST">

        {{range $field := .fields}}
            {{block "form-field" $field}}{{end}}
        {{end}}

        <input type="submit" value="Submit" />

        </form>

        <div id="form-footer">{{.footer}}</div>

    {{end}}

</div>

{{end}}