{% extends "base.html" %}
{% block title %}Ajouter des éléments — GMAO Collège{% endblock %}

{% block content %}
<h1 class="mb-4">
    <i class="bi bi-plus-circle"></i> Ajouter des éléments au groupe
</h1>

<div class="card">
    <div class="card-body">
        <div class="mb-3">
            <strong>{{ equipment.name }}</strong>
            {% if equipment.code %}<span class="text-muted">({{ equipment.code }})</span>{% endif %}
            <br>
            <span class="badge bg-info">{{ equipment.quantity }} unités</span>
            {% if equipment.tracked_individually %}
            <span class="badge bg-success">Suivi individuel obligatoire</span>
            {% else %}
            <span class="badge bg-secondary">Suivi individuel optionnel</span>
            {% endif %}
        </div>
        
        {% if equipment.tracked_individually %}
        <div class="alert alert-info">
            <i class="bi bi-info-circle"></i>
            Avec le suivi individuel obligatoire, {{ equipment.children.count() }} éléments sont déjà créés.
            L'ajout créera automatiquement les nouveaux éléments avec leur numéro.
        </div>
        {% else %}
        <div class="alert alert-info">
            <i class="bi bi-info-circle"></i>
            Les nouveaux éléments seront créés en tant qu'unités groupées. Vous pourrez les individualiser ultérieurement si besoin.
        </div>
        {% endif %}
        
        <form method="POST">
            {{ csrf_token() if csrf_token is defined }}
            
            <div class="mb-3">
                <label for="count" class="form-label">Nombre d'éléments à ajouter</label>
                <input type="number" class="form-control" id="count" name="count" 
                       min="1" max="100" value="1">
            </div>
            
            <div class="mt-4">
                <button type="submit" class="btn btn-primary">
                    <i class="bi bi-check-lg"></i> Ajouter
                </button>
                <a href="{{ url_for('equipments.detail', id=equipment.id) }}" class="btn btn-outline-secondary">
                    Annuler
                </a>
            </div>
        </form>
    </div>
</div>
{% endblock %}