{% extends 'layout.html' %}

{% block title %}Liste des gammes de maintenance{% endblock %}

{% block content %}
<div class="row mb-4">
    <div class="col-md-8">
        <h2 class="border-bottom pb-2">
            <i class="fas fa-clipboard-list me-2"></i>Gammes de maintenance
        </h2>
    </div>
    <div class="col-md-4 text-end">
        <a href="{{ url_for('ajouter_gamme') }}" class="btn btn-success">
            <i class="fas fa-plus me-2"></i>Ajouter une gamme
        </a>
    </div>
</div>

<!-- Filtres -->
<div class="card mb-4">
    <div class="card-header bg-light">
        <h5 class="mb-0"><i class="fas fa-filter me-2"></i>Filtres</h5>
    </div>
    <div class="card-body">
        <form method="get" action="{{ url_for('liste_gammes') }}">
            <div class="row">
                <div class="col-md-4 mb-3">
                    <label for="equipement" class="form-label">Équipement</label>
                    <select class="form-select" id="equipement" name="equipement">
                        <option value="">Tous les équipements</option>
                        {% for equipement in equipements %}
                        <option value="{{ equipement.id }}" {% if filtres.equipement|string == equipement.id|string %}selected{% endif %}>
                            {{ equipement.designation }}
                        </option>
                        {% endfor %}
                    </select>
                </div>
                <div class="col-md-3 mb-3">
                    <label for="element" class="form-label">Élément</label>
                    <input type="text" class="form-control" id="element" name="element" value="{{ filtres.element }}">
                </div>
                <div class="col-md-3 mb-3">
                    <label for="operation" class="form-label">Opération</label>
                    <select class="form-select" id="operation" name="operation">
                        <option value="">Toutes les opérations</option>
                        {% for operation in operations %}
                        <option value="{{ operation.id }}" {% if filtres.operation|string == operation.id|string %}selected{% endif %}>
                            {{ operation.designation }}
                        </option>
                        {% endfor %}
                    </select>
                </div>
                <div class="col-md-3 mb-3">
                    <label for="statut" class="form-label">Statut</label>
                    <select class="form-select" id="statut" name="statut">
                        <option value="">Tous les statuts</option>
                        <option value="oui" {% if filtres.statut == 'oui' %}selected{% endif %}>Éxécutée</option>
                        <option value="non" {% if filtres.statut == 'non' %}selected{% endif %}>Non exécutée</option>
                    </select>
                </div>
            </div>
            <div class="text-end">
                <button type="submit" class="btn btn-primary">
                    <i class="fas fa-search me-2"></i>Filtrer
                </button>
                <a href="{{ url_for('liste_gammes') }}" class="btn btn-secondary">
                    <i class="fas fa-undo me-2"></i>Réinitialiser
                </a>
            </div>
        </form>
    </div>
</div>

<!-- Liste des gammes -->
<div class="card">
    <div class="card-header bg-primary text-white">
        <h5 class="mb-0"><i class="fas fa-list me-2"></i>Liste des gammes de maintenance</h5>
    </div>
    <div class="card-body p-0">
        {% if gammes %}
        <div class="table-responsive">
            <table class="table table-striped table-hover mb-0">
                <thead>
                    <tr>
                        <th>Équipement</th>
                        <th>Élément</th>
                        <th>Opération</th>
                        <th>Exécutant</th>
                        <th>Périodicité</th>
                        <th>Statut</th>
                        <th class="text-center">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    {% for gamme in gammes %}
                    <tr>
                        <td>
                            {% if gamme.nom_equipement %}
                                <span class="badge bg-info">{{ gamme.nom_equipement }}</span>
                            {% else %}
                                <span class="badge bg-secondary">Non défini</span>
                                <small class="text-muted d-block">ID: {{ gamme.mei_ident or 'Aucun' }}</small>
                            {% endif %}
                        </td>
                        <td>{{ gamme.element }}</td>
                        <td>
                            {% if gamme.nom_operation %}
                                {{ gamme.nom_operation }}
                            {% else %}
                                <span class="badge bg-secondary">Non défini</span>
                                <small class="text-muted d-block">ID: {{ gamme.id_operation or 'Aucun' }}</small>
                            {% endif %}
                        </td>
                        <td>
                            {% if gamme.executant_nom %}
                                {{ gamme.executant_nom }} {{ gamme.executant_prenom }}
                            {% else %}
                                <span class="badge bg-secondary">Non défini</span>
                                <small class="text-muted d-block">ID: {{ gamme.executant or 'Aucun' }}</small>
                            {% endif %}
                        </td>
                        <td>
                            {% if gamme.periodicite == 'T' %}
                                <span class="badge bg-info">Trimestrielle</span>
                            {% elif gamme.periodicite == 'H' %}
                                <span class="badge bg-warning text-dark">Hebdomadaire</span>
                            {% elif gamme.periodicite == 'M' %}
                                <span class="badge bg-success">Mensuelle</span>
                            {% elif gamme.periodicite == 'J' or gamme.periodicite == 'Q' %}
                                <span class="badge bg-danger">Quotidienne</span>
                            {% elif gamme.periodicite == 'A' %}
                                <span class="badge bg-primary">Annuelle</span>
                            {% elif gamme.periodicite == 'S' %}
                                <span class="badge bg-secondary">Semestrielle</span>
                            {% else %}
                                <span class="badge bg-dark">{{ gamme.periodicite }}</span>
                            {% endif %}
                        </td>
                        <td>
                            <div class="d-flex align-items-center gap-2">
                                {% if gamme.execution == 'oui' %}
                                <span class="badge bg-success">Exécutée</span>
                                {% else %}
                                <span class="badge bg-warning text-dark">Non exécutée</span>
                                {% endif %}
                                <a href="{{ url_for('changer_statut_gamme', id=gamme.id) }}" class="btn btn-sm btn-outline-secondary" title="Changer le statut">
                                    <i class="fas fa-exchange-alt"></i>
                                </a>
                            </div>
                        </td>
                        <td class="text-center">
                            <div class="btn-group">
                                <a href="{{ url_for('voir_gamme', id=gamme.id) }}" class="btn btn-sm btn-info" title="Voir">
                                    <i class="fas fa-eye"></i>
                                </a>
                                <a href="{{ url_for('modifier_gamme', id=gamme.id) }}" class="btn btn-sm btn-primary" title="Modifier">
                                    <i class="fas fa-edit"></i>
                                </a>
                                <a href="{{ url_for('supprimer_gamme', id=gamme.id) }}" class="btn btn-sm btn-danger" 
                                   onclick="return confirm('Êtes-vous sûr de vouloir supprimer cette gamme ?')" title="Supprimer">
                                    <i class="fas fa-trash"></i>
                                </a>
                            </div>
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
        {% else %}
        <div class="alert alert-info m-3">
            <i class="fas fa-info-circle me-2"></i>Aucune gamme de maintenance trouvée.
        </div>
        {% endif %}
    </div>
</div>
{% endblock %}