{# templates/entreprise/_filtre_loyer.html.twig #}

<div class="filter-section-compact">
    <h6 class="filter-title">
        Filtrer <small class="filter-subtitle">Utilisez les options pour filtrer</small>
    </h6>
    
    {{ form_start(form, {'attr': {'class': 'row gx-1 gy-2 align-items-end', 'id': 'filter-form'}}) }}
        
        <div class="col-md-1">
            {{ form_widget(form.annee, {'attr': {'class': 'filter-field field-annee'}}) }}
        </div>

        <div class="col-md-1">
            {{ form_widget(form.mois, {'attr': {'class': 'filter-field field-mois'}}) }}
        </div>

        <div class="col-md-2">
            {{ form_widget(form.typeBail, {'attr': {'class': 'filter-field field-bail'}}) }}
        </div>

        <div class="col-md-2">
            {{ form_widget(form.immeuble, {'attr': {
                'class': 'filter-field field-immeuble js-filter-immeuble', 
                'placeholder': 'Lot'
            }}) }}
        </div>

        <div class="col-md-2">
            {{ form_widget(form.appartement, {'attr': {
                'class': 'filter-field field-appartement js-filter-appartement', 
                'placeholder': 'Appartement'
            }}) }}
        </div>

        <div class="col-md-1">
            {{ form_widget(form.statut, {'attr': {'class': 'filter-field field-statut'}}) }}
        </div>

        <div class="col-md-2">
            {{ form_widget(form.locataire, {'attr': {'class': 'filter-field field-locataire'}}) }}
        </div>

        <div class="col-md-1">
            <div class="d-flex gap-1">
                <button type="submit" class="btn btn-success btn-filter-icon" title="Valider">
                    <i class="fas fa-search"></i>
                </button>
                
                <a href="{{ reset_path }}" class="btn btn-outline-danger btn-filter-icon" title="Réinitialiser">
                    <i class="fas fa-undo-alt"></i>
                </a>
            </div>
        </div>

    {{ form_end(form) }}
</div>