Покращення управління та інтерфейсу сайту кафе

1. Управління статусом роботи кафе через адмін-панель

Загальна логіка

Необхідно додати toggle-кнопки в адміністративній панелі для управління доступністю доставки та самовивозу. Статуси повинні впливати на фронтенд сайту та процес оформлення замовлення (кошик / checkout).

Перед виконанням цього пункту обов'язково додати плаваючу корзину на екран (floating cart), яка відображається постійно на сторінці.

1.1 Кнопка «Закрити доставку» (toggle ON / OFF)

Функціонал:

• При включенні доставки:

  • Доставка стає недоступною.

  • Самовивіз залишається доступним.

• Клієнту на початку оформлення замовлення відображається повідомлення:
  «Доставка тимчасово не працює. Ви можете забрати замовлення самостійно з кафе.»

Відображення повідомлення:

• Банер / текстовий блок / модальне вікно на початку сторінки оформлення замовлення.

1.2 Кнопка «Закрити самовивіз» (toggle ON / OFF)

Функціонал:

• При активації:

  • Самовивіз стає недоступним.

  • Доставка (якщо не закрита) залишається доступною.

• Клієнту відображається повідомлення:
  «Замовлення з самовивозом тимчасово неможливе. Спробуйте пізніше.»

1.3 Сценарій повного закриття кафе

Якщо активовані обидва toggle (доставка і самовивіз закриті):

• Клієнту показується повідомлення:
  «Замовлення тимчасово неможливе. Кафе закрите.»

• Процес оформлення замовлення повністю блокується:

  • кнопка «Оформити замовлення» неактивна
    або

  • відбувається редирект на головну сторінку

• Клієнт не може:

  • додавати товари в корзину

  • перейти до checkout

1.4 Вимоги до toggle-кнопок

• Тип: ON / OFF

• Візуальна індикація:

  • ON — червоний

  • OFF — зелений

• Статус повинен:

  • зберігатися в базі даних або конфігураційному файлі

  • зберігатися після перезавантаження сайту

• Інтеграція з системою замовлень:

  • Блокувати опції оформлення в залежності від статусу

• Захист:

  • Не можна обійти обмеження через прямі запити / API

1.5 Технічні вимоги

• Frontend: JavaScript

• Backend: PHP або Node.js

• Адаптивність:

  • коректна робота на мобільних та десктопних пристроях

• Обов'язкове тестування всіх сценаріїв

2. Поліпшення UI на checkout

2.1 Валідація обов'язкових полів

На сторінці checkout:

• Якщо клієнт не заповнив обов'язкові поля:

  • виводити зрозуміле повідомлення про помилку
    (наприклад: «Будь ласка, заповніть ім'я», «Введіть номер телефону»)

• Виправити зовнішній вигляд кнопок на checkout:

  • єдиний стиль

  • коректні відступи

  • візуально зрозумілий стан disabled / active

3. Поліпшення видимості кнопки / поля вводу купона

Задача: зробити введення промокоду більш помітним.

Рекомендації (можна вибрати кілька):

• Збільшити розмір поля або кнопки

• Зробити більш контрастний колір (зелений / акцентний)

• Додати іконку знижки

• Розмістити вище (одразу під списком товарів у кошику)

• Додати текст-підказку:
  «Введіть промокод для отримання знижки»

Тестування:

• Перевірити відображення у всіх популярних браузерах

• Перевірити мобільну та десктопну версії

• Не порушувати загальний дизайн сайту

4. Налаштування часу приготування замовлення в адмінці

Функціонал

• Додати поле в адмін-панелі для зміни середнього часу приготування (в хвилинах)

Вимоги

• Тип поля: number

• Валідація:

  • мінімум: 1 хвилина

  • максимум: 120 хвилин

• Значення використовується для:

  • розрахунку часу доставки

  • розрахунку часу самовивозу

  • відображення тексту:
    «Ваше замовлення буде готове через X хвилин»

Зберігання

• База даних або конфігураційний файл

• Зміни застосовуються до всіх нових замовлень