{% extends 'base.html.twig' %}

{% block title %}Test des emails - Administration{% endblock %}

{% block body %}
<div class="container py-5">
    <div class="row">
        <div class="col-12">
            <div class="d-flex justify-content-between align-items-center mb-4">
                <h1 class="h2">
                    <i class="fas fa-envelope-open-text me-2"></i>
                    Test des emails
                </h1>
                <span class="badge bg-warning">Administration</span>
            </div>

            {% for message in app.flashes('success') %}
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <i class="fas fa-check-circle me-2"></i>
                    {{ message }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                </div>
            {% endfor %}
            
            {% for message in app.flashes('error') %}
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    <i class="fas fa-exclamation-circle me-2"></i>
                    {{ message }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                </div>
            {% endfor %}

            <div class="row">
                <!-- Test email simple -->
                <div class="col-md-6 mb-4">
                    <div class="card">
                        <div class="card-header bg-primary text-white">
                            <h5 class="card-title mb-0">
                                <i class="fas fa-paper-plane me-2"></i>
                                Email de test simple
                            </h5>
                        </div>
                        <div class="card-body">
                            <p class="card-text">Envoie un email de test basique pour vérifier la configuration du mailer.</p>
                            <form action="{{ path('admin_email_test_simple', {email: 'PLACEHOLDER'}) }}" method="get" onsubmit="this.action = this.action.replace('PLACEHOLDER', document.getElementById('testEmail').value)">
                                <div class="mb-3">
                                    <label for="testEmail" class="form-label">Email de destination :</label>
                                    <input type="email" class="form-control" id="testEmail" required placeholder="test@example.com">
                                </div>
                                <button type="submit" class="btn btn-primary">
                                    <i class="fas fa-paper-plane me-1"></i>
                                    Envoyer test
                                </button>
                            </form>
                        </div>
                    </div>
                </div>

                <!-- Test formulaire de contact -->
                <div class="col-md-6 mb-4">
                    <div class="card">
                        <div class="card-header bg-info text-white">
                            <h5 class="card-title mb-0">
                                <i class="fas fa-address-book me-2"></i>
                                Formulaire de contact
                            </h5>
                        </div>
                        <div class="card-body">
                            <p class="card-text">Teste l'envoi des emails de contact (admin + confirmation).</p>
                            <form action="{{ path('admin_email_test_contact') }}" method="post">
                                <div class="row">
                                    <div class="col-md-6 mb-2">
                                        <input type="text" class="form-control form-control-sm" name="name" placeholder="Nom" value="Test User">
                                    </div>
                                    <div class="col-md-6 mb-2">
                                        <input type="email" class="form-control form-control-sm" name="email" placeholder="Email" value="test@example.com">
                                    </div>
                                </div>
                                <div class="mb-2">
                                    <select class="form-select form-select-sm" name="subject">
                                        <option value="general_info">Information générale</option>
                                        <option value="technical_issue">Problème technique</option>
                                        <option value="other">Autre</option>
                                    </select>
                                </div>
                                <div class="mb-3">
                                    <textarea class="form-control form-control-sm" name="message" rows="3" placeholder="Message de test">Ceci est un message de test pour vérifier le système d'emails.</textarea>
                                </div>
                                <button type="submit" class="btn btn-info">
                                    <i class="fas fa-envelope me-1"></i>
                                    Tester contact
                                </button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Tests emails membres -->
            <div class="card">
                <div class="card-header bg-success text-white">
                    <h5 class="card-title mb-0">
                        <i class="fas fa-users me-2"></i>
                        Emails pour membres
                    </h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-4 mb-3">
                            <label for="memberSelect" class="form-label">Sélectionner un membre :</label>
                            <select class="form-select" id="memberSelect">
                                <option value="">Chargement des membres...</option>
                            </select>
                        </div>
                        <div class="col-md-8">
                            <label class="form-label">Types d'emails à tester :</label>
                            <div class="d-flex flex-wrap gap-2">
                                <button type="button" class="btn btn-success btn-sm" onclick="sendMemberEmail('welcome')">
                                    <i class="fas fa-hand-wave me-1"></i>
                                    Bienvenue
                                </button>
                                <button type="button" class="btn btn-warning btn-sm" onclick="sendMemberEmail('payment_failure', 1)">
                                    <i class="fas fa-exclamation-triangle me-1"></i>
                                    Échec paiement 1
                                </button>
                                <button type="button" class="btn btn-warning btn-sm" onclick="sendMemberEmail('payment_failure', 2)">
                                    <i class="fas fa-exclamation-triangle me-1"></i>
                                    Échec paiement 2
                                </button>
                                <button type="button" class="btn btn-danger btn-sm" onclick="sendMemberEmail('payment_failure', 3)">
                                    <i class="fas fa-exclamation-triangle me-1"></i>
                                    Échec paiement 3
                                </button>
                                <button type="button" class="btn btn-danger btn-sm" onclick="sendMemberEmail('suspension')">
                                    <i class="fas fa-ban me-1"></i>
                                    Suspension
                                </button>
                                <button type="button" class="btn btn-success btn-sm" onclick="sendMemberEmail('recovery')">
                                    <i class="fas fa-check-circle me-1"></i>
                                    Récupération
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="mt-4">
                <div class="alert alert-info">
                    <h6><i class="fas fa-info-circle me-2"></i>Informations importantes :</h6>
                    <ul class="mb-0">
                        <li>Les emails sont envoyés via le système de notification configuré</li>
                        <li>Vérifiez les logs en cas d'erreur d'envoi</li>
                        <li>Les emails de test utilisent les vraies adresses des membres</li>
                        <li>En environnement de développement, les emails peuvent être interceptés</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
// Charger la liste des membres
document.addEventListener('DOMContentLoaded', function() {
    fetch('{{ path('admin_email_test_members') }}')
        .then(response => response.json())
        .then(members => {
            const select = document.getElementById('memberSelect');
            select.innerHTML = '<option value="">-- Sélectionner un membre --</option>';
            
            members.forEach(member => {
                const option = document.createElement('option');
                option.value = member.id;
                option.textContent = `${member.firstName} ${member.lastName} (${member.email})`;
                select.appendChild(option);
            });
        })
        .catch(error => {
            console.error('Erreur lors du chargement des membres:', error);
            document.getElementById('memberSelect').innerHTML = '<option value="">Erreur de chargement</option>';
        });
});

function sendMemberEmail(type, attempt = null) {
    const memberId = document.getElementById('memberSelect').value;
    
    if (!memberId) {
        alert('Veuillez sélectionner un membre');
        return;
    }
    
    let url;
    switch(type) {
        case 'welcome':
            url = `{{ path('admin_email_test_welcome', {memberId: 'MEMBER_ID'}) }}`.replace('MEMBER_ID', memberId);
            break;
        case 'payment_failure':
            url = `{{ path('admin_email_test_payment_failure', {memberId: 'MEMBER_ID', attempt: 'ATTEMPT'}) }}`.replace('MEMBER_ID', memberId).replace('ATTEMPT', attempt);
            break;
        case 'suspension':
            url = `{{ path('admin_email_test_suspension', {memberId: 'MEMBER_ID'}) }}`.replace('MEMBER_ID', memberId);
            break;
        case 'recovery':
            url = `{{ path('admin_email_test_recovery', {memberId: 'MEMBER_ID'}) }}`.replace('MEMBER_ID', memberId);
            break;
        default:
            alert('Type d\'email non reconnu');
            return;
    }
    
    window.location.href = url;
}
</script>
{% endblock %}