.w-full.border.rounded.border-grey.p-4.background.cursor-pointer()
.flex.justify-between(:style="{'margin-bottom': '26px'}")
.flex.flex-col.gap-y-1
span.text-xl.font-bold.color-blue.line-height {{ `${protocolDate?.year} г.` }}
.text-smm.color-grey.flex.items-center.gap-x-6px.line-height
span.align-middle {{ protocolDate?.dayMonth }}
.rounded-full.h-1.w-1.background-grey
span.align-middle {{ `${time?.start} - ${time?.end}` }}
.flex.items-center.justify-center.h-6.w-6.rounded(
:style="statusСolors"
)
img.teeth-icon(src="@/assets/icons/teeth.svg")
.flex.items-center.gap-x-2
base-avatar(:size="40")
img.object-cover.h-full(
v-if="protocolData.employee?.photo"
:src="protocolData.employee?.photo"
alt="avatar"
)
span.text-sm.color-blue(v-else) {{ avatar }}
.flex.flex-col
span.line-height.text-sm.color-blue.mb-2px {{ employeeName }}
span.line-height.text-xxs.color-grey {{ protocolData.employee?.job_title}}