{{define "title"}}Login - Administration - Arcad{{end}}
{{define "body"}}
{{- block "head_style" . -}}
    <link rel="stylesheet" href="/css/login_form.css">
{{end}}

{{template "header" .}}
  <section class="flex flex-col space-y-10" style="min-height:80vh">
    <div>
          {{template "flash" .}}
          <div style="margin-top:20vh;">
            <h4 class="text-4xl font-medium text-center" style="color: #078eb5;">Administration</h4>
            <form method="POST">
              <div class="w-3/4 transform border-b-2 bg-transparent text-lg duration-300 focus-within:border-sky-600">
                <input 
                  class="border-none bg-transparent outline-none placeholder:italic focus:outline-none"
                  name="password" type="password"
                  autocomplete="current-password"
                  placeholder="Mot de passe">
              </div>
              {{ .csrfField }}
              <button class="p-20 transform rounded-sm color-white text-white py-2 font-bold duration-300 hover:bg-sky-600 shadow-lg shadow-blue-500/50" style="background-color: #078eb5;">S'identifier</button>
            </form>
          </div>
    </div>
  </section>
{{end}}
{{template "base" .}}