HTML/JS Enhancement for Local Calendar App

Project title:
Fix HTML/JS (Index & Admin) — Calendar, tabs, pricing & WhatsApp (local only)

Description:
I have two HTML/JS files: index.html (Availability) and admin.html (Calendar, Bookings, Agents, Fleet, Price List, Hours, Settings, WhatsApp).
I need a front-end dev to fix and complete both files so they fully work locally (no Firestore for now).

Main tasks:

Make all tabs clickable and working via anchor or JS.

Add a monthly calendar (select date range, show free/occupied days, color code: green = free, red = confirmed, blue = pending).

“Instant booking” must automatically create pending bookings for all free days within a selected range.

Index page:

Agent PIN input (Mirco = 1961, Test = 1234).

Client markup +10% / +15% / +20%.

Auto-calc “Client” and “For You” prices.

WhatsApp message button (with formatted message).


Admin page:

Tabs: Dashboard, Calendar, Bookings, Agents, Fleet, Price List, Hours, Settings, WhatsApp Messages.

Bookings table (edit/save, pending/confirmed toggle, paid/unpaid).

Agents table (editable fields, PIN not editable).

Fleet: 4 cars (Red 4S, White 4S, Violet 4S, Gray XXL 6S).

Price List 1–30 days (Base = 20% less than client list).

Hours prices (1h/2h for 4S and 6S).

Settings (WhatsApp admin number, EUR→EGP rate).

WhatsApp Messages: 3 message templates.


Local data storage: all data (agents, cars, prices, bookings) saved/read from localStorage.


Deliverables:

2 final working files: index.html and admin.html.

Fully functional in Chrome (offline/local).

Layout must stay the same (no redesign).


Budget:
€100 – €300 (fixed price).
Phase 2 (Firestore sync) can be discussed later.

Skills required:
HTML5, CSS, JavaScript (no framework), localStorage, simple calendar logic, Firestore (optional).