{% extends "base.html" %}
{% block title %}Individualiser un élément — GMAO Collège{% endblock %}

{% block content %}
<div class="card">
    <div class="card-header">
        <i class="bi bi-box-arrow-up-right"></i> Individualiser un élément
    </div>
    <div class="card-body">
        <p class="mb-3">
            Créer un élément individuel à partir du groupe <strong>{{ equipment.name }}</strong>
            ({{ equipment.quantity }} unités).
        </p>
        
        <div class="alert alert-info">
            <i class="bi bi-info-circle"></i>
            L'élément sera numéroté <strong>n°{{ next_number }}</strong> et pourra être suivi indépendamment.
        </div>
        
        <form method="POST">
            {{ csrf_token() if csrf_token is defined }}
            
            <div class="mb-3">
                <label class="form-label">Numéro de l'élément</label>
                <input type="text" class="form-control" value="{{ next_number }}" disabled>
                <small class="text-muted">Attribué automatiquement</small>
            </div>
            
            <div class="mb-3">
                <label for="position" class="form-label">Position (optionnel)</label>
                <input type="text" class="form-control" id="position" name="position" 
                       placeholder="Ex: Rang 1, Place 3">
                <small class="text-muted">Localisation précise dans la salle</small>
            </div>
            
            <div class="mt-4">
                <button type="submit" class="btn btn-primary">
                    <i class="bi bi-check-lg"></i> Individualiser l'élément n°{{ next_number }}
                </button>
                <a href="{{ url_for('equipments.detail', id=equipment.id) }}" class="btn btn-outline-secondary">
                    Annuler
                </a>
            </div>
        </form>
    </div>
</div>
{% endblock %}