{{define "title"}}
Pollo // Sign In
{{end}}

{{define "headercontent"}}
Pollo // Sign In
{{end}}

{{define "head"}}
<link rel="stylesheet" href="/public/css/styles.css" />
{{end}}

{{define "main"}}
<div id="auth-form" hx-ext="response-targets">
  <h2 class="text-4xl">Sign In</h2>
  <br>
  <form class="flex flex-col gap-2" hx-post="/api/signin" hx-target-4*="#error-message">
    <input class="input input-bordered input-primary w-full max-w-xs" type="email" name="email" placeholder="Email" required>
    <input class="input input-bordered input-primary w-full max-w-xs" type="password" name="password" placeholder="Password" required>
    <button class="btn btn-primary" type="submit">Sign In</button>
  </form>
  <div id="error-message"style="color: red;"></div>
  <p>Don't have an account? <a href="/register">Register</a></p>
</div>
{{end}}

{{define "foot"}}
<script src="/public/js/htmx.base.js"></script>
<script src="/public/js/htmx.sse.js"></script>
<script src="/public/js/htmx.targets.js"></script>
{{end}}