{% extends 'layout.html' %}

{% block title %}Détails du constat technique{% endblock %}

{% block content %}
<div class="row mb-4">
    <div class="col-md-8">
        <h2 class="border-bottom pb-2">
            <i class="fas fa-clipboard-check me-2"></i>Constat technique n° {{ constat.num }}
        </h2>
    </div>
    <div class="col-md-4 text-end">
        <div class="btn-group">
            <a href="{{ url_for('liste_constats') }}" class="btn btn-secondary">
                <i class="fas fa-arrow-left me-2"></i>Retour à la liste
            </a>
            <a href="{{ url_for('modifier_constat', id=constat.id) }}" class="btn btn-primary">
                <i class="fas fa-edit me-2"></i>Modifier
            </a>
        </div>
    </div>
</div>

<div class="row">
    <!-- Informations du constat -->
    <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 constat</h5>
            </div>
            <div class="card-body">
                <table class="table table-bordered">
                    <tbody>
                        <tr>
                            <th style="width: 35%">Numéro du constat</th>
                            <td>{{ constat.num }}</td>
                        </tr>
                        <tr>
                            <th>Date du constat</th>
                            <td>{{ constat.date }}</td>
                        </tr>
                        <tr>
                            <th>Bon de livraison associé</th>
                            <td>
                                {% if constat.num_bl %}
                                {{ constat.num_bl }} ({{ constat.date_bl }})
                                {% else %}
                                <span class="text-muted">Non défini</span>
                                {% endif %}
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    
    <!-- Actions disponibles -->
    <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>Actions disponibles</h5>
            </div>
            <div class="card-body">
                <div class="d-grid gap-2">
                    <a href="{{ url_for('modifier_constat', id=constat.id) }}" class="btn btn-primary">
                        <i class="fas fa-edit me-2"></i>Modifier ce constat
                    </a>
                    <button type="button" class="btn btn-outline-primary" onclick="window.print()">
                        <i class="fas fa-print me-2"></i>Imprimer ce constat
                    </button>
                    {% if constat.num_bl %}
                    <a href="#" class="btn btn-outline-info">
                        <i class="fas fa-file-invoice me-2"></i>Voir le bon de livraison
                    </a>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Note sur les éléments associés -->
<div class="card mb-4">
    <div class="card-header bg-info text-white">
        <h5 class="mb-0"><i class="fas fa-info-circle me-2"></i>Information</h5>
    </div>
    <div class="card-body">
        <div class="alert alert-info m-0">
            <p><i class="fas fa-info-circle me-2"></i>Ce constat technique est associé au bon de livraison {% if constat.num_bl %}{{ constat.num_bl }}{% else %}non spécifié{% endif %}.</p>
            <p class="mb-0">Pour consulter les détails des articles de ce bon de livraison, veuillez utiliser la section des bons de livraison de l'application.</p>
        </div>
    </div>
</div>
{% endblock %}