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

{% set hub_title = 'Produits' %}
{% set hub_breadcrumbs = [
    { label: 'Produits' }
] %}

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

    <div class="m-tile-grid">
        {# Row 1 #}
        {% include 'components/_dashboard_tile.html.twig' with {
            label: 'Litiges', icon: 'fa-gavel',
            color: 'crimson', disabled: true
        } only %}

        {% include 'components/_dashboard_tile.html.twig' with {
            label: 'Stocks', icon: 'fa-warehouse',
            color: 'coral', disabled: true
        } only %}

        {% include 'components/_dashboard_tile.html.twig' with {
            label: 'Liste produits', icon: 'fa-basket-shopping',
            url: path('app_produits_liste'), color: 'navy'
        } only %}

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

        {% include 'components/_dashboard_tile.html.twig' with {
            label: 'Ruptures fournisseurs', icon: 'fa-truck-ramp-box',
            color: 'orange', disabled: true
        } only %}

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