<!--
  templateType: page
  isAvailableForNewContent: true
  label: Membership - Sign Out
  screenshotPath: ../../images/template-previews/membership-signout.png
-->
{% extends "../layouts/base-system.html" %}

{% block title %}Signed Out{% endblock %}
{% block description %}You have been successfully signed out{% endblock %}

{% block page_class %}page-auth page-signout{% endblock %}

{% block icon %}
  <div class="system-icon icon-success">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
      <path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/>
      <polyline points="16 17 21 12 16 7"/>
      <line x1="21" y1="12" x2="9" y2="12"/>
    </svg>
  </div>
{% endblock %}

{% block page_title %}You've Been Signed Out{% endblock %}

{% block page_message %}
  <div class="system-status success">
    ✓ You have been successfully signed out of your account.
  </div>
  Thank you for visiting. Your session has ended and you've been securely signed out.
{% endblock %}

{% block main_content %}
  <div class="system-section">
    <p>For your security, we recommend closing your browser if you're using a shared computer.</p>
    
    <div class="system-actions">
      <a href="/" class="btn btn-primary">Go to Homepage</a>
      {% set login_url = request.login_url or "/_hcms/mem/login" %}
      <a href="{{ login_url }}" class="btn btn-secondary">Sign In Again</a>
    </div>
  </div>
{% endblock %}

{% block actions %}{% endblock %}

{% block footer_info %}
  <div class="system-info">
    <p style="font-size: 0.875rem; color: var(--color-text-secondary, #718096);">
      Come back anytime! If you have any questions or need assistance, feel free to contact us.
    </p>
  </div>
{% endblock %}