{{define "title"}}Connexion{{end}}
{{define "body"}}
<section class="hero is-fullheight">
    <div class="hero-body">
        <div class="container has-text-centered">
            <div class="columns">
                <div class="column is-4 is-offset-4">
                    {{template "flash" .}}
                    <p class="has-text-black title">
                        Connexion à <a href="{{.ClientURI }}" class="has-text-info">{{ .ClientName }}</a>
                    </p>
                    <p class="has-text-black subtitle">
                        Veuillez entrer votre adresse courriel.
                    </p>
                    <div class="box">
                        <form action="/login" method="POST">
                            <div class="field">
                                <div class="control">
                                    <input class="input is-large" type="email"
                                        id="email" value="{{ .Email }}"
                                        name="email" placeholder="john.doe@email.com" />
                                </div>
                            </div>
                            <div class="field is-grouped is-grouped-right">
                            <p class="control">
                                <label class="checkbox">
                                    <input type="checkbox" name="rememberMe">
                                    Se souvenir de moi
                                </label>
                            </p>
                            </div>
                            {{ .csrfField }}
                            <input name="challenge" type="hidden" value="{{ .LoginChallenge }}" />
                            <button type="submit" class="button is-link is-medium is-block is-fullwidth">Envoyer</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
{{end}}
{{template "base" .}}