{% extends "base.html" %}
{% block title %}Secure Sign In{% endblock %}
{% block content %}
<section class="login-card">
  <div class="login-visual">
    <div>
      <span class="login-pill">Quality & Patient Safety</span>
      <h1>Speak up.<br>Learn safely.<br>Improve care.</h1>
      <p>A confidential, non-punitive reporting environment for every branch of Al Wattan Medical Group.</p>
    </div>
    <div class="confidential-note">Report known facts promptly. Occurrences, near misses, unsafe conditions, and sentinel events are managed within the protected OVR cycle.</div>
  </div>
  <form class="login-form" method="post">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    <h2>Welcome back</h2>
    <p>Sign in with your assigned staff account.</p>
    <label>Username<input type="text" name="username" autocomplete="username" required autofocus></label>
    <label>Password<input type="password" name="password" autocomplete="current-password" required></label>
    <label class="check-line"><input type="checkbox" name="remember" value="1"> Keep me signed in on this trusted device</label>
    <button type="submit" class="button primary">Secure Sign In</button>
    <div class="login-footer">Authorized workforce access only. Activity is logged. Incident information is confidential and must not be shared outside authorized quality and line-management channels.</div>
  </form>
</section>
{% endblock %}