{% extends "base.html" %}

{% block title %}Sign out — hamprint{% endblock %}

{% block content %}
<div class="max-w-md mx-auto py-8">
  <div class="bg-white border border-slate-200 rounded-lg p-8 shadow-sm">
    <h1 class="text-2xl font-bold tracking-tight">Sign out?</h1>
    <p class="text-slate-600 mt-2 text-sm">
      You're signed in as
      <span class="font-medium">{{ user.email|default:user.get_username }}</span>.
      Your prints stay on the dashboard either way -- you can come back any time.
    </p>

    <form method="post" action="{% url 'account_logout' %}" class="mt-6">
      {% csrf_token %}
      <button type="submit" class="w-full px-4 py-3 rounded-md bg-amber-500 text-white hover:bg-amber-600 font-medium">
        Sign me out
      </button>
    </form>

    <div class="mt-4 text-center">
      <a href="{% url 'dashboard:my_prints' %}" class="text-sm text-slate-600 hover:underline">← Back to my prints</a>
    </div>
  </div>
</div>
{% endblock %}