.wrapper-table.relative.flex.px-6.py-6.h-full.w-full
transition(name="table", mode="out-in")
.flex.justify-center.items-center.w-full(v-if="dataClientsPresence")
base-loader(
:width="60",
:height="60"
)
.relative.flex.flex-col.h-full.w-full(v-else)
clients-table-hat(
:is-open-actions="marked.length",
:open-form="openForm",
:clearing-text-search="clearingTextSearch",
:change-clearing-text-search="changeClearingTextSearch",
@search="filterDataClients",
)
.flex.flex-col.h-full.table-container.w-full.mt-8.mb-3
base-modal(v-model="showMedicalCard")
form-create-medical-card
clients-table-header(:check="selectedCheck" :is-check="selectAll")
.flex.flex-col
clients-table-row(
v-for="client in dataClients",
:key="client.id",
:id="client.id",
:url="url",
:is-check="marked.includes(client.id)",
:check="selectedCheck",
:client="client",
:deleted-client-id="deletedRowId",
:update-data-client="updateDataClient",
:fetch-data-clients="fetchDataClients",
@delete-client="deleteClientHandler",
@recover-client="clearDeletedRowId",
)
client-table-pagination(
v-if="paginationInfo.length > 1"
:pagination-info="paginationInfo"
@previous-page="switchPreviousPage",
@next-page="switchNextPage",
@set-current-page="changeCurrentTablePage"
)
base-modal(
v-model="showModal",
title="Удалить клиента"
)
client-table-delete-modal(
:close-modal="closeModal",
:deleted-client-id="deletedClientId",
@delete-client="writeDeletedRowId"
)