{% extends 'layout.html' %}

{% block title %}Ajouter une maintenance préventive{% endblock %}

{% block content %}
<div class="row mb-4">
    <div class="col-md-8">
        <h2 class="border-bottom pb-2">
            <i class="fas fa-calendar-plus me-2"></i>Ajouter une maintenance préventive
        </h2>
    </div>
    <div class="col-md-4 text-end">
        <a href="{{ url_for('liste_preventifs') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-left me-2"></i>Retour à la liste
        </a>
    </div>
</div>

<div class="card">
    <div class="card-header bg-primary text-white">
        <h5 class="mb-0"><i class="fas fa-plus-circle me-2"></i>Formulaire d'ajout</h5>
    </div>
    <div class="card-body">
        <form method="post" action="{{ url_for('ajouter_preventif') }}">
            <div class="row">
                <!-- Informations de base -->
                <div class="col-md-6 mb-4">
                    <div class="card h-100">
                        <div class="card-header bg-light">
                            <h5 class="mb-0">Informations de base</h5>
                        </div>
                        <div class="card-body">
                            <div class="mb-3">
                                <label for="numero" class="form-label">Numéro *</label>
                                <input type="text" class="form-control" id="numero" name="numero" required>
                                <small class="form-text text-muted">Identifiant unique de la maintenance préventive</small>
                            </div>
                            
                            <div class="mb-3">
                                <label for="mei_inv" class="form-label">Équipement *</label>
                                <select class="form-select" id="mei_inv" name="mei_inv" required>
                                    <option value="">Sélectionner un équipement</option>
                                    {% for equipement in equipements %}
                                    <option value="{{ equipement.id }}">{{ equipement.designation }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                            
                            <div class="mb-3">
                                <label for="date_prevu" class="form-label">Date prévue *</label>
                                <input type="date" class="form-control" id="date_prevu" name="date_prevu" required>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- Opérations à réaliser -->
                <div class="col-md-6 mb-4">
                    <div class="card h-100">
                        <div class="card-header bg-light">
                            <h5 class="mb-0">Opérations à réaliser</h5>
                        </div>
                        <div class="card-body">
                            <div class="mb-3">
                                <label class="form-label">Sélectionner les opérations *</label>
                                <div class="form-text mb-2">Cochez toutes les opérations qui s'appliquent à cette maintenance.</div>
                                
                                <div class="border p-3 bg-light" style="max-height: 200px; overflow-y: auto;">
                                    {% for operation in operations %}
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="{{ operation.id }}" id="op{{ operation.id }}" name="operations">
                                        <label class="form-check-label" for="op{{ operation.id }}">
                                            {{ operation.designation }}
                                        </label>
                                    </div>
                                    {% endfor %}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="text-end">
                <button type="submit" class="btn btn-primary">
                    <i class="fas fa-save me-2"></i>Enregistrer
                </button>
                <a href="{{ url_for('liste_preventifs') }}" class="btn btn-secondary">
                    <i class="fas fa-times me-2"></i>Annuler
                </a>
            </div>
        </form>
    </div>
</div>
{% endblock %}