Improvement of management and interface of the cafe website

1. Managing the cafe's operational status through the admin panel

General Logic

It is necessary to add toggle buttons in the admin panel to manage the availability of delivery and pickup. The statuses should affect the frontend of the site and the ordering process (cart / checkout).

Before executing this item, be sure to add a floating cart on the screen that is constantly displayed on the page.

1.1 "Close Delivery" Button (toggle ON / OFF)

Functionality:

• When delivery is turned on:

  • Delivery becomes unavailable.

  • Pickup remains available.

• The customer sees a message at the beginning of the ordering process:
  “Delivery is temporarily unavailable. You can pick up your order from the cafe.”

Message Display:

• Banner / text block / modal window at the beginning of the checkout page.

1.2 "Close Pickup" Button (toggle ON / OFF)

Functionality:

• When activated:

  • Pickup becomes unavailable.

  • Delivery (if not closed) remains available.

• The customer sees a message:
  “Pickup orders are temporarily unavailable. Please try again later.”

1.3 Scenario of Complete Cafe Closure

If both toggles are activated (delivery and pickup are closed):

• The customer sees a message:
  “Ordering is temporarily unavailable. The cafe is closed.”

• The ordering process is completely blocked:

  • The "Place Order" button is inactive
    or

  • A redirect occurs to the main page

• The customer cannot:

  • Add items to the cart

  • Proceed to checkout

1.4 Requirements for Toggle Buttons

• Type: ON / OFF

• Visual Indication:

  • ON — red

  • OFF — green

• Status must:

  • Be saved in the database or configuration file

  • Be retained after the site reloads

• Integration with the ordering system:

  • Block ordering options based on status

• Protection:

  • Cannot bypass restrictions through direct requests / API

1.5 Technical Requirements

• Frontend: JavaScript

• Backend: PHP or Node.js

• Responsiveness:

  • Proper functioning on mobile and desktop devices

• Mandatory testing of all scenarios

2. UI Improvement on Checkout

2.1 Validation of Required Fields

On the checkout page:

• If the customer has not filled in the required fields:

  • Display a clear error message
    (for example: “Please fill in your name”, “Enter your phone number”)

• Improve the appearance of buttons on checkout:

  • Unified style

  • Correct spacing

  • Visually clear disabled / active state

3. Improving the Visibility of the Coupon Input Button / Field

Task: Make the promo code input more noticeable.

Recommendations (can choose several):

• Increase the size of the field or button

• Make a more contrasting color (green / accent)

• Add a discount icon

• Place it higher (just below the list of items in the cart)

• Add a tooltip text:
  “Enter promo code for a discount”

Testing:

• Check display in all popular browsers

• Check mobile and desktop versions

• Do not disrupt the overall design of the site

4. Setting Order Preparation Time in Admin Panel

Functionality

• Add a field in the admin panel to change the average preparation time (in minutes)

Requirements

• Field type: number

• Validation:

  • minimum: 1 minute

  • maximum: 120 minutes

• The value is used for:

  • Calculating delivery time

  • Calculating pickup time

  • Displaying text:
    “Your order will be ready in X minutes”

Storage

• Database or configuration file

• Changes apply to all new orders