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

{% block page_title %}
	Tableau de bord | BO
{% endblock %}

{% block name_title_page_top %}
	Tableau de bord
{% endblock %}

{% block real_page_content %}

    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">
                            <i class="fas fa-tachometer-alt"></i>
                            Bienvenue dans votre back-office
                        </h3>
                    </div>
                    <div class="sidebar-search-wrapper">
                        {% include 'admin/_search.html.twig' %}
                    </div>

                    <div class="card-body">
                        <p class="lead">Bienvenue dans votre interface de gestion.</p>
                        <p>Utilisez le menu de navigation à gauche pour accéder aux différentes sections.</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="row mt-4">
            <div class="col-md-3">
                <div class="card border-left-primary">
                    <div class="card-body">
                        <div class="row no-gutters align-items-center">
                            <div class="col mr-2">
                                <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">
                                    Annuaire
                                </div>
                                <div class="h5 mb-0 font-weight-bold text-gray-800">
                                    <a href="{{ ea_url().setRoute('annuaire') }}" class="text-decoration-none">
                                        <i class="fas fa-address-book"></i> Gérer l'annuaire
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-3">
                <div class="card border-left-success">
                    <div class="card-body">
                        <div class="row no-gutters align-items-center">
                            <div class="col mr-2">
                                <div class="text-xs font-weight-bold text-success text-uppercase mb-1">
                                    Artistes
                                </div>
                                <div class="h5 mb-0 font-weight-bold text-gray-800">
                                    <a href="{{ ea_url().setRoute('artistes') }}" class="text-decoration-none">
                                        <i class="fas fa-music"></i> Gérer les artistes
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-3">
                <div class="card border-left-info">
                    <div class="card-body">
                        <div class="row no-gutters align-items-center">
                            <div class="col mr-2">
                                <div class="text-xs font-weight-bold text-info text-uppercase mb-1">
                                    Événements
                                </div>
                                <div class="h5 mb-0 font-weight-bold text-gray-800">
                                    <a href="{{ ea_url().setRoute('evenements') }}" class="text-decoration-none">
                                        <i class="fas fa-calendar-alt"></i> Gérer les événements
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-3">
                <div class="card border-left-warning">
                    <div class="card-body">
                        <div class="row no-gutters align-items-center">
                            <div class="col mr-2">
                                <div class="text-xs font-weight-bold text-warning text-uppercase mb-1">
                                    Formations
                                </div>
                                <div class="h5 mb-0 font-weight-bold text-gray-800">
                                    <a href="{{ ea_url().setRoute('formations') }}" class="text-decoration-none">
                                        <i class="fas fa-graduation-cap"></i> Gérer les formations
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row mt-4">
            <div class="col-md-6">
                <div class="card">
                    <div class="card-header">
                        <h5 class="card-title mb-0">
                            <i class="fas fa-info-circle"></i>
                            Informations système
                        </h5>
                    </div>
                    <div class="card-body">
                        <ul class="list-unstyled">
                            <li><strong>Symfony :</strong> {{ constant('Symfony\\Component\\HttpKernel\\Kernel::VERSION') }}</li>
                            <li><strong>PHP :</strong> {{ constant('PHP_VERSION') }}</li>
                            <li><strong>Framework :</strong> EasyAdmin 4</li>
                            <li><strong>Asset Mapper :</strong> Activé</li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="col-md-6">
                <div class="card">
                    <div class="card-header">
                        <h5 class="card-title mb-0">
                            <i class="fas fa-tools"></i>
                            Actions rapides
                        </h5>
                    </div>
                    <div class="card-body">
                        <div class="list-group list-group-flush">
                            <a href="{{ ea_url().setRoute('annuaire_entree_creer') }}" class="list-group-item list-group-item-action">
                                <i class="fas fa-plus text-success"></i>
                                Créer une nouvelle entrée annuaire
                            </a>
                            <a href="{{ ea_url().setRoute('artistes_gestion') }}" class="list-group-item list-group-item-action">
                                <i class="fas fa-cogs text-primary"></i>
                                Gestion des artistes
                            </a>
                            <a href="{{ ea_url().setRoute('geolocale') }}" class="list-group-item list-group-item-action">
                                <i class="fas fa-globe text-info"></i>
                                Configuration géographique
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <style>
        .border-left-primary {
            border-left: 4px solid #007bff !important;
        }
        .border-left-success {
            border-left: 4px solid #28a745 !important;
        }
        .border-left-info {
            border-left: 4px solid #17a2b8 !important;
        }
        .border-left-warning {
            border-left: 4px solid #ffc107 !important;
        }
        .text-xs {
            font-size: 0.75rem;
        }
        .card:hover {
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: box-shadow 0.15s ease-in-out;
        }
    </style>
{% endblock %}