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

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

{% block title %}Liste bons de livraison — Mercuriale.io{% endblock %}

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

{% block hub_content %}
<div class="hub-content">
    <h1 class="hub-title"><i class="fas fa-file-invoice-dollar"></i> Bons de livraison</h1>

    {# Stats #}
    <div class="hub-stats">
        <div class="hub-stat-card">
            <div class="hub-stat-card__value">{{ bl_count }}</div>
            <div class="hub-stat-card__label">bons de livraison valides</div>
        </div>
    </div>

    {# Search + List #}
    <div data-controller="search-filter">
        <div class="bl-liste-search">
            <input type="text"
                   class="bl-liste-search__input"
                   data-search-filter-target="input"
                   data-action="input->search-filter#filter"
                   placeholder="Rechercher un BL (numero, fournisseur...)">
        </div>

        {% if bons_livraison is empty %}
            <div class="bl-liste-empty">
                <i class="fas fa-file-invoice-dollar"></i>
                <p>Aucun bon de livraison valide pour cet etablissement.</p>
            </div>
        {% else %}
            <div class="bl-liste-rows" data-search-filter-target="list">
                {% for row in bons_livraison %}
                    {% set bl = row.bl %}
                    <a href="{{ path('app_bl_show', {id: bl.id}) }}"
                       class="bl-liste-row"
                       data-search-filter-target="item"
                       data-search="{{ (bl.numeroBl ?? '')|lower }} {{ bl.fournisseur ? bl.fournisseur.nom|lower : '' }} {{ bl.dateLivraison|date('d/m/Y') }}">
                        <span class="bl-liste-row__numero">{{ bl.numeroBl ? 'BL ' ~ bl.numeroBl : 'BL #' ~ bl.id }}</span>
                        <span class="bl-liste-row__date">{{ bl.dateLivraison|date('d/m/Y') }}</span>
                        <span class="bl-liste-row__fournisseur">{{ bl.fournisseur ? bl.fournisseur.nom : '—' }}</span>
                        {% if bl.avoirs is not empty %}
                            {% include 'components/_status_badge.html.twig' with {
                                label: 'Avoir',
                                variant: 'coral',
                                size: 'sm'
                            } only %}
                        {% endif %}
                        {% if row.alertCount > 0 %}
                            {% include 'components/_status_badge.html.twig' with {
                                label: row.alertCount ~ ' alerte' ~ (row.alertCount > 1 ? 's' : ''),
                                variant: 'warning',
                                size: 'sm'
                            } only %}
                        {% endif %}
                    </a>
                {% endfor %}
            </div>
        {% endif %}
    </div>
{% endblock %}