{% extends 'layouts/app.html.twig' %}

{% block title %}Tableau de bord — Mercuriale.io{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('css/admin-dashboard.css') }}">
{% endblock %}

{% block content %}
<div class="dashboard-hub">
    <h1 class="dashboard-hub__title">Tableau de bord</h1>
    <p class="dashboard-hub__date">{{ current_date() }}</p>

    <div class="m-tile-grid">
        {# Row 1 #}
        {% include 'components/_dashboard_tile.html.twig' with {
            label: 'Bons de livraison', icon: 'fa-file-invoice-dollar',
            url: path('app_bl_hub'), color: 'olive',
            badge_count: alerte_count
        } only %}

        {% include 'components/_dashboard_tile.html.twig' with {
            label: 'Produits', icon: 'fa-basket-shopping',
            url: path('app_produits_hub'), color: 'purple'
        } only %}

        {% include 'components/_dashboard_tile.html.twig' with {
            label: 'Fournisseurs', icon: 'fa-handshake',
            url: path('app_fournisseurs_hub'), color: 'crimson'
        } only %}

        {# Row 2 #}
        {% include 'components/_dashboard_tile.html.twig' with {
            label: 'Statistiques', icon: 'fa-chart-bar',
            color: 'forest', disabled: true
        } only %}

        {% include 'components/_dashboard_tile.html.twig' with {
            label: 'Production', icon: 'fa-clipboard-list',
            color: 'orange', disabled: true
        } only %}

        {% include 'components/_dashboard_tile.html.twig' with {
            label: 'Profil', icon: 'fa-id-card',
            url: path('app_profil_hub'), color: 'cyan'
        } only %}
    </div>
</div>
{% endblock %}