{% extends "base.html" %}

{% block title %}Individualiser — GMAO{% endblock %}

{% block content %}
<div class="container-fluid">
    <div class="row mb-4">
        <div class="col">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ url_for('equipments.index') }}">Équipements</a></li>
                    <li class="breadcrumb-item"><a href="{{ url_for('equipments.detail', id=equipment.id) }}">{{ equipment.name }}</a></li>
                    <li class="breadcrumb-item active">Individualiser</li>
                </ol>
            </nav>
            <h1 class="h3">
                <i class="bi bi-box-arrow-up-right me-2"></i>
                Individualiser l'équipement
            </h1>
        </div>
    </div>

    <div class="row">
        <div class="col-md-6">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">{{ equipment.name }}</h5>
                    <p class="text-muted">
                        Cet élément appartient au groupe: <strong>{{ equipment.parent.name }}</strong><br>
                        Individualiser cet élément le rendra indépendant du groupe.
                    </p>
                </div>
            </div>

            <form method="POST" action="{{ url_for('equipments.individualize', id=equipment.id) }}">
                <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                
                <div class="alert alert-warning mt-3">
                    <i class="bi bi-exclamation-triangle me-2"></i>
                    Cette action est irréversible. L'équipement sera dissocié du groupe parent.
                </div>
                
                <div class="d-flex gap-2 mt-4">
                    <button type="submit" class="btn btn-warning">
                        <i class="bi bi-box-arrow-up-right me-1"></i> Individualiser
                    </button>
                    <a href="{{ url_for('equipments.detail', id=equipment.id) }}" class="btn btn-secondary">
                        <i class="bi bi-arrow-left me-1"></i> Annuler
                    </a>
                </div>
            </form>
        </div>
    </div>
</div>
{% endblock %}