Ulepszenie zarządzania i interfejsu strony internetowej kawiarni

1. Zarządzanie statusem pracy kawiarni przez panel administracyjny

Ogólna logika

Konieczne jest dodanie przycisków toggle w panelu administracyjnym do zarządzania dostępnością dostawy i odbioru osobistego. Statusy powinny wpływać na frontend strony i proces składania zamówienia (koszyk / checkout).

Przed wykonaniem tego punktu koniecznie dodaj pływający koszyk na ekran (floating cart), który jest stale wyświetlany na stronie.

1.1 Przycisk „Zamknij dostawę” (toggle ON / OFF)

Funkcjonalność:

• Po włączeniu dostawy:

  • Dostawa staje się niedostępna.

  • Odbiór osobisty pozostaje dostępny.

• Klientowi na początku składania zamówienia wyświetlane jest powiadomienie:
  „Dostawa tymczasowo nie działa. Możesz odebrać zamówienie osobiście z kawiarni.”

Wyświetlanie powiadomienia:

• Baner / blok tekstowy / okno modalne na początku strony składania zamówienia.

1.2 Przycisk „Zamknij odbiór osobisty” (toggle ON / OFF)

Funkcjonalność:

• Po aktywacji:

  • Odbiór osobisty staje się niedostępny.

  • Dostawa (jeśli nie jest zamknięta) pozostaje dostępna.

• Klientowi wyświetlane jest powiadomienie:
  „Zamówienie z odbiorem osobistym tymczasowo niemożliwe. Spróbuj później.”

1.3 Scenariusz całkowitego zamknięcia kawiarni

Jeśli aktywowane są oba toggle (dostawa i odbiór osobisty są zamknięte):

• Klientowi wyświetlane jest powiadomienie:
  „Zamówienie tymczasowo niemożliwe. Kawiarnia jest zamknięta.”

• Proces składania zamówienia jest całkowicie zablokowany:

  • przycisk „Złóż zamówienie” jest nieaktywny
    lub

  • następuje przekierowanie na stronę główną

• Klient nie może:

  • dodać produktów do koszyka

  • przejść do checkout

1.4 Wymagania dotyczące przycisków toggle

• Typ: ON / OFF

• Wizualna indikacja:

  • ON — czerwony

  • OFF — zielony

• Status powinien:

  • być zapisywany w bazie danych lub pliku konfiguracyjnym

  • być zachowany po ponownym uruchomieniu strony

• Integracja z systemem zamówień:

  • Blokować opcje składania zamówienia w zależności od statusu

• Ochrona:

  • Nie można obejść ograniczeń przez bezpośrednie zapytania / API

1.5 Wymagania techniczne

• Frontend: JavaScript

• Backend: PHP lub Node.js

• Responsywność:

  • poprawne działanie na urządzeniach mobilnych i desktopowych

• Obowiązkowe testowanie wszystkich scenariuszy

2. Ulepszenie UI na checkout

2.1 Walidacja obowiązkowych pól

Na stronie checkout:

• Jeśli klient nie wypełnił obowiązkowych pól:

  • wyświetlić zrozumiałe powiadomienie o błędzie
    (na przykład: „Proszę wypełnić imię”, „Wprowadź numer telefonu”)

• Poprawić wygląd przycisków na checkout:

  • jednolity styl

  • poprawne odstępy

  • wizualnie zrozumiałe stany disabled / active

3. Ulepszenie widoczności przycisku / pola wprowadzenia kuponu

Zadanie: uczynić wprowadzenie kodu promocyjnego bardziej widocznym.

Rekomendacje (można wybrać kilka):

• Zwiększyć rozmiar pola lub przycisku

• Użyć bardziej kontrastowego koloru (zielony / akcentowy)

• Dodaj ikonę zniżki

• Umieścić wyżej (tuż pod listą produktów w koszyku)

• Dodaj tekst-podpowiedź:
  „Wprowadź kod promocyjny, aby uzyskać zniżkę”

Testowanie:

• Sprawdzić wyświetlanie we wszystkich popularnych przeglądarkach

• Sprawdzić wersje mobilne i desktopowe

• Nie naruszać ogólnego designu strony

4. Ustawienie czasu przygotowania zamówienia w panelu administracyjnym

Funkcjonalność

• Dodaj pole w panelu administracyjnym do zmiany średniego czasu przygotowania (w minutach)

Wymagania

• Typ pola: number

• Walidacja:

  • minimum: 1 minuta

  • maksimum: 120 minut

• Wartość jest używana do:

  • obliczenia czasu dostawy

  • obliczenia czasu odbioru osobistego

  • wyświetlania tekstu:
    „Twoje zamówienie będzie gotowe za X minut”

Przechowywanie

• Baza danych lub plik konfiguracyjny

• Zmiany są stosowane do wszystkich nowych zamówień