{% extends "tenant/base.html" %}
{% block title %}Sign In{% endblock %}
{% block content %}
<div class="row justify-content-center">
  <div class="col-md-4">
    <div class="card shadow-sm mt-5">
      <div class="card-body p-4">
        <h4 class="card-title mb-4 text-center">Salon Login</h4>
        {% if error %}
          <div class="alert alert-danger">{{ error }}</div>
        {% endif %}
        <form method="POST" action="{{ url_for('tenant_auth.login') }}">
          <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
          <div class="mb-3">
            <label class="form-label">Email</label>
            <input type="email" name="email" class="form-control" required autofocus>
          </div>
          <div class="mb-3">
            <label class="form-label">Password</label>
            <input type="password" name="password" class="form-control" required>
          </div>
          <button type="submit" class="btn btn-primary w-100">Sign In</button>
        </form>
        <hr>
        <div class="text-center small">
          <a href="{{ url_for('tenant_auth.password_reset_request') }}">Forgot password?</a>
          &nbsp;|&nbsp;
          <a href="{{ url_for('staff_auth.staff_login') }}">Staff login</a>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}