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