{% extends 'layout.html' %}

{% block title %}Détails du rapport de contrôle{% endblock %}

{% block content %}
<div class="row mb-4">
    <div class="col-md-8">
        <h2 class="border-bottom pb-2">
            <i class="fas fa-file-alt me-2"></i>Rapport de contrôle n° {{ rapport.num }}
        </h2>
    </div>
    <div class="col-md-4 text-end">
        <div class="btn-group">
            <a href="{{ url_for('liste_rapports') }}" class="btn btn-secondary">
                <i class="fas fa-arrow-left me-2"></i>Retour à la liste
            </a>
            <a href="{{ url_for('modifier_rapport', id=rapport.id) }}" class="btn btn-primary">
                <i class="fas fa-edit me-2"></i>Modifier
            </a>
        </div>
    </div>
</div>

<div class="row">
    <!-- Informations du rapport -->
    <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-info-circle me-2"></i>Informations du rapport</h5>
            </div>
            <div class="card-body">
                <table class="table table-bordered">
                    <tbody>
                        <tr>
                            <th style="width: 35%">Numéro du rapport</th>
                            <td>{{ rapport.num }}</td>
                        </tr>
                        <tr>
                            <th>Date du contrôle</th>
                            <td>{{ rapport.date }}</td>
                        </tr>
                        <tr>
                            <th>Organisme de contrôle</th>
                            <td>{{ rapport.nom_org }}</td>
                        </tr>
                        <tr>
                            <th>Statut de validation</th>
                            <td>
                                {% if rapport.valide == 'oui' %}
                                <span class="badge bg-success">Validé</span>
                                {% else %}
                                <span class="badge bg-danger">Non validé</span>
                                {% endif %}
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    
    <!-- Informations sur l'équipement -->
    <div class="col-md-6 mb-4">
        <div class="card h-100">
            <div class="card-header bg-info text-white">
                <h5 class="mb-0"><i class="fas fa-cogs me-2"></i>Équipement contrôlé</h5>
            </div>
            <div class="card-body">
                {% if rapport.nom_equipement %}
                <table class="table table-bordered">
                    <tbody>
                        <tr>
                            <th style="width: 35%">Désignation</th>
                            <td>{{ rapport.nom_equipement }}</td>
                        </tr>
                        <tr>
                            <th>Code inventaire</th>
                            <td>{{ rapport.code_inventaire }}</td>
                        </tr>
                        <tr>
                            <th>Code identification</th>
                            <td>{{ rapport.code_identification }}</td>
                        </tr>
                        <tr>
                            <th>Marque</th>
                            <td>{{ rapport.marque }}</td>
                        </tr>
                        <tr>
                            <th>Type</th>
                            <td>{{ rapport.type }}</td>
                        </tr>
                        <tr>
                            <th>N° de série</th>
                            <td>{{ rapport.serie }}</td>
                        </tr>
                    </tbody>
                </table>
                {% else %}
                <div class="alert alert-warning">
                    <i class="fas fa-exclamation-triangle me-2"></i>Aucun équipement associé à ce rapport.
                </div>
                {% endif %}
            </div>
        </div>
    </div>
</div>

<!-- Constatations -->
<div class="card mb-4">
    <div class="card-header bg-success text-white">
        <h5 class="mb-0"><i class="fas fa-clipboard-list me-2"></i>Constatations et observations</h5>
    </div>
    <div class="card-body">
        <div class="p-3 bg-light rounded">
            <p class="mb-0" style="white-space: pre-wrap;">{{ rapport.constatation }}</p>
        </div>
    </div>
</div>

<!-- Actions disponibles -->
<div class="card mb-4">
    <div class="card-header bg-secondary text-white">
        <h5 class="mb-0"><i class="fas fa-tools me-2"></i>Actions disponibles</h5>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-md-4 mb-2">
                <a href="{{ url_for('modifier_rapport', id=rapport.id) }}" class="btn btn-primary w-100">
                    <i class="fas fa-edit me-2"></i>Modifier ce rapport
                </a>
            </div>
            <div class="col-md-4 mb-2">
                <a href="#" class="btn btn-outline-primary w-100" onclick="window.print()">
                    <i class="fas fa-print me-2"></i>Imprimer ce rapport
                </a>
            </div>
            <div class="col-md-4 mb-2">
                <a href="{{ url_for('supprimer_rapport', id=rapport.id) }}" class="btn btn-danger w-100"
                   onclick="return confirm('Êtes-vous sûr de vouloir supprimer ce rapport ?')">
                    <i class="fas fa-trash me-2"></i>Supprimer ce rapport
                </a>
            </div>
        </div>
    </div>
</div>
{% endblock %}