{# System test email — HTML #}
{% load static %}

{% block head %}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
{% endblock head %}

{% block title %}
Test Email - Fashionistar
{% endblock title %}

{% block content %}
<div class="card w-100" style="max-width: 600px; margin: auto; padding: 20px; border-radius: 10px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);">
    <div class="card-body">
        <h2 class="text-center">Test Email</h2>
        <p class="card-text text-center">
            Hi,
        </p>
        <p class="card-text text-center">
            This is a test email to confirm that our email system is working correctly.
        </p>
        <p class="card-text text-center">
            Message: <strong>{{ message }}</strong>
        </p>
        <p class="card-text text-center mt-3">
            If you received this email, everything is functioning properly.
        </p>
        <hr>
        <p class="text-center">Best Regards, <br><strong>The Fashionistar Team</strong></p>
    </div>
</div>
{% endblock content %}