<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="monthContentTab" data-bs-toggle="pill"
                data-bs-target="#monthContent" type="button" role="tab" aria-controls="monthContent"
                aria-selected="true">{{ __('messages.month') }}
        </button>
    </li>
    <li class="nav-item" role="presentation">
        <button class="nav-link" id="yearContentTab" data-bs-toggle="pill"
                data-bs-target="#yearContent" type="button" role="tab"
                aria-controls="yearContent" aria-selected="false">{{ __('messages.year') }}
        </button>
    </li>
</ul>
