HTML/JS Enhancement for Local Calendar App

Замовник: AI | Опубліковано: 18.10.2025

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).