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

{% set hub_title = 'Factures' %}
{% set hub_breadcrumbs = [
    { label: 'Fournisseurs', url: path('app_fournisseurs_hub') },
    { label: 'Factures' }
] %}

{% block title %}Factures 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">Factures fournisseur</h1>
    <p class="dashboard-hub__date">{{ current_date() }}</p>

    <div class="m-tile-grid">
        {# Row 1 #}
        {% include 'components/_dashboard_tile.html.twig' with {
            label: 'Recues', icon: 'fa-inbox',
            url: path('app_factures_recues'), color: 'navy',
            badge_count: count_received
        } only %}

        {% include 'components/_dashboard_tile.html.twig' with {
            label: 'A payer', icon: 'fa-coins',
            url: path('app_factures_a_payer'), color: 'gold',
            badge_count: count_to_pay
        } only %}

        {% include 'components/_dashboard_tile.html.twig' with {
            label: 'Archive', icon: 'fa-archive',
            url: path('app_factures_archive'), color: 'forest',
            badge_count: count_archived
        } only %}

        {# Row 2 #}
        {% include 'components/_dashboard_tile.html.twig' with {
            label: 'Avoirs', icon: 'fa-receipt',
            color: 'coral', disabled: true
        } only %}

        {% include 'components/_dashboard_tile.html.twig' with {
            label: 'Taxes TVA', icon: 'fa-calculator',
            url: path('app_taxes_tva'), color: 'purple'
        } only %}

        {% if is_granted('ROLE_GERANT') %}
            {% include 'components/_dashboard_tile.html.twig' with {
                label: 'Upload facture', icon: 'fa-upload',
                url: path('app_facture_upload'), color: 'green'
            } only %}
        {% else %}
            {% include 'components/_dashboard_tile.html.twig' with {
                label: 'Upload facture', icon: 'fa-upload',
                color: 'green', disabled: true,
                disabled_label: 'Gerant'
            } only %}
        {% endif %}
    </div>

    {% if count_overdue > 0 %}
    <div class="facture-hub-alert facture-hub-alert--danger">
        <i class="fas fa-exclamation-triangle"></i>
        <strong>{{ count_overdue }} facture{{ count_overdue > 1 ? 's' : '' }} en retard de paiement</strong>
        — <a href="{{ path('app_factures_a_payer') }}">Voir les factures</a>
    </div>
    {% endif %}
</div>
{% endblock %}