{% extends 'admin/hub/layout.html.twig' %}

{% set hub_title = 'Avoirs fournisseur' %}
{% set hub_breadcrumbs = [
    { label: 'Bons de livraison', url: path('app_bl_hub') },
    { label: 'Avoirs fournisseur' }
] %}

{% block title %}Avoirs fournisseur — Mercuriale.io{% endblock %}

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

{% block hub_content %}
<div class="dashboard-hub">
    <h1 class="dashboard-hub__title">Avoirs fournisseur</h1>

    <div class="m-tile-grid">
        {# Row 1 #}
        {% include 'components/_dashboard_tile.html.twig' with {
            label: 'Avoirs en attente', icon: 'fa-clock',
            url: path('app_avoirs_liste', {statut: 'DEMANDE'}), color: 'coral',
            badge_count: demande_count
        } only %}

        {% include 'components/_dashboard_tile.html.twig' with {
            label: 'Avoirs recus', icon: 'fa-check-circle',
            url: path('app_avoirs_liste', {statut: 'RECU'}), color: 'olive',
            badge_count: recu_count
        } only %}

        {% include 'components/_dashboard_tile.html.twig' with {
            label: 'Historique', icon: 'fa-history',
            url: path('app_avoirs_liste'), color: 'navy'
        } only %}

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

        {% include 'components/_dashboard_tile.html.twig' with {
            label: 'Par fournisseur', icon: 'fa-handshake',
            url: path('app_fournisseurs_liste'), color: 'teal'
        } only %}

        {% include 'components/_dashboard_tile.html.twig' with {
            label: 'Livraisons a valider', icon: 'fa-clipboard-check',
            url: path('app_bl_pending'), color: 'green'
        } only %}
    </div>
</div>
{% endblock %}