{% extends 'mobile/mobile_base.html' %}
{% load static %}
{% load i18n %}

{% block title %}{% translate "Stock" %}{% endblock title %}

{% block content %}
<div class="row g-3">
    <div class="col-12">
        <a class="card-link d-block" href="{% url 'mobile:stock_products_mobile' %}">
            <div class="icon-wrapper">
                <i class="bi bi-box-seam"></i>
            </div>
            <h2 class="fw-semibold">{% translate "Produits" %}</h2>
            <p>{% translate "Consulter les produits et niveaux de stock" %}</p>
        </a>
    </div>
    <div class="col-12">
        <a class="card-link d-block" href="{% url 'mobile:stock_preparation_orders_mobile' %}">
            <div class="icon-wrapper">
                <i class="bi bi-clipboard-check"></i>
            </div>
            <h2 class="fw-semibold">
                {% translate "Bons de préparation" %}
                {% if preparation_orders_count %}
                <span class="badge bg-danger ms-1" style="font-size:0.75rem;vertical-align:middle;">{{ preparation_orders_count }}</span>
                {% endif %}
            </h2>
            <p>{% translate "Suivre les bons de préparation de matériel" %}</p>
        </a>
    </div>
    <div class="col-12">
        <a class="card-link d-block" href="{% url 'mobile:stock_production_orders_mobile' %}">
            <div class="icon-wrapper">
                <i class="bi bi-tools"></i>
            </div>
            <h2 class="fw-semibold">
                {% translate "Bons de confection" %}
                {% if production_orders_count %}
                <span class="badge bg-danger ms-1" style="font-size:0.75rem;vertical-align:middle;">{{ production_orders_count }}</span>
                {% endif %}
            </h2>
            <p>{% translate "Suivre les ordres d'assemblage et de production" %}</p>
        </a>
    </div>
    <div class="col-12">
        <a class="card-link d-block" href="{% url 'mobile:stock_movements_mobile' %}">
            <div class="icon-wrapper">
                <i class="bi bi-arrow-left-right"></i>
            </div>
            <h2 class="fw-semibold">{% translate "Entrées / Sorties" %}</h2>
            <p>{% translate "Consulter les mouvements de stock" %}</p>
        </a>
    </div>
    <div class="col-12">
        <a class="card-link d-block" href="{% url 'mobile:stock_inventories_mobile' %}">
            <div class="icon-wrapper">
                <i class="bi bi-clipboard2-data"></i>
            </div>
            <h2 class="fw-semibold">{% translate "Inventaires" %}</h2>
            <p>{% translate "Accéder aux inventaires de stock" %}</p>
        </a>
    </div>
    <div class="col-12">
        <a class="card-link d-block" href="{% url 'mobile:stock_purchases_mobile' %}">
            <div class="icon-wrapper">
                <i class="bi bi-cart3"></i>
            </div>
            <h2 class="fw-semibold">{% translate "Commandes" %}</h2>
            <p>{% translate "Consulter les bons de commande fournisseurs" %}</p>
        </a>
    </div>
</div>
{% endblock content %}