> ## Documentation Index
> Fetch the complete documentation index at: https://documentation.slotify.com.tr/llms.txt
> Use this file to discover all available pages before exploring further.

# Запись на приём

> Выберите услугу, время и подтвердите

# <span className="s-hero">Запись на приём</span>

Самое приятное: **три нажатия** — и вы записаны.

<Info>📱 🧭 **Где:** Страница заведения → **Experts** → нажмите на мастера</Info>

<Steps>
  <Step title="Выберите услугу">
    <Frame>
      <img src="https://mintcdn.com/codevestllc-5d6f3ede/83OKNCH1Mjf0LcvJ/images/customer/33.png?fit=max&auto=format&n=83OKNCH1Mjf0LcvJ&q=85&s=4bf28c61fa0de836138ec849955c6a16" alt="Выбор услуги" width="1080" height="1350" data-path="images/customer/33.png" />
    </Frame>

    После нажатия на мастера открывается панель «Selection for …» со списком услуг, ценой и длительностью.

    <div className="s-action">Нажмите нужную услугу (напр. **Hair And Beard · 1200 TL · 45 min**). Можно выбрать несколько — время и цена суммируются.</div>
  </Step>

  <Step title="Выберите дату">
    <Frame>
      <img src="https://mintcdn.com/codevestllc-5d6f3ede/83OKNCH1Mjf0LcvJ/images/customer/38.png?fit=max&auto=format&n=83OKNCH1Mjf0LcvJ&q=85&s=bf7e0852df3642bdc7be8ba5110cb7dc" alt="Выбор даты" width="1080" height="1350" data-path="images/customer/38.png" />
    </Frame>

    Под выбором появляется итог **Total: 45 min · 1200 TL**. Выберите день на ленте ниже.

    <Accordion title="🔎 Поля раздела">
      | Поле / Элемент                         | Значение                                               |
      | -------------------------------------- | ------------------------------------------------------ |
      | **Total**                              | Суммарные время и стоимость выбранного.                |
      | **Select date (Today / Tomorrow / …)** | Быстрый выбор дня — листайте вправо для следующих дат. |
      | **Reservation date**                   | Меню для выбора даты из календаря.                     |
      | **Note (optional)**                    | Комментарий для заведения.                             |
    </Accordion>
  </Step>

  <Step title="Выберите время">
    <Frame>
      <img src="https://mintcdn.com/codevestllc-5d6f3ede/83OKNCH1Mjf0LcvJ/images/customer/37.png?fit=max&auto=format&n=83OKNCH1Mjf0LcvJ&q=85&s=0289e78e0ed8abe571255cf631e4493f" alt="Выбор времени" width="1080" height="1350" data-path="images/customer/37.png" />
    </Frame>

    В разделе **Hours** зелёным показаны свободные слоты; занятые не отображаются.

    <div className="s-action">Нажмите удобное время — например, **14:30**. Откроется подтверждение.</div>

    <Tip>Для **групповых сеансов** под временем показано число свободных мест, напр. «3 места».</Tip>
  </Step>

  <Step title="Подтвердите">
    <Frame>
      <img src="https://mintcdn.com/codevestllc-5d6f3ede/83OKNCH1Mjf0LcvJ/images/customer/36.png?fit=max&auto=format&n=83OKNCH1Mjf0LcvJ&q=85&s=8fd0e5dbb9ec398ed6dcc4d6c5bf4d3a" alt="Подтверждение записи" width="1080" height="1350" data-path="images/customer/36.png" />
    </Frame>

    Финальная проверка: дата, время, длительность и стоимость.

    <div className="s-action">Если всё верно — нажмите **Yes**. Запись создана! 🎉</div>

    <Tip>При включённом автоподтверждении запись сразу получает статус **Confirmed**; иначе она остаётся **Pending**, а после подтверждения придёт уведомление.</Tip>
  </Step>
</Steps>