{% load i18n %}
{% if can_create_preparation_order or preparation_orders %}
        <div id="section-stock" class="card mb-4">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h4><i class="bi bi-box-seam"></i> {% translate "Stock" %}</h4>
                {% if can_create_preparation_order %}
                    <a href="{% url 'stock:new_preparation_order_from_intervention' intervention.id %}" 
                       class="btn btn-light border-0"
                       title="{% translate 'Créer un bon de préparation' %}">
                        <i class="bi bi-plus-circle text-primary"></i>
                    </a>
                {% endif %}
            </div>
            <div class="card-body">
                {% if preparation_orders %}
                    <div class="table-responsive">
                        <table class="table table-hover">
                            <thead>
                                <tr>
                                    <th>{% translate "Numéro" %}</th>
                                    <th>{% translate "Date" %}</th>
                                    <th>{% translate "Statut" %}</th>
                                    <th>{% translate "Articles" %}</th>
                                    <th>{% translate "Actions" %}</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for order in preparation_orders %}
                                <tr>
                                    <td><a href="{% url 'stock:preparation_order_detail' order.pk %}"><strong>{{ order.order_number }}</strong></a></td>
                                    <td>{{ order.date|date:"d/m/Y H:i" }}</td>
                                    <td>
                                        {% if order.status == 'to_process' %}
                                            <span class="badge bg-warning text-dark">
                                                <i class="bi bi-hourglass-split"></i> {{ order.get_status_display }}
                                            </span>
                                        {% elif order.status == 'pending' %}
                                            <span class="badge bg-info">
                                                <i class="bi bi-clock"></i> {{ order.get_status_display }}
                                            </span>
                                        {% elif order.status == 'processed' %}
                                            <span class="badge bg-success">
                                                <i class="bi bi-check-circle"></i> {{ order.get_status_display }}
                                            </span>
                                        {% endif %}
                                    </td>
                                    <td>
                                        {% with items=order.preparationorderitem_set.all %}
                                            {% if items %}
                                                <small>
                                                    {% for item in items|slice:":3" %}
                                                        {{ item.product.name }} ({{ item.quantity }}){% if not forloop.last %}, {% endif %}
                                                    {% endfor %}
                                                    {% if items.count > 3 %}
                                                        <span class="text-muted">... +{{ items.count|add:"-3" }}</span>
                                                    {% endif %}
                                                </small>
                                            {% else %}
                                                <span class="text-muted"><em>{% translate "Aucun article" %}</em></span>
                                            {% endif %}
                                        {% endwith %}
                                    </td>
                                    <td>
                                        <a href="{% url 'stock:preparation_order_detail' order.pk %}" 
                                           class="btn btn-sm btn-outline-primary"
                                           title="{% translate 'Voir les détails' %}">
                                            <i class="bi bi-eye"></i>
                                        </a>
                                    </td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                {% else %}
                    <p class="text-muted mb-0">
                        <i class="bi bi-info-circle"></i> 
                        {% translate "Aucun bon de préparation créé pour cette intervention." %}
                    </p>
                {% endif %}
            </div>
        </div>
        {% endif %}


        <!-- Follow-up reports -->