{% extends "email_base.html" %}

{% block content %}
<p>Hello <strong>{{ user_name }}</strong>,</p>

<p>Your purchase was successful! Here are the details of your transaction:</p>

<div style="background-color: #f0fdf4; border: 1px solid #bbf7d0; padding: 15px; border-radius: 8px; margin: 20px 0;">
    <p style="margin: 5px 0;"><strong>Service:</strong> {{ service_name }}</p>
    <p style="margin: 5px 0;"><strong>Amount:</strong> {{ amount }}</p>
    <p style="margin: 5px 0;"><strong>Recipient:</strong> {{ recipient }}</p>
    <p style="margin: 5px 0;"><strong>Transaction Ref:</strong> {{ transaction_ref }}</p>
</div>

<div class="confession-card">
    "Transaction Successful! 🎉"
</div>

<p>Thank you for choosing Confess.</p>
{% endblock %}