{% extends 'layout.html' %}

{% block title %}Détails de l'opérateur{% endblock %}

{% block content %}
<div class="row mb-4">
    <div class="col-md-8">
        <h2 class="border-bottom pb-2">
            <i class="fas fa-user me-2"></i>{{ operateur.prenom }} {{ operateur.nom }}
        </h2>
    </div>
    <div class="col-md-4 text-end">
        <a href="{{ url_for('liste_operateurs') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-left me-2"></i>Retour à la liste
        </a>
    </div>
</div>

<div class="row">
    <!-- Informations personnelles -->
    <div class="col-md-6 mb-4">
        <div class="card h-100">
            <div class="card-header bg-primary text-white">
                <h5 class="mb-0"><i class="fas fa-id-card me-2"></i>Informations personnelles</h5>
            </div>
            <div class="card-body">
                <table class="table table-bordered">
                    <tr>
                        <th style="width: 40%">Code</th>
                        <td>{{ operateur.code }}</td>
                    </tr>
                    <tr>
                        <th>Nom</th>
                        <td>{{ operateur.nom }}</td>
                    </tr>
                    <tr>
                        <th>Prénom</th>
                        <td>{{ operateur.prenom }}</td>
                    </tr>
                    <tr>
                        <th>Fonction</th>
                        <td>{{ operateur.fonction }}</td>
                    </tr>
                    <tr>
                        <th>Spécialité</th>
                        <td>{{ operateur.specialite }}</td>
                    </tr>
                    <tr>
                        <th>Diplôme</th>
                        <td>{{ operateur.diplome or '-' }}</td>
                    </tr>
                    <tr>
                        <th>Statut</th>
                        <td>
                            {% if operateur.occupe == 'oui' %}
                            <span class="badge bg-danger">Occupé</span>
                            {% else %}
                            <span class="badge bg-success">Disponible</span>
                            {% endif %}
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
    
    <!-- Actions -->
    <div class="col-md-6 mb-4">
        <div class="card h-100">
            <div class="card-header bg-light">
                <h5 class="mb-0"><i class="fas fa-tools me-2"></i>Actions</h5>
            </div>
            <div class="card-body">
                <div class="d-grid gap-2">
                    <a href="{{ url_for('modifier_operateur', id=operateur.id) }}" class="btn btn-primary">
                        <i class="fas fa-edit me-2"></i>Modifier l'opérateur
                    </a>
                    <a href="{{ url_for('supprimer_operateur', id=operateur.id) }}" class="btn btn-danger" 
                       onclick="return confirm('Êtes-vous sûr de vouloir supprimer cet opérateur ?')">
                        <i class="fas fa-trash me-2"></i>Supprimer l'opérateur
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Interventions associées -->
<div class="card mb-4">
    <div class="card-header bg-primary text-white">
        <h5 class="mb-0"><i class="fas fa-clipboard-list me-2"></i>Interventions associées</h5>
    </div>
    <div class="card-body p-0">
        {% if interventions %}
        <div class="table-responsive">
            <table class="table table-striped table-hover mb-0">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Date</th>
                        <th>Équipement</th>
                        <th>Description</th>
                        <th>Statut</th>
                        <th class="text-center">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    {% for intervention in interventions %}
                    <tr>
                        <td>{{ intervention.id }}</td>
                        <td>{{ intervention.date_debut }}</td>
                        <td>{{ intervention.equipement }}</td>
                        <td>{{ intervention.description }}</td>
                        <td>
                            {% if intervention.statut == 'Terminée' %}
                            <span class="badge bg-success">Terminée</span>
                            {% elif intervention.statut == 'En cours' %}
                            <span class="badge bg-warning text-dark">En cours</span>
                            {% else %}
                            <span class="badge bg-secondary">{{ intervention.statut }}</span>
                            {% endif %}
                        </td>
                        <td class="text-center">
                            <a href="{{ url_for('voir_intervention', id=intervention.id) }}" class="btn btn-sm btn-info" title="Voir">
                                <i class="fas fa-eye"></i>
                            </a>
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
        {% else %}
        <div class="alert alert-info m-3">
            <i class="fas fa-info-circle me-2"></i>Aucune intervention associée à cet opérateur.
        </div>
        {% endif %}
    </div>
</div>
{% endblock %}