<ul class="nav nav-pills mb-3 justify-content-center" id="pills-tab" role="tablist">
    <li class="nav-item" role="presentation">
        <button class="nav-link active" id="monthContent-tab" data-bs-toggle="pill" data-bs-target="#monthContent"
            type="button" role="tab" aria-controls="monthContent"
            aria-selected="true">{{ __('messages.admin_dashboard.month') }}
        </button>
    </li>
    <li class="nav-item" role="presentation">
        <button class="nav-link" id="yearContent-tab" data-bs-toggle="pill" data-bs-target="#yearContent" type="button"
            role="tab" aria-controls="yearContent" aria-selected="false">{{ __('messages.admin_dashboard.year') }}
        </button>
    </li>
    <li class="nav-item" role="presentation">
        <button class="nav-link" id="unlimitedContent-tab" data-bs-toggle="pill" data-bs-target="#unlimitedContent"
            type="button" role="tab" aria-controls="unlimitedContent"
            aria-selected="false">{{ __('messages.common.unlimited') }}
        </button>
    </li>
</ul>
