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

<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']['schedules']['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-schedule">
            <i class="fas fa-plus"></i>
            {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['options_add_schedule'] ?? 'Ajouter un horaire' }}
        </button>
        <button
            type="button"
            class="dropdown-item dropdown-validate-month"
            @if(!$canValidateMonth || $forceDisableValidate) disabled @endif>
            <i class="fas fa-check"></i>
            {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['options_validate_month'] ?? 'Valider le mois' }}
        </button>
    </div>
</div>