.wrapper.flex.flex-col.gap-y-8.px-6.pt-6.h-full.w-full.min-w-fit
clients-table-header(:is-open-actions="marked.length")
table.w-full
thead.head-table
tr.head-row
th.w-3
.px-4.py-3
clients-table-checkbox(:is-check="selectAll" :check="selectedCheck" id="all")
th
.flex.px-4.justify-between
span.text-sm ФИО
img.cursor-pointer(src="@/assets/icons/sort-number.svg" alt="SortNumber")
th
.flex.px-4.justify-between.gap-x-6
span.text-sm Возраст
.icon.icon-down-arrow.text-xsm.mt-1.cursor-pointer
th
.px-4.text-left
span.text-sm Должность
th
.flex.relative.px-4.justify-between.gap-x-3
span.text-sm Приоритет
.icon.icon-down-arrow.text-xsm.mt-1.cursor-pointer
th
.px-4.text-left
span.text-sm Телефон
th
.px-4.text-left
span.text-sm Email
th
.px-4.text-left
span.text-sm.leading-8 Сети
th
.flex.px-4.justify-between.gap-x-11
span.text-sm.leading-4.whitespace-nowrap Ближайшая встреча
.icon.icon-down-arrow.text-xsm.mt-1.cursor-pointer
th.w-5
.do.px-4
span.text-sm Do
tbody.tbody
clients-table-row(v-for="client in dataClients"
:key="client.id"
:id="client.id"
:is-check="marked.includes(client.id)"
:check="selectedCheck"
:full-name="client.fullName"
:age="client.age"
:job-title="client.jobTitle"
:priority="client.priority"
:phone="client.phone"
:email="client.email"
:networks="client.networks"
:meeting-time="client.meetingTime"
)