Улучшение управления и интерфейса сайта кафе

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 минут»

Хранение

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

• Изменения применяются ко всем новым заказам