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

{% block title %}{{ 'dashboard.title'|trans }} - {{ member.fullName }}{% endblock %}

{% block dashboard_content %}
<div class="container mt-4">




    <!-- ALERTE VENDEUR - Section prioritaire -->
    {% if not member.hasStripeConnectAccount or not member.canReceivePayments %}
    <div class="row mb-4">
        <div class="col-12">
            <div class="alert alert-warning alert-dismissible fade show border-0 shadow-sm" role="alert">
                <div class="row align-items-center">
                    <div class="col-md-8">
                        <h5 class="alert-heading mb-2">
                            <i class="bi bi-exclamation-triangle-fill me-2"></i>
                            {% if not member.hasStripeConnectAccount %}
                                Activez votre espace vendeur professionnel
                            {% else %}
                                Complétez votre configuration vendeur
                            {% endif %}
                        </h5>
                        <p class="mb-2">
                            {% if not member.hasStripeConnectAccount %}
                                Configurez votre compte vendeur pour recevoir des paiements sécurisés et gérer vos commandes en toute sérénité.
                            {% else %}
                                Votre compte vendeur nécessite des informations supplémentaires pour recevoir des paiements.
                            {% endif %}
                        </p>
                        <small class="text-muted">
                            <i class="bi bi-shield-check me-1"></i>
                            Sécurisé par Stripe • Commission 5% • Transferts automatiques
                        </small>
                    </div>
                    <div class="col-md-4 text-end">
                        <a href="{{ path('dashboard_stripe_connect') }}" class="btn btn-warning btn-lg">
                            <i class="bi bi-shop me-2"></i>
                            {% if not member.hasStripeConnectAccount %}
                                Configurer maintenant
                            {% else %}
                                Compléter
                            {% endif %}
                        </a>
                    </div>
                </div>
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        </div>
         </div>
     {% endif %}

     <!-- Espace Vendeur Avancé (si configuré) -->
     {% if member.hasStripeConnectAccount %}
     <div class="row mb-4">
         <div class="col-12">
             <div class="card border-success">
                 <div class="card-header bg-success text-white">
                     <h5 class="mb-0">
                         <i class="bi bi-shop me-2"></i>
                         Espace Vendeur Professionnel
                         {% if member.canReceivePayments %}
                             <span class="badge bg-light text-success ms-2">✓ Activé</span>
                         {% else %}
                             <span class="badge bg-warning ms-2">⚠ Configuration requise</span>
                         {% endif %}
                     </h5>
                 </div>
                 <div class="card-body">
                     <div class="row">
                         <div class="col-md-3 mb-3">
                             <a href="{{ path('seller_order_index') }}" class="btn btn-outline-primary w-100 h-100 d-flex flex-column justify-content-center">
                                 <i class="bi bi-receipt fs-2 mb-2"></i>
                                 <strong>Mes Commandes</strong>
                                 <small class="text-muted">Gérer les ventes</small>
                                 <span class="badge bg-primary mt-1">0 nouvelles</span>
                             </a>
                         </div>
                         <div class="col-md-3 mb-3">
                             <a href="{{ path('seller_quote_index') }}" class="btn btn-outline-info w-100 h-100 d-flex flex-column justify-content-center">
                                 <i class="bi bi-file-earmark-text fs-2 mb-2"></i>
                                 <strong>Devis Livraison</strong>
                                 <small class="text-muted">Proposer des tarifs</small>
                                 <span class="badge bg-info mt-1">0 en attente</span>
                             </a>
                         </div>
                         <div class="col-md-3 mb-3">
                             <a href="{{ path('seller_finance_index') }}" class="btn btn-outline-success w-100 h-100 d-flex flex-column justify-content-center">
                                 <i class="bi bi-graph-up fs-2 mb-2"></i>
                                 <strong>Finances</strong>
                                 <small class="text-muted">Revenus & Bilans</small>
                                 <span class="badge bg-success mt-1">0 € ce mois</span>
                             </a>
                         </div>
                         <div class="col-md-3 mb-3">
                             <a href="{{ path('dashboard_stripe_connect') }}" class="btn btn-outline-warning w-100 h-100 d-flex flex-column justify-content-center">
                                 <i class="bi bi-gear fs-2 mb-2"></i>
                                 <strong>Configuration</strong>
                                 <small class="text-muted">Paramètres vendeur</small>
                                 {% if not member.canReceivePayments %}
                                     <span class="badge bg-warning mt-1">Action requise</span>
                                 {% else %}
                                     <span class="badge bg-success mt-1">✓ Configuré</span>
                                 {% endif %}
                             </a>
                         </div>
                     </div>
                 </div>
             </div>
         </div>
     </div>
     {% endif %}

     <!-- Abonnement actuel -->
    {% if activeSubscription %}
    <div class="row mb-4">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">{{ 'dashboard.current_subscription'|trans }}</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <p><strong>{{ 'dashboard.plan'|trans }} :</strong> {{ member.subscriptionPlan.value }}</p>
                            <p><strong>{{ 'common.price'|trans }} :</strong> {{ activeSubscription.amount }}€ / {{ activeSubscription.interval == 'month' ? 'dashboard.month'|trans : 'dashboard.year'|trans }}</p>
                            <p><strong>{{ 'dashboard.status'|trans }} :</strong> 
                                <span class="badge bg-success">{{ activeSubscription.status|upper }}</span>
                            </p>
                        </div>
                        <div class="col-md-6">
                            <p><strong>{{ 'dashboard.period_start'|trans }} :</strong> {{ activeSubscription.currentPeriodStart|date('d/m/Y') }}</p>
                            <p><strong>{{ 'dashboard.period_end'|trans }} :</strong> {{ activeSubscription.currentPeriodEnd|date('d/m/Y') }}</p>
                            {% if activeSubscription.canceledAt %}
                                <p><strong>{{ 'dashboard.canceled_on'|trans }} :</strong> {{ activeSubscription.canceledAt|date('d/m/Y H:i') }}</p>
                                <p class="text-warning">{{ 'dashboard.subscription_will_end'|trans({'%date%': activeSubscription.currentPeriodEnd|date('d/m/Y')}) }}</p>
                            {% endif %}
                        </div>
                    </div>
                    
                    <div class="mt-3">
                        <a href="{{ path('member_dashboard_subscription') }}" class="btn btn-primary">{{ 'dashboard.manage_subscription'|trans }}</a>
                        {% if member.subscriptionPlan.value == 'FREE' %}
                            <a href="{{ path('subscription_plans') }}" class="btn btn-success">{{ 'dashboard.upgrade'|trans }}</a>
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
    </div>
    {% else %}
    <!-- Pas d'abonnement -->
    <div class="row mb-4">
        <div class="col-12">
            <div class="alert alert-info">
                <h5>{{ 'dashboard.free_plan'|trans }}</h5>
                <p>{{ 'dashboard.free_plan_description'|trans }}</p>
                <a href="{{ path('subscription_plans') }}" class="btn btn-success">{{ 'dashboard.choose_plan'|trans }}</a>
            </div>
        </div>
    </div>
    {% endif %}

    <!-- Statistiques -->
    <div class="row mb-4">
        <div class="col-md-3 mb-3">
            <div class="card bg-primary text-white">
                <div class="card-body text-center">
                    <i class="fas fa-gem fa-2x mb-2"></i>
                    <h4 class="mb-0">{{ stats.items.total }}</h4>
                    <small>{{ 'dashboard.stats.total_objects'|trans }}</small>
                </div>
            </div>
        </div>
        <div class="col-md-3 mb-3">
            <div class="card bg-success text-white">
                <div class="card-body text-center">
                    <i class="fas fa-shopping-cart fa-2x mb-2"></i>
                    <h4 class="mb-0">{{ stats.items.sold }}</h4>
                    <small>{{ 'dashboard.stats.sold_objects'|trans }}</small>
                </div>
            </div>
        </div>
        <div class="col-md-3 mb-3">
            <div class="card bg-warning text-white">
                <div class="card-body text-center">
                    <i class="fas fa-eye fa-2x mb-2"></i>
                    <h4 class="mb-0">{{ stats.items.available }}</h4>
                    <small>{{ 'dashboard.stats.available_objects'|trans }}</small>
                </div>
            </div>
        </div>
        <div class="col-md-3 mb-3">
            <div class="card bg-info text-white">
                <div class="card-body text-center">
                    <i class="fas fa-euro-sign fa-2x mb-2"></i>
                    <h4 class="mb-0">{{ (stats.financial.total_value)|number_format(0, ',', ' ') }}€</h4>
                    <small>{{ 'dashboard.stats.total_value'|trans }}</small>
                </div>
            </div>
        </div>
    </div>

    <!-- Graphiques et analyses -->
    <div class="row mb-4">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">
                        <i class="fas fa-chart-bar me-2"></i>
                        {{ 'dashboard.objects_overview'|trans }}
                    </h5>
                </div>
                <div class="card-body">
                    <div class="row mb-3">
                        <div class="col-6">
                            <div class="d-flex align-items-center">
                                <div class="flex-shrink-0">
                                    <div class="bg-success rounded-circle p-2">
                                        <i class="fas fa-check text-white"></i>
                                    </div>
                                </div>
                                <div class="flex-grow-1 ms-3">
                                    <div class="fw-bold">{{ stats.items.available }} {{ 'dashboard.available'|trans }}</div>
                                    <div class="text-muted small">{{ 'dashboard.ready_to_sell'|trans }}</div>
                                </div>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="d-flex align-items-center">
                                <div class="flex-shrink-0">
                                    <div class="bg-secondary rounded-circle p-2">
                                        <i class="fas fa-edit text-white"></i>
                                    </div>
                                </div>
                                <div class="flex-grow-1 ms-3">
                                    <div class="fw-bold">{{ stats.items.draft }} {{ 'dashboard.drafts'|trans }}</div>
                                    <div class="text-muted small">{{ 'dashboard.in_progress'|trans }}</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="col-6">
                            <div class="d-flex align-items-center">
                                <div class="flex-shrink-0">
                                    <div class="bg-warning rounded-circle p-2">
                                        <i class="fas fa-hourglass-half text-white"></i>
                                    </div>
                                </div>
                                <div class="flex-grow-1 ms-3">
                                    <div class="fw-bold">{{ stats.items.reserved }} {{ 'dashboard.reserved'|trans }}</div>
                                    <div class="text-muted small">{{ 'dashboard.in_negotiation'|trans }}</div>
                                </div>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="d-flex align-items-center">
                                <div class="flex-shrink-0">
                                    <div class="bg-success rounded-circle p-2">
                                        <i class="fas fa-handshake text-white"></i>
                                    </div>
                                </div>
                                <div class="flex-grow-1 ms-3">
                                    <div class="fw-bold">{{ stats.items.sold }} Vendus</div>
                                    <div class="text-muted small">Transactions terminées</div>
                                </div>
                            </div>
                        </div>
                    </div>

                    {% if stats.items.total > 0 %}
                        <div class="mt-4">
                            <div class="row">
                                <div class="col-6">
                                    <div class="text-center">
                                        <div class="h4 text-success">{{ (stats.performance.conversion_rate)|number_format(1) }}%</div>
                                        <div class="text-muted small">Taux de conversion</div>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="text-center">
                                        <div class="h4 text-info">{{ (stats.performance.completion_rate)|number_format(1) }}%</div>
                                        <div class="text-muted small">Objets publiés</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <!-- Répartition par catégories -->
            <div class="card">
                <div class="card-header">
                    <h6 class="mb-0">
                        <i class="fas fa-tags me-2"></i>
                        Par catégories
                    </h6>
                </div>
                <div class="card-body">
                    {% if stats.categories|length > 0 %}
                        {% for category in stats.categories|slice(0, 5) %}
                            <div class="d-flex justify-content-between align-items-center mb-2">
                                <span class="text-truncate">{{ category.category_name ?: 'Non classé' }}</span>
                                <span class="badge bg-primary">{{ category.item_count }}</span>
                            </div>
                        {% endfor %}
                        {% if stats.categories|length > 5 %}
                            <div class="text-center mt-2">
                                <small class="text-muted">
                                    et {{ stats.categories|length - 5 }} autres...
                                </small>
                            </div>
                        {% endif %}
                    {% else %}
                        <div class="text-center text-muted">
                            <i class="fas fa-tags fa-2x mb-2"></i>
                            <p class="mb-0">Aucun objet encore</p>
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>



    <!-- Actions rapides -->
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">Actions rapides</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-3 mb-3">
                            <a href="{{ path('app_dashboard_items_new') }}" class="btn btn-primary w-100">
                                <i class="fas fa-plus me-2"></i>
                                Ajouter un objet
                            </a>
                        </div>
                        <div class="col-md-3 mb-3">
                            <a href="{{ path('app_dashboard_items') }}" class="btn btn-outline-primary w-100">
                                <i class="fas fa-gem me-2"></i>
                                Gérer mes objets
                            </a>
                        </div>
                        <div class="col-md-3 mb-3">
                            <a href="{{ path('member_dashboard_profile') }}" class="btn btn-outline-secondary w-100">
                                <i class="fas fa-user me-2"></i>
                                Modifier le profil
                            </a>
                        </div>
                        <div class="col-md-3 mb-3">
                            {% if member.slug %}
                                <a href="{{ path('app_store_show', {slug: member.slug, locale: 'fr'}) }}" class="btn btn-outline-success w-100" target="_blank">
                                    <i class="fas fa-external-link-alt me-2"></i>
                                    Profil public
                                </a>
                            {% else %}
                                <span class="btn btn-outline-secondary w-100 disabled">
                                    <i class="fas fa-external-link-alt me-2"></i>
                                    Profil en préparation
                                </span>
                            {% endif %}
                        </div>
                    </div>

                    {% if stats.items.recent > 0 %}
                        <div class="alert alert-info mt-3">
                            <i class="fas fa-info-circle me-2"></i>
                            Vous avez ajouté <strong>{{ stats.items.recent }}</strong> objet{{ stats.items.recent > 1 ? 's' : '' }} ces 30 derniers jours.
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
</div>


{% endblock %}