{% extends 'layouts/base.html' %}

{% block title %}Suite Consultance - Devis{% endblock %}
{% block module_name %}devis{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1 class="h2 text-devis">Devis clients</h1>
    <a href="{{ url_for('create_devis') }}" class="btn btn-devis">
        <i class="fas fa-plus"></i> Nouveau devis
    </a>
</div>

<div class="card">
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-striped table-hover">
                <thead>
                    <tr>
                        <th>Client</th>
                        <th>Date de création</th>
                        <th>Fichier</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    {% if devis %}
                        {% for d in devis %}
                        <tr>
                            <td>{{ d.client_name }}</td>
                            <td>{{ d.date }}</td>
                            <td>{{ d.filename }}</td>
                            <td>
                                <div class="btn-group" role="group">
                                    <a href="{{ url_for('download_file', filename='devis/' + d.filename) }}" class="btn btn-sm btn-primary" title="Télécharger">
                                        <i class="fas fa-download"></i>
                                    </a>
                                    <button class="btn btn-sm btn-info" title="Envoyer par email">
                                        <i class="fas fa-envelope"></i>
                                    </button>
                                    <button class="btn btn-sm btn-success" title="Convertir en facture">
                                        <i class="fas fa-file-invoice"></i>
                                    </button>
                                    <button class="btn btn-sm btn-danger" title="Supprimer">
                                        <i class="fas fa-trash-alt"></i>
                                    </button>
                                </div>
                            </td>
                        </tr>
                        {% endfor %}
                    {% else %}
                        <tr>
                            <td colspan="4" class="text-center">Aucun devis trouvé</td>
                        </tr>
                    {% endif %}
                </tbody>
            </table>
        </div>
    </div>
</div>
{% endblock %}