Pla-Mor Lanes

Quick Links

📺 Embed Code for TV / Website

Paste the full URL of your display.html below, then copy the embed code into the page or signage app showing it on your TV.

The embed is responsive and always renders 16:9. It refreshes every 2 seconds.

🚀 Hostinger Setup

1. Open Hostinger File Manager for your domain.
2. Create a folder called bowling in public_html (or wherever you want it).
3. Upload all these files into that folder:
   • index.html, control.html, display.html
   • api.php, config.php
   • data.json, lane_status.json, .htaccess
   • logo.png ← save the Pla-Mor logo here
4. Open config.php in the file manager and change the PIN from 1234. Save.
5. Right-click data.json and lane_status.json → Permissions → set to 666.
6. Visit https://yourdomain.com/bowling/ — you should see this page.

🎨 How the Display Colors Work

• Grey "OPEN" — no one is using this lane right now.
• Green — reservation is active (or upcoming within the next 10 min). Pulses if not yet started.
• Green → Yellow → Red gradient — slowly transitions as the reservation's time runs out.
• Red — reservation is ending soon.
• Stays green — when a reservation is marked "Unlimited time".
• Red striped — lane is marked out of service.

Reservations covering multiple lanes show a small 2/4 style badge in the corner so you can see they're part of a group. Checked-in reservations show a green ✓ HERE tag.

📱 Daily Use

• iPad (front desk): Bookmark https://yourdomain.com/bowling/control.html and add to home screen. Enter PIN once per session.
• TV: Use a Smart TV browser, Chromecast, Fire Stick, or a small PC to load display.html in fullscreen. The page auto-refreshes — no need to reload.
• Multi-lane party: In the control panel, tap multiple lane numbers (1, 2, 3, 4…) for the same reservation.
• Recurring league night: In the new reservation form, expand "🔁 Make this a recurring reservation" and pick weekly + an end date. All occurrences are created at once and share a series ID for easy bulk delete.
• Editing: Tap the "Reservations" tab → Edit. Past reservations are auto-hidden from the display.
• Lane down: "Lanes" tab → tap the lane → enter reason → it's blocked from booking and shows red on the TV.