.wrapper.flex.flex-col.pt-6.dark-blue.font-medium
.flex.flex-col.gap-y-4
base-input.search(
placeholder="Поиск",
:width="422",
iconLeft
size="M"
)
template(v-slot:iconLeft)
q-icon(name="app:search", size="20px", style="color: var(--font-grey-color)")
.flex.gap-x-2
base-button(
@click="choiceService(item.name)",
v-for="item in baseServices",
size="S",
width="100px",
type="grey"
) {{item.name}}
template(v-for="item in baseServices")
.serice-wrapper.flex.flex-col(v-if="item.check")
.service.flex.items-center(v-for="serve in item.data")
q-checkbox(v-model="serve.checked")
.info-block.flex.justify-between.w-full
.flex.flex-col.gap-y-1
.text-m {{serve.title}}
.grey-color.text-smm {{item.name}}
.flex.flex-col.gap-y-1
.text-m.font-bold {{serve.price}}
.grey-color.text-smm {{serve.time}}
.footer.flex.gap-2
base-button(type="secondary", label="Отменить", width="125px", @click="closeServices")
base-button(width="132px", label="Сохранить", @click="closeServices", disabled)