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

{% block content %}
<div class="container mt-5">
    <h1 class="h3 mb-3">{% translate "Alertes de stock" %}</h1>
    <div class="table-responsive">
        <table class="table table-striped align-middle">
            <thead>
                <tr>
                    <th>{% translate "Produit" %}</th>
                    <th>{% translate "Entrepôt" %}</th>
                    <th>{% translate "Quantité actuelle" %}</th>
                    <th>{% translate "Seuil" %}</th>
                    <th>{% translate "Déclenchée le" %}</th>
                </tr>
            </thead>
            <tbody>
                {% for alert in alerts %}
                    <tr>
                        <td>{{ alert.product.name }}</td>
                        <td>{{ alert.warehouse.name }}</td>
                        <td>{{ alert.current_quantity }}</td>
                        <td>{{ alert.product.threshold }}</td>
                        <td>{{ alert.triggered_at }}</td>
                    </tr>
                {% empty %}
                    <tr>
                        <td colspan="5" class="text-center text-muted py-4">{% translate "Aucune alerte active." %}</td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>

    <h2 class="h4 mt-5 mb-3 text-danger"><i class="bi bi-exclamation-triangle me-1"></i>{% translate "Prêts de matériel en retard" %}</h2>
    <div class="table-responsive">
        <table class="table table-striped align-middle">
            <thead class="table-danger">
                <tr>
                    <th>{% translate "Lot" %}</th>
                    <th>{% translate "Bénéficiaire" %}</th>
                    <th>{% translate "Date du prêt" %}</th>
                    <th>{% translate "Date attendue" %}</th>
                    <th>{% translate "Articles" %}</th>
                    <th class="text-end">{% translate "Actions" %}</th>
                </tr>
            </thead>
            <tbody>
                {% for batch in overdue_batches %}
                    <tr>
                        <td>
                            <a href="{% url 'stock:stock_movement_batch_detail' batch.pk %}" class="fw-semibold">
                                Lot #{{ batch.pk }}
                            </a>
                            {% if batch.preparation_order %}
                                <br>
                                <small class="text-muted">
                                    {% translate "Bon" %} : <a href="{% url 'stock:preparation_order_detail' batch.preparation_order.pk %}">#{{ batch.preparation_order.order_number }}</a>
                                </small>
                            {% endif %}
                        </td>
                        <td>
                            {% if batch.person %}
                                <i class="bi bi-person text-muted me-1"></i>{{ batch.person.name }}
                            {% elif batch.company %}
                                <i class="bi bi-building text-muted me-1"></i>{{ batch.company.name }}
                            {% else %}
                                <span class="text-muted">—</span>
                            {% endif %}
                        </td>
                        <td>{{ batch.date|date:"d/m/Y" }}</td>
                        <td class="text-danger fw-bold">{{ batch.estimated_return_date|date:"d/m/Y" }}</td>
                        <td>
                            <ul class="list-unstyled mb-0 small">
                                {% for mv in batch.movements.all %}
                                    <li>• {{ mv.product.name }} (x{{ mv.quantity }})</li>
                                {% endfor %}
                            </ul>
                        </td>
                        <td class="text-end">
                            <form method="post" action="{% url 'stock:stock_movement_batch_toggle_loan_return' batch.pk %}" class="d-inline">
                                {% csrf_token %}
                                <input type="hidden" name="returned" value="true">
                                <button type="submit" class="btn btn-sm btn-success">
                                    <i class="bi bi-check2-circle me-1"></i>{% translate "Marquer comme retourné" %}
                                </button>
                            </form>
                        </td>
                    </tr>
                {% empty %}
                    <tr>
                        <td colspan="6" class="text-center text-muted py-4">{% translate "Aucun prêt en retard." %}</td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock content %}