.form-wrapper.relative.h-fit.rounded.w-full
transition(name="medical-form", mode="out-in")
.loader.absolute.z-10.flex.items-center.justify-center.w-full.h-full.rounded(v-if="isLoadingData")
base-loader
q-btn.absolute.top-4.right-6(
@click="deleteItem",
v-if="!titleDelete && deleteItem",
:style="{backgroundColor: 'var(--bg-light-grey)', color: 'var(--font-grey-color)',}",
padding="10px",
)
q-icon(
name="app:basket",
size="20px",
)
.flex.flex-col.h-full.gap-25px.p-6
.flex.w-full.justify-between(v-if="!noTopButtons")
.flex.w-fit.gap-11px.items-center(v-if="!tag")
span.font-bold.text-base.whitespace-nowrap {{title}}
q-icon.edit-button.text-lg.cursor-pointer(
name="app:edit",
v-if="!isEdit && !noEditBtn",
@click="openEdit",
size="20"
)
.flex.w-full.gap-11px.items-center.justify-between(v-else)
span.font-bold.text-base.whitespace-nowrap {{title}}
.flex.items-center.h-5(
v-if="!template",
:style="{color: 'var(--btn-blue-color)'}"
)
q-btn(
no-caps,
outline,
padding="10px 24px"
)
img.mr-2(:src="layers")
span.text-smm.font-medium Шаблоны
.flex.w-fit.gap-10px.items-center.delete-button.cursor-pointer(
v-if="!isEdit && titleDelete && deleteItem",
@click="deleteItem"
)
q-icon(name="app:basket" size="20")
span.text-smm.font-medium {{ titleDelete }}
slot
.flex.h-fit.w-fit.gap-2(v-if="isEdit && buttonsPresence")
q-btn(
color="primary",
outline,
size="16px",
no-caps,
label="Отменить",
:style="{width: '126px', height: '40px'}",
padding="0",
@click="cancel"
)
q-btn(
v-if="isCheckChange",
color="primary",
size="16px",
no-caps,
label="Сохранить изменения",
:style="{width: '222px', height: '40px'}",
padding="0",
@click="save"
)