{% extends '@Commercial/billing/layout.html.twig' %}

{% block commercial_title %}Export chiffre d'affaires{% endblock %}
{% block billing_heading %}Export chiffre d'affaires{% endblock %}

{% block billing_content %}
<form method="post" action="{{ path('billing_revenue_export') }}" class="card">
    <div class="card-body">
        <input type="hidden" name="_token" value="{{ csrf_token('billing_revenue_export') }}">
        <div class="row g-3">
            <div class="col-md-3">
                <label class="form-label" for="export_date_from">Du</label>
                <input id="export_date_from" type="date" name="dateFrom" value="{{ filters.dateFrom }}" class="form-control">
            </div>
            <div class="col-md-3">
                <label class="form-label" for="export_date_to">Au</label>
                <input id="export_date_to" type="date" name="dateTo" value="{{ filters.dateTo }}" class="form-control">
            </div>
            <div class="col-md-3">
                <label class="form-label" for="export_client">Client</label>
                <select id="export_client" name="client" class="form-select">
                    <option value="">Tous</option>
                    {% for client in clients %}
                        <option value="{{ client.id }}" {% if filters.client == client.id ~ '' %}selected{% endif %}>{{ client.nom }}</option>
                    {% endfor %}
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label" for="export_status">Statut</label>
                <select id="export_status" name="status" class="form-select">
                    <option value="">Tous</option>
                    {% for value, label in status_labels %}
                        <option value="{{ value }}" {% if filters.status == value %}selected{% endif %}>{{ label }}</option>
                    {% endfor %}
                </select>
            </div>
        </div>
    </div>
    <div class="card-footer d-flex justify-content-end">
        <button type="submit" class="btn btn-primary">Exporter CSV</button>
    </div>
</form>
{% endblock %}