{% extends "base.html" %}
{% load i18n %}

{% block content %}
<div class="container mt-5">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h1 class="h3">{% translate "Inventaires" %}</h1>
        <a href="{% url 'stock:inventory_create' %}" class="btn btn-primary">{% translate "Nouvel inventaire" %}</a>
    </div>
    <div class="table-responsive">
        <table class="table table-striped align-middle">
            <thead>
                <tr>
                    <th>{% translate "Inventaire" %}</th>
                    <th>{% translate "Emplacement" %}</th>
                    <th>{% translate "Entrepôt" %}</th>
                    <th>{% translate "Statut" %}</th>
                    <th>{% translate "Responsable" %}</th>
                    <th>{% translate "Articles" %}</th>
                    <th>{% translate "Dernière mise à jour" %}</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                {% for inventory in inventories %}
                    <tr>
                        <td><a href="{% url 'stock:inventory_detail' inventory.pk %}">#{{ inventory.id }}</a></td>
                        <td>{{ inventory.warehouse_location.name }}</td>
                        <td>{{ inventory.warehouse_location.warehouse.name }}</td>
                        <td>
                            <span class="badge d-inline-flex align-items-center gap-1
                                         bg-{% if inventory.status == 'validated' %}success{% elif inventory.status == 'in_progress' %}primary{% elif inventory.status == 'done' %}info{% else %}secondary{% endif %}">
                                <i class="bi {% if inventory.status == 'draft' %}bi-circle{% elif inventory.status == 'in_progress' %}bi-play-fill{% elif inventory.status == 'done' %}bi-flag-fill{% else %}bi-lock-fill{% endif %}"></i>
                                {{ inventory.get_status_display }}
                            </span>
                        </td>
                        <td>{{ inventory.performed_by|default:_("Non renseigné") }}</td>
                        <td>{{ inventory.total_items }}</td>
                        <td>{{ inventory.updated_at }}</td>
                        <td class="text-end">
                            <a href="{% url 'stock:inventory_detail' inventory.pk %}" class="btn btn-sm btn-outline-secondary" title="{% translate 'Voir' %}">
                                <i class="bi bi-eye"></i>
                            </a>
                        </td>
                    </tr>
                {% empty %}
                    <tr>
                        <td colspan="8" class="text-center text-muted py-4">{% translate "Aucun inventaire enregistré." %}</td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock content %}