{% extends "base.html" %}
{% block title %}Share - {{ config.APP_NAME }}{% endblock %}
{% block content %}
<h1>📤 Share {{ config.APP_NAME }}</h1>
<p style="font-size:0.85rem; color:var(--text-muted);">Invite someone else to use the app.</p>

<div class="auth-card" style="max-width:420px;">
    <p style="word-break:break-all; font-size:0.85rem; color:var(--text-muted); margin-bottom:20px;">{{ app_url }}</p>

    <a href="{{ whatsapp_url }}" target="_blank" rel="noopener" class="btn-primary" style="display:block; text-align:center; background:#25D366; margin-bottom:10px;">
        💬 Share via WhatsApp
    </a>
    <a href="{{ mailto_url }}" class="btn-primary" style="display:block; text-align:center; background:#546174; margin-bottom:10px;">
        ✉️ Share via Email
    </a>
    <a href="{{ facebook_url }}" target="_blank" rel="noopener" class="btn-primary" style="display:block; text-align:center; background:#1877F2;">
        📘 Share via Facebook
    </a>
</div>
{% endblock %}