.wrapper.rounded.flex.flex-col
.header.w-full.h-fit.flex.justify-between.px-6.pt-4.pb-3.text-sm.font-medium
span Записи
span {{ events.length }}
.w-full.h-full.py-10px.pl-6.pr-2.items-center
.events.flex.flex-col.pr-3.overflow-y-auto(v-if="events.length")
.event.flex.justify-between.items-start.py-10px.w-full.gap-x-2(v-for="(event, index) in getEventsList")
.flex.flex-col.gap-y-6px
span.date.font-bold.whitespace-nowrap {{ event.date }}
.time.flex.items-center.gap-x-6px
q-icon(name="app:time" size="13px")
span.font-medium.text-smm.whitespace-nowrap {{ `${event.startTime} - ${event.endTime}` }}
.flex.gap-x-1.text-smm.font-medium.items-center
q-icon(
:name="event.status === 'PLANNED' ? 'radio_button_unchecked' : 'radio_button_checked'"
:style="{'color': statusMap[event.status].color}"
size="13px"
)
span.whitespace-nowrap(:style="{'color': statusMap[event.status].color}") {{ statusMap[event.status].title }}
.flex.items-center.justify-center.w-full(v-else :style={'height': '124px'})
span.text-lg.font-medium(:style="{'color': 'var(--font-grey-color)'}") Нет записей