@props([
    'buttonId' => 'declaration-options-button',
    'dropdownId' => 'declaration-options-dropdown',
])

<div class="options-dropdown">
    <button type="button" class="options-button" id="{{ $buttonId }}">
        <i class="fas fa-ellipsis-h options-menu-icon" aria-hidden="true"></i>
        <span class="options-label">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['options_button'] ?? 'Options' }}</span>
        <i class="fas fa-chevron-up options-caret" aria-hidden="true"></i>
    </button>
    <div class="dropdown-menu" id="{{ $dropdownId }}">
        <button type="button" class="dropdown-item dropdown-add-declaration" onclick="openModal('addDeclarationModal')">
            <i class="fas fa-plus"></i>
            {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['add_declaration'] ?? 'Ajouter une déclaration' }}
        </button>
        <button
            type="button"
            class="dropdown-item dropdown-validate-month"
            id="validate-month-from-dropdown"
            disabled>
            <i class="fas fa-check-circle"></i>
            {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['validate_month'] ?? 'Valider le mois' }}
        </button>
    </div>
</div>