{% extends 'layout.html' %}

{% block title %}Détails du fournisseur{% endblock %}

{% block content %}
<div class="row mb-4">
    <div class="col-md-8">
        <h2 class="border-bottom pb-2">
            <i class="fas fa-truck me-2"></i>Détails du fournisseur
        </h2>
    </div>
    <div class="col-md-4 text-end">
        <a href="{{ url_for('liste_fournisseurs') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-left me-2"></i>Retour à la liste
        </a>
    </div>
</div>

<div class="row">
    <!-- Informations du fournisseur -->
    <div class="col-md-6 mb-4">
        <div class="card">
            <div class="card-header bg-primary text-white">
                <h5 class="mb-0">
                    <i class="fas fa-info-circle me-2"></i>Informations générales
                </h5>
            </div>
            <div class="card-body">
                <table class="table table-bordered">
                    <tr>
                        <th class="bg-light">ID</th>
                        <td>{{ fournisseur.id }}</td>
                    </tr>
                    <tr>
                        <th class="bg-light">Nom</th>
                        <td>{{ fournisseur.designation }}</td>
                    </tr>
                    <tr>
                        <th class="bg-light">Adresse</th>
                        <td>{{ fournisseur.adresse }}</td>
                    </tr>
                    <tr>
                        <th class="bg-light">Téléphone</th>
                        <td>{{ fournisseur.tel }}</td>
                    </tr>
                    <tr>
                        <th class="bg-light">Email</th>
                        <td>
                            <a href="mailto:{{ fournisseur.email }}">{{ fournisseur.email }}</a>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>

    <!-- Carte de contact -->
    <div class="col-md-6 mb-4">
        <div class="card">
            <div class="card-header bg-info text-white">
                <h5 class="mb-0">
                    <i class="fas fa-address-card me-2"></i>Carte de contact
                </h5>
            </div>
            <div class="card-body text-center">
                <div class="mb-4">
                    <i class="fas fa-building fa-5x text-primary mb-3"></i>
                    <h3>{{ fournisseur.designation }}</h3>
                </div>
                <div class="list-group">
                    <div class="list-group-item">
                        <i class="fas fa-map-marker-alt me-2"></i>{{ fournisseur.adresse }}
                    </div>
                    <div class="list-group-item">
                        <i class="fas fa-phone me-2"></i>{{ fournisseur.tel }}
                    </div>
                    <div class="list-group-item">
                        <i class="fas fa-envelope me-2"></i>{{ fournisseur.email }}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <!-- Historique des bons de livraison -->
    <div class="col-md-12 mb-4">
        <div class="card">
            <div class="card-header bg-warning text-dark">
                <h5 class="mb-0">
                    <i class="fas fa-truck-loading me-2"></i>Historique des bons de livraison
                </h5>
            </div>
            <div class="card-body">
                {% if bons_livraison %}
                <div class="table-responsive">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>Numéro</th>
                                <th>Date</th>
                                <th>Description</th>
                                <th>Montant</th>
                                <th>Statut</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for bl in bons_livraison %}
                            <tr>
                                <td>{{ bl.numero }}</td>
                                <td>{{ bl.date }}</td>
                                <td>{{ bl.description }}</td>
                                <td>{{ bl.montant }}</td>
                                <td>
                                    {% if bl.status == 'reçu' %}
                                    <span class="badge bg-success">Reçu</span>
                                    {% elif bl.status == 'en attente' %}
                                    <span class="badge bg-warning text-dark">En attente</span>
                                    {% else %}
                                    <span class="badge bg-info">{{ bl.status }}</span>
                                    {% endif %}
                                </td>
                                <td>
                                    <a href="#" class="btn btn-sm btn-info" title="Voir">
                                        <i class="fas fa-eye"></i>
                                    </a>
                                </td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
                {% else %}
                <p class="text-muted">Aucun bon de livraison enregistré pour ce fournisseur.</p>
                {% endif %}
            </div>
            <div class="card-footer text-center">
                <a href="#" class="btn btn-primary">
                    <i class="fas fa-plus me-2"></i>Nouveau bon de livraison
                </a>
            </div>
        </div>
    </div>
</div>

<!-- Actions -->
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <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-flex gap-2">
                    <a href="#" class="btn btn-primary">
                        <i class="fas fa-edit me-2"></i>Modifier le fournisseur
                    </a>
                    <a href="#" class="btn btn-success">
                        <i class="fas fa-file-invoice me-2"></i>Générer un bon de commande
                    </a>
                    <a href="javascript:window.print();" class="btn btn-info">
                        <i class="fas fa-print me-2"></i>Imprimer la fiche
                    </a>
                    <a href="{{ url_for('supprimer_fournisseur', id=fournisseur.id) }}" class="btn btn-danger" onclick="return confirm('Êtes-vous sûr de vouloir supprimer ce fournisseur ?');">
                        <i class="fas fa-trash me-2"></i>Supprimer le fournisseur
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}