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

{% set hub_title = 'Bons de livraison' %}
{% set hub_breadcrumbs = [
    { label: 'Bons de livraison' }
] %}

{% block title %}Bons de livraison — 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">Bons de livraison</h1>

    <div class="m-tile-grid">
        {# Row 1 #}
        {% include 'components/_dashboard_tile.html.twig' with {
            label: 'Livraisons a valider', icon: 'fa-clipboard-check',
            url: path('app_bl_pending'), color: 'coral',
            badge_count: pending_count
        } only %}

        {% include 'components/_dashboard_tile.html.twig' with {
            label: 'Alertes', icon: 'fa-triangle-exclamation',
            url: path('app_bl_alertes'), color: 'crimson',
            badge_count: alerte_count
        } only %}

        {% include 'components/_dashboard_tile.html.twig' with {
            label: 'Avoirs fournisseur', icon: 'fa-receipt',
            url: path('app_avoirs_hub'), color: 'gold'
        } only %}

        {# Row 2 #}
        {% include 'components/_dashboard_tile.html.twig' with {
            label: 'Bons de livraison', icon: 'fa-file-invoice-dollar',
            url: path('app_bl_liste'), color: 'navy'
        } only %}

        {% include 'components/_dashboard_tile.html.twig' with {
            label: 'Livraison en cours', icon: 'fa-truck',
            color: 'olive', disabled: true, disabled_label: 'Bientot'
        } only %}

        {% include 'components/_dashboard_tile.html.twig' with {
            label: 'Ajouter un bon', icon: 'fa-plus-circle',
            url: path('app_bl_upload'), color: 'green'
        } only %}
    </div>
</div>
{% endblock %}