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

{% block title %}Mon abonnement{% endblock %}

{% block body %}
<div class="container-fluid px-4">
    <div class="row mb-4">
        <div class="col-12">
            <h1 class="h3 mb-0">Mon abonnement</h1>
        </div>
    </div>

    {% if subscription %}
    <div class="row">
        <div class="col-lg-8">
            <div class="card shadow-sm mb-4">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h5 class="mb-0">Plan {{ subscription.plan.name }}</h5>
                    {% if subscription.status == 'trial' %}
                        <span class="badge bg-info">Essai gratuit</span>
                    {% elseif subscription.status == 'active' %}
                        <span class="badge bg-success">Actif</span>
                    {% elseif subscription.status == 'past_due' %}
                        <span class="badge bg-warning">Impayé</span>
                    {% elseif subscription.status == 'suspended' %}
                        <span class="badge bg-danger">Suspendu</span>
                    {% endif %}
                </div>
                <div class="card-body">
                    <div class="row mb-3">
                        <div class="col-md-6">
                            <p class="text-muted mb-1">Type de facturation</p>
                            <p class="mb-0">
                                {% if subscription.billingInterval == 'yearly' %}
                                    <strong>Annuel</strong> - {{ subscription.plan.priceYearly }} {{ subscription.plan.currency }}/an
                                {% else %}
                                    <strong>Mensuel</strong> - {{ subscription.plan.priceMonthly }} {{ subscription.plan.currency }}/mois
                                {% endif %}
                            </p>
                        </div>
                        <div class="col-md-6">
                            <p class="text-muted mb-1">Prochaine facturation</p>
                            <p class="mb-0">
                                {% if subscription.currentPeriodEnd %}
                                    <strong>{{ subscription.currentPeriodEnd|date('d/m/Y') }}</strong>
                                    {% set daysRemaining = subscription.daysUntilRenewal %}
                                    {% if daysRemaining %}
                                        <br><small class="text-muted">Dans {{ daysRemaining }} jour(s)</small>
                                    {% endif %}
                                {% else %}
                                    -
                                {% endif %}
                            </p>
                        </div>
                    </div>

                    {% if subscription.isInTrial %}
                    <div class="alert alert-info">
                        <i class="fas fa-info-circle"></i>
                        Vous êtes en période d'essai gratuit jusqu'au {{ subscription.trialEndDate|date('d/m/Y') }}
                    </div>
                    {% endif %}

                    {% if subscription.status == 'suspended' %}
                    <div class="alert alert-danger">
                        <i class="fas fa-exclamation-triangle"></i>
                        Votre abonnement est suspendu. Veuillez régler vos factures impayées pour le réactiver.
                    </div>
                    {% endif %}

                    <hr>

                    <h6 class="mb-3">Fonctionnalités incluses</h6>
                    <div class="row">
                        <div class="col-md-6">
                            <ul class="list-unstyled">
                                <li class="mb-2">
                                    <i class="fas fa-check-circle text-success"></i>
                                    {{ subscription.plan.maxSites == 9999 ? 'Sites illimités' : subscription.plan.maxSites ~ ' site(s)' }}
                                </li>
                                <li class="mb-2">
                                    <i class="fas fa-check-circle text-success"></i>
                                    {{ subscription.plan.maxPages == 9999 ? 'Pages illimitées' : subscription.plan.maxPages ~ ' pages' }}
                                </li>
                                <li class="mb-2">
                                    <i class="fas fa-check-circle text-success"></i>
                                    {{ (subscription.plan.maxStorage / 1024)|round }} GB de stockage
                                </li>
                            </ul>
                        </div>
                        <div class="col-md-6">
                            <ul class="list-unstyled">
                                {% if subscription.plan.customDomain %}
                                <li class="mb-2">
                                    <i class="fas fa-check-circle text-success"></i> Domaine personnalisé
                                </li>
                                {% endif %}
                                {% if subscription.plan.removeWatermark %}
                                <li class="mb-2">
                                    <i class="fas fa-check-circle text-success"></i> Sans watermark
                                </li>
                                {% endif %}
                                {% if subscription.plan.aiGeneration %}
                                <li class="mb-2">
                                    <i class="fas fa-check-circle text-success"></i> Génération IA
                                </li>
                                {% endif %}
                                {% if subscription.plan.prioritySupport %}
                                <li class="mb-2">
                                    <i class="fas fa-check-circle text-success"></i> Support prioritaire
                                </li>
                                {% endif %}
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="card-footer">
                    <a href="{{ path('user_billing_plans') }}" class="btn btn-primary">
                        <i class="fas fa-arrow-up"></i> Changer de plan
                    </a>
                    {% if subscription.autoRenew %}
                    <button class="btn btn-outline-danger" onclick="if(confirm('Êtes-vous sûr de vouloir annuler votre abonnement ?')) { /* TODO: implement */ }">
                        <i class="fas fa-times"></i> Annuler l'abonnement
                    </button>
                    {% endif %}
                </div>
            </div>
        </div>

        <div class="col-lg-4">
            <div class="card shadow-sm">
                <div class="card-header">
                    <h5 class="mb-0">Factures récentes</h5>
                </div>
                <div class="card-body">
                    <p class="text-muted">Consultez toutes vos factures</p>
                    <a href="{{ path('user_billing_invoices') }}" class="btn btn-outline-primary w-100">
                        <i class="fas fa-file-invoice"></i> Voir mes factures
                    </a>
                </div>
            </div>
        </div>
    </div>
    {% else %}
    <div class="row">
        <div class="col-12">
            <div class="alert alert-info">
                <h5><i class="fas fa-info-circle"></i> Aucun abonnement actif</h5>
                <p>Vous n'avez pas d'abonnement actif. Choisissez un plan pour commencer.</p>
                <a href="{{ path('user_billing_plans') }}" class="btn btn-primary">
                    <i class="fas fa-layer-group"></i> Voir les plans disponibles
                </a>
            </div>
        </div>
    </div>
    {% endif %}
</div>
{% endblock %}