<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
</head>
<body style="margin:0; padding:0; background-color:#f4f1e9;">
    <table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#f4f1e9; padding: 20px 0;">
        <tr>
            <td align="center">
                <table width="600" cellpadding="0" cellspacing="0" border="0" style="background-color:#fffef9; border: 1px solid #c2b280; border-radius: 8px; font-family: Georgia, serif; color:#2c2c2c;">
                    <tr>
                        <td style="padding: 30px 20px 10px 20px; text-align: center;">
                            <h1 style="margin: 0; color: #5e3c00; font-size: 24px;">⚔️ {% block title %}Votre réservation{% endblock %} 🛡️</h1>
                        </td>
                    </tr>
                    {% block content %}
                    <tr>
                        <td style="padding: 0 20px 10px 20px; font-size: 16px;">
                            <p style="margin: 0;">Bonjour,</p>
                        </td>
                    </tr>
                    <tr>
                        <td style="padding: 0 20px 20px 20px; font-size: 16px;">
                            <p style="margin: 0;">Voici les informations pour vous connecter :</p>
                        </td>
                    </tr>
                    <tr>
                        <td style="padding: 0 20px 20px 20px;">
                            <table width="100%" cellpadding="0" cellspacing="0" border="0" style="font-size: 15px; line-height: 1.6;">
                                <tr>
                                    <td><strong>Identifiant :</strong></td>
                                    <td>{{ user.username }}</td>
                                </tr>
                                <tr>
                                    <td><strong>Mot de passe :</strong></td>
                                    <td>{{ password }}</td>
                                </tr>
                                <tr>
                                    <td><strong>Adresse de connexion :</strong></td>
                                    <td>{{ url }}/login</td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    {% endblock %}
                </table>
            </td>
        </tr>
    </table>
    <br/>
    <table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#f4f1e9; padding: 20px 0;">
        <tr>
            <td align="center" style="font-size: 10px; color: #999999;">
                <p style="margin: 0;">Vous recevez ce courriel de notification en réponse à une action de votre part sur notre application.</p>
                <p style="margin: 0;">Vous pouvez consulter les <a href="{{ app_url }}/cgu">conditions d'utilisation</a> ou nous <a href="{{ app_url }}/contact">contacter</a> pour plus d'informations.</p>
            </td>
        </tr>
</body>
</html>