{% extends "base.html" %}

{% block title %}Accueil - Analyse Bancaire{% endblock %}

{% block content %}
<div class="row">
    <div class="col-12">
        <div class="d-flex justify-content-between align-items-center mb-4">
            <h1 class="h2 mb-0">
                <i class="fas fa-home me-2"></i>
                Tableau de bord
            </h1>
            <div>
                <form method="POST" action="{{ url_for('extract_data') }}" class="d-inline">
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-sync-alt me-2"></i>
                        Analyser les nouveaux relevés
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>

<!-- Statistiques principales -->
{% if stats %}
<div class="row mb-4">
    <div class="col-md-3">
        <div class="stats-card">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <h6 class="mb-1">Total Transactions</h6>
                    <h3 class="mb-0">{{ stats.total_transactions|default(0) }}</h3>
                </div>
                <i class="fas fa-list fa-2x opacity-75"></i>
            </div>
        </div>
    </div>
    
    <div class="col-md-3">
        <div class="stats-card success">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <h6 class="mb-1">Total Revenus</h6>
                    <h3 class="mb-0">{{ "%.2f"|format(stats.total_revenus|default(0)) }} €</h3>
                </div>
                <i class="fas fa-arrow-up fa-2x opacity-75"></i>
            </div>
        </div>
    </div>
    
    <div class="col-md-3">
        <div class="stats-card danger">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <h6 class="mb-1">Total Dépenses</h6>
                    <h3 class="mb-0">{{ "%.2f"|format(stats.total_depenses|default(0)) }} €</h3>
                </div>
                <i class="fas fa-arrow-down fa-2x opacity-75"></i>
            </div>
        </div>
    </div>
    
    <div class="col-md-3">
        <div class="stats-card warning">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <h6 class="mb-1">Solde Net</h6>
                    <h3 class="mb-0">{{ "%.2f"|format((stats.total_revenus|default(0)) - (stats.total_depenses|default(0))) }} €</h3>
                </div>
                <i class="fas fa-balance-scale fa-2x opacity-75"></i>
            </div>
        </div>
    </div>
</div>
{% endif %}

<!-- Actions rapides -->
<div class="row mb-4">
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">
                    <i class="fas fa-bolt me-2"></i>
                    Actions rapides
                </h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-3 mb-3">
                        <a href="{{ url_for('dashboard') }}" class="btn btn-outline-primary w-100">
                            <i class="fas fa-chart-bar me-2"></i>
                            Voir les graphiques
                        </a>
                    </div>
                    <div class="col-md-3 mb-3">
                        <a href="{{ url_for('transactions') }}" class="btn btn-outline-info w-100">
                            <i class="fas fa-list me-2"></i>
                            Consulter les transactions
                        </a>
                    </div>
                    <div class="col-md-3 mb-3">
                        <a href="{{ url_for('categories') }}" class="btn btn-outline-success w-100">
                            <i class="fas fa-tags me-2"></i>
                            Gérer les catégories
                        </a>
                    </div>
                    <div class="col-md-3 mb-3">
                        <a href="{{ url_for('export_data') }}" class="btn btn-outline-warning w-100">
                            <i class="fas fa-download me-2"></i>
                            Exporter les données
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Résumé mensuel -->
{% if monthly_summary %}
<div class="row mb-4">
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">
                    <i class="fas fa-calendar-alt me-2"></i>
                    Résumé mensuel
                </h5>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th>Mois</th>
                                <th>Revenus</th>
                                <th>Dépenses</th>
                                <th>Solde Net</th>
                                <th>Transactions</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for month in monthly_summary %}
                            <tr>
                                <td>
                                    <strong>{{ month.mois }}/{{ month.annee }}</strong>
                                </td>
                                <td>
                                    <span class="text-success fw-bold">
                                        {{ "%.2f"|format(month.revenus|default(0)) }} €
                                    </span>
                                </td>
                                <td>
                                    <span class="text-danger fw-bold">
                                        {{ "%.2f"|format(month.depenses|default(0)) }} €
                                    </span>
                                </td>
                                <td>
                                    <span class="fw-bold {% if (month.revenus|default(0)) - (month.depenses|default(0)) >= 0 %}text-success{% else %}text-danger{% endif %}">
                                        {{ "%.2f"|format((month.revenus|default(0)) - (month.depenses|default(0))) }} €
                                    </span>
                                </td>
                                <td>
                                    <span class="badge bg-primary">{{ month.nb_transactions|default(0) }}</span>
                                </td>
                                <td>
                                    <a href="{{ url_for('month_detail', mois=month.mois, annee=month.annee) }}" 
                                       class="btn btn-sm btn-outline-primary">
                                        <i class="fas fa-eye me-1"></i>
                                        Détails
                                    </a>
                                </td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
{% endif %}

<!-- Fichiers traités -->
{% if processed_files %}
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">
                    <i class="fas fa-file-pdf me-2"></i>
                    Fichiers traités
                </h5>
            </div>
            <div class="card-body">
                <div class="row">
                    {% for file in processed_files %}
                    <div class="col-md-6 col-lg-4 mb-2">
                        <div class="d-flex align-items-center p-2 bg-light rounded">
                            <i class="fas fa-file-pdf text-danger me-2"></i>
                            <small class="text-muted">{{ file }}</small>
                        </div>
                    </div>
                    {% endfor %}
                </div>
            </div>
        </div>
    </div>
</div>
{% endif %}

<!-- Message si aucune donnée -->
{% if not stats and not monthly_summary %}
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body text-center py-5">
                <i class="fas fa-chart-line fa-4x text-muted mb-3"></i>
                <h4 class="text-muted">Aucune donnée disponible</h4>
                <p class="text-muted mb-4">
                    Commencez par analyser vos relevés bancaires pour voir vos données ici.
                </p>
                <form method="POST" action="{{ url_for('extract_data') }}">
                    <button type="submit" class="btn btn-primary btn-lg">
                        <i class="fas fa-sync-alt me-2"></i>
                        Analyser les relevés
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>
{% endif %}
{% endblock %}