{% extends "email_base.html" %}

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

<p>Your refund has been processed successfully.</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 Refunded:</strong> {{ amount }}</p>
    <p style="margin: 5px 0;"><strong>Transaction Ref:</strong> {{ transaction_ref }}</p>
</div>

<div class="confession-card">
    "Refund Processed 💰"
</div>

<p>The funds should appear in your wallet shortly.</p>
{% endblock %}