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

{% block title %}Test des Services - AEF{% endblock %}

{% block body %}
<div class="container mt-4">
    <h1 class="mb-4">🧪 Test des Services Métier</h1>
    
    <div class="alert alert-info">
        <strong>Phase 2 Terminée !</strong> Test des nouvelles entités et services créés.
    </div>

    {% for result in results %}
        <div class="card mb-4">
            <div class="card-header">
                <h3 class="mb-0">
                    {{ result.member.companyName }}
                    <span class="badge bg-{{ result.member.subscriptionPlan.value == 'FREE' ? 'secondary' : (result.member.subscriptionPlan.value == 'BASIC' ? 'primary' : (result.member.subscriptionPlan.value == 'PREMIUM' ? 'warning' : 'success')) }}">
                        {{ result.member.subscriptionPlan.value }}
                    </span>
                </h3>
                <small class="text-muted">{{ result.member.fullName }} - {{ result.member.email }}</small>
            </div>
            
            <div class="card-body">
                <div class="row">
                    <!-- Informations générales -->
                    <div class="col-md-6">
                        <h5>📍 Localisation</h5>
                        <ul class="list-unstyled">
                            <li><strong>Pays :</strong> {{ result.member.country ? result.member.country.name : 'Non défini' }}</li>
                            <li><strong>Région :</strong> {{ result.member.region ? result.member.region.name : 'Non définie' }}</li>
                            <li><strong>Département :</strong> {{ result.member.departement ? result.member.departement.name ~ ' (' ~ result.member.departement.code ~ ')' : 'Non défini' }}</li>
                            <li><strong>Ville :</strong> {{ result.member.city ? result.member.city.name : 'Non définie' }}</li>
                        </ul>

                        <h5>🎯 Spécialités</h5>
                        {% if result.specialties|length > 0 %}
                            <div class="mb-3">
                                {% for specialty in result.specialties %}
                                    <span class="badge bg-info me-1">{{ specialty.name }}</span>
                                {% endfor %}
                            </div>
                        {% else %}
                            <p class="text-muted">Aucune spécialité définie</p>
                        {% endif %}
                    </div>

                    <!-- Statistiques -->
                    <div class="col-md-6">
                        <h5>📊 Statistiques</h5>
                        <div class="row">
                            <div class="col-6">
                                <div class="card bg-light">
                                    <div class="card-body text-center">
                                        <h4 class="text-primary">{{ result.stats.total_items }}</h4>
                                        <small>Objets total</small>
                                    </div>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="card bg-light">
                                    <div class="card-body text-center">
                                        <h4 class="text-success">{{ result.stats.available_items }}</h4>
                                        <small>Disponibles</small>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="mt-3">
                            <h6>Limites d'abonnement</h6>
                            <div class="progress mb-2">
                                {% set percentage = result.stats.max_items_allowed ? (result.stats.total_items / result.stats.max_items_allowed * 100) : 0 %}
                                <div class="progress-bar" style="width: {{ percentage }}%"></div>
                            </div>
                            <small class="text-muted">
                                {{ result.stats.total_items }} / {{ result.stats.max_items_allowed ?: '∞' }} objets
                            </small>
                        </div>

                        <div class="mt-3">
                            <h6>État de l'abonnement</h6>
                            <ul class="list-unstyled">
                                <li>
                                    <span class="badge bg-{{ result.stats.subscription_active ? 'success' : 'danger' }}">
                                        {{ result.stats.subscription_active ? 'Actif' : 'Inactif' }}
                                    </span>
                                </li>
                                {% if result.stats.days_until_expiration %}
                                    <li class="mt-1">
                                        <small class="text-{{ result.stats.subscription_expiring_soon ? 'warning' : 'muted' }}">
                                            Expire dans {{ result.stats.days_until_expiration }} jours
                                        </small>
                                    </li>
                                {% endif %}
                                <li class="mt-1">
                                    <span class="badge bg-{{ result.stats.can_publish_more ? 'success' : 'warning' }}">
                                        {{ result.stats.can_publish_more ? 'Peut publier' : 'Limite atteinte' }}
                                    </span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- Description -->
                {% if result.member.description %}
                    <div class="mt-3">
                        <h6>Description</h6>
                        <p class="text-muted">{{ result.member.description }}</p>
                    </div>
                {% endif %}

                <!-- Site web -->
                {% if result.member.website %}
                    <div class="mt-2">
                        <a href="{{ result.member.website }}" target="_blank" class="btn btn-outline-primary btn-sm">
                            🌐 Visiter le site
                        </a>
                    </div>
                {% endif %}
            </div>
        </div>
    {% endfor %}

    <div class="mt-4">
        <a href="{{ path('app_home') }}" class="btn btn-secondary">← Retour à l'accueil</a>
        <a href="{{ path('app_test') }}" class="btn btn-info">Test des entités</a>
    </div>
</div>
{% endblock %}