{% extends "admin/base.html" %}
{% block title %}Sign in | Norwa Waters Blog Studio{% endblock %}
{% block page_name %}login{% endblock %}
{% block body %}
  <main class="login-shell">
    <section class="login-brand">
      <img class="login-logo" src="{{ url_for('static', filename='admin/norwa-logo.png') }}" alt="Norwa Waters" />
      <p class="eyebrow">Norwa Waters</p>
      <h1>Blog Studio</h1>
      <p>Plan, write, optimize, preview, and publish practical articles from one secure workspace.</p>
      <ul>
        <li>SEO-focused publishing controls</li>
        <li>Structured, reusable content blocks</li>
        <li>Optimized image management</li>
      </ul>
    </section>
    <section class="login-panel">
      <div>
        <img class="login-panel-logo" src="{{ url_for('static', filename='admin/norwa-logo.png') }}" alt="Norwa Waters" />
        <p class="eyebrow blue">Administrator access</p>
        <h2>Welcome back</h2>
        <p class="muted">Sign in with your Norwa Waters editorial account.</p>
      </div>
      <form id="login-form" class="stack-lg">
        <label>
          <span>Email address</span>
          <input name="email" type="email" autocomplete="username" required />
        </label>
        <label>
          <span>Password</span>
          <input name="password" type="password" autocomplete="current-password" required />
        </label>
        <p id="login-error" class="form-error" hidden></p>
        <button class="button primary full" type="submit">Sign in</button>
      </form>
    </section>
  </main>
{% endblock %}