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

{% block title %}{{ 'dashboard.subscription.title'|trans({'%name%': member.fullName}) }}{% endblock %}

{% block dashboard_content %}
<!-- Messages flash -->
    {% for type, messages in app.flashes %}
        {% for message in messages %}
            <div class="alert alert-{{ type == 'error' ? 'danger' : type }} alert-dismissible fade show">
                {{ message }}
                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            </div>
        {% endfor %}
    {% endfor %}

    <!-- Titre -->
    <div class="row mb-4">
        <div class="col-12">
            <h2>{{ 'dashboard.subscription.management'|trans }}</h2>
            <p class="text-muted">{{ 'dashboard.subscription.description'|trans }}</p>
        </div>
    </div>

    <!-- Plan actuel -->
    <div class="row mb-4">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">{{ 'dashboard.subscription.current_plan'|trans }}</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-8">
                            <h4>
                                {{ 'subscription.plan_title'|trans({'%plan%': member.subscriptionPlan.value}) }}
                                <span class="badge bg-primary">{{ member.subscriptionPlan.value }}</span>
                            </h4>
                            {% if member.subscriptionPlan.value == 'FREE' %}
                                <p class="text-muted">{{ 'subscription.plan.free.description'|trans }}</p>
                            {% elseif member.subscriptionPlan.value == 'BASIC' %}
                                <p class="text-muted">{{ 'subscription.plan.basic.description'|trans }}</p>
                            {% elseif member.subscriptionPlan.value == 'PREMIUM' %}
                                <p class="text-muted">{{ 'subscription.plan.premium.description'|trans }}</p>
                            {% elseif member.subscriptionPlan.value == 'GALLERY' %}
                                <p class="text-muted">{{ 'subscription.plan.gallery.description'|trans }}</p>
                            {% endif %}
                            
                            {% if member.subscriptionExpiresAt %}
                                <p><strong>{{ 'dashboard.subscription.renewal'|trans }}:</strong> {{ member.subscriptionExpiresAt|date('d/m/Y') }}</p>
                            {% endif %}
                        </div>
                        <div class="col-md-4 text-end">
                            {% if member.subscriptionPlan.value == 'FREE' %}
                                                                 <a href="{{ path('subscription_plans') }}" class="btn btn-success btn-lg">
                                    {{ 'dashboard.subscription.upgrade'|trans }}
                                </a>
                            {% else %}
                                <a href="{{ path('subscription_plans') }}" class="btn btn-outline-primary">
                                    {{ 'dashboard.subscription.change_plan'|trans }}
                                </a>
                            {% endif %}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Historique des abonnements -->
    {% if subscriptions|length > 0 %}
    <div class="row mb-4">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">{{ 'dashboard.subscription.history'|trans }}</h5>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-striped">
                            <thead>
                                <tr>
                                    <th>{{ 'dashboard.subscription.creation_date'|trans }}</th>
                                    <th>{{ 'dashboard.subscription.plan'|trans }}</th>
                                    <th>{{ 'dashboard.subscription.price'|trans }}</th>
                                    <th>{{ 'dashboard.subscription.status'|trans }}</th>
                                    <th>{{ 'dashboard.subscription.period'|trans }}</th>
                                    <th>{{ 'dashboard.subscription.actions'|trans }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for subscription in subscriptions %}
                                <tr>
                                    <td>{{ subscription.createdAt|date('d/m/Y H:i') }}</td>
                                    <td>
                                        {% set plan_class = 'basic' in subscription.stripePriceId ? 'primary' : ('premium' in subscription.stripePriceId ? 'success' : 'warning') %}
                                        <span class="badge bg-{{ plan_class }}">
                                            {% if 'basic' in subscription.stripePriceId %}
                                                {{ 'subscription.plan.basic.name'|trans }}
                                            {% elseif 'premium' in subscription.stripePriceId %}
                                                {{ 'subscription.plan.premium.name'|trans }}
                                            {% else %}
                                                {{ 'subscription.plan.gallery.name'|trans }}
                                            {% endif %}
                                        </span>
                                    </td>
                                    <td>{{ subscription.amount }}€ / {{ subscription.interval == 'month' ? 'subscription.interval.month'|trans : 'subscription.interval.year'|trans }}</td>
                                    <td>
                                        {% if subscription.isActive %}
                                            <span class="badge bg-success">{{ 'subscription.status.active'|trans }}</span>
                                        {% elseif subscription.isCanceled %}
                                            <span class="badge bg-danger">{{ 'subscription.status.canceled'|trans }}</span>
                                        {% else %}
                                            <span class="badge bg-secondary">{{ ('subscription.status.' ~ subscription.status|lower)|trans }}</span>
                                        {% endif %}
                                    </td>
                                    <td>
                                        {{ subscription.currentPeriodStart|date('d/m/Y') }} - {{ subscription.currentPeriodEnd|date('d/m/Y') }}
                                        {% if subscription.canceledAt %}
                                            <br><small class="text-muted">{{ 'dashboard.subscription.canceled_on'|trans({'%date%': subscription.canceledAt|date('d/m/Y')}) }}</small>
                                        {% endif %}
                                    </td>
                                    <td>
                                        {% if subscription.isActive %}
                                            {% if not subscription.willCancelAtPeriodEnd %}
                                                <form method="post" action="{{ path('member_dashboard_subscription_cancel', {id: subscription.id}) }}" style="display: inline;" onsubmit="return confirm('{{ 'dashboard.subscription.cancel_confirm'|trans }}')">
                                                    <button type="submit" class="btn btn-sm btn-outline-danger">
                                                        {{ 'dashboard.subscription.cancel'|trans }}
                                                    </button>
                                                </form>
                                            {% else %}
                                                <form method="post" action="{{ path('member_dashboard_subscription_reactivate', {id: subscription.id}) }}" style="display: inline;">
                                                    <button type="submit" class="btn btn-sm btn-outline-success">
                                                        {{ 'dashboard.subscription.reactivate'|trans }}
                                                    </button>
                                                </form>
                                            {% endif %}
                                        {% endif %}
                                    </td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {% endif %}

    <!-- Information sur les plans -->
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">{{ 'subscription.plans.title'|trans }}</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-3">
                            <div class="text-center p-3 border rounded">
                                <h6 class="text-muted">{{ 'subscription.plan.free.name'|trans }}</h6>
                                <h4>{{ 'subscription.plan.free.price'|trans }}</h4>
                                <p class="small">{{ 'subscription.plan.free.features'|trans }}</p>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="text-center p-3 border rounded">
                                <h6 class="text-primary">{{ 'subscription.plan.basic.name'|trans }}</h6>
                                <h4>{{ 'subscription.plan.basic.price'|trans }}</h4>
                                <p class="small">{{ 'subscription.plan.basic.features'|trans }}</p>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="text-center p-3 border rounded">
                                <h6 class="text-success">{{ 'subscription.plan.premium.name'|trans }}</h6>
                                <h4>{{ 'subscription.plan.premium.price'|trans }}</h4>
                                <p class="small">{{ 'subscription.plan.premium.features'|trans }}</p>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="text-center p-3 border rounded">
                                <h6 class="text-warning">{{ 'subscription.plan.gallery.name'|trans }}</h6>
                                <h4>{{ 'subscription.plan.gallery.price'|trans }}</h4>
                                <p class="small">{{ 'subscription.plan.gallery.features'|trans }}</p>
                            </div>
                        </div>
                    </div>
                    <div class="text-center mt-3">
                        <a href="{{ path('subscription_plans') }}" class="btn btn-primary">
                            {{ 'subscription.plans.view_all'|trans }}
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}