PHP Track Order Popup

Project Overview:

I need a PHP developer to enhance my website (tawaselexpress.com) by adding a Track Order button in the menu.
When the user clicks the button, a popup modal must appear (not a new page) to enter a tracking number and display order status details.

All tracking data must come from my API will be provided

Required Work (PHP-focused)
1. Add “Track Order” Button (PHP File Update)

Modify the PHP menu/header file to include a new menu item labeled Track Order.

When clicked → Open a popup modal using JS/HTML/CSS.

2. Create Popup Tracking Modal

The popup must include:

Title “Track your order”

Input field for tracking number

Search button

PHP code to process API request

Responsive results table showing:

Sequence

Reference

Status

Previous Status

Created On

3. API Integration (PHP Backend)

The developer must:

Use PHP curl to call the API

Send the tracking number

Decode JSON response

Display the result in the popup table

Handle errors:

Invalid tracking ID

No results

API offline

4. Frontend Requirements (Connected to PHP backend)

Smooth popup animation (JS)

Responsive on mobile

Design must match sample images provided

Clean and modern UI

5. Deliverables

Updated PHP header/menu file

New PHP file or code block for the API request

Popup modal (HTML + CSS + JS) embedded into existing PHP page

Fully functional tracking system

Documentation of:

Files updated

How to edit API login if needed
Technical Requirements

Must be done in pure PHP

Frontend: HTML + CSS + JS (any library is ok)

Backend: PHP cURL

Compatible with current hosting/server

Clean and secure code
Optional Add-ons (if developer wants to propose)

Loading spinner while API is loading

Error validation UI

Masking input to accept only numbers