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

{% block title %}Suite Consultance - Propositions{% endblock %}
{% block module_name %}propositions{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1 class="h2 text-propositions">Propositions commerciales</h1>
    <a href="{{ url_for('create_proposition') }}" class="btn btn-propositions">
        <i class="fas fa-plus"></i> Nouvelle proposition
    </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 propositions %}
                        {% for proposition in propositions %}
                        <tr>
                            <td>{{ proposition.client_name }}</td>
                            <td>{{ proposition.date }}</td>
                            <td>{{ proposition.filename }}</td>
                            <td>
                                <div class="btn-group" role="group">
                                    <a href="{{ url_for('download_file', filename='propositions/' + proposition.filename) }}" class="btn btn-sm btn-propositions" 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-danger" title="Supprimer">
                                        <i class="fas fa-trash-alt"></i>
                                    </button>
                                </div>
                            </td>
                        </tr>
                        {% endfor %}
                    {% else %}
                        <tr>
                            <td colspan="4" class="text-center">Aucune proposition trouvée</td>
                        </tr>
                    {% endif %}
                </tbody>
            </table>
        </div>
    </div>
</div>
{% endblock %}