[V0_FILE]plaintext:file="errors.log" isMerged="true" [2025-07-15 03:57:42] ERROR: Admin login error: SQLSTATE[42S02]: Base table or view not found: 1146 Table 'staypakistan.admins' doesn't exist [2025-07-15 03:58:13] ERROR: Admin login error: SQLSTATE[42S02]: Base table or view not found: 1146 Table 'staypakistan.admins' doesn't exist [2025-07-15 04:00:30] ERROR: Admin login error: SQLSTATE[42S02]: Base table or view not found: 1146 Table 'staypakistan.admins' doesn't exist [2025-07-15 04:01:03] ERROR: Vendor login error: SQLSTATE[42S02]: Base table or view not found: 1146 Table 'staypakistan.vendors' doesn't exist [2025-07-15 04:04:36] ERROR: Vendor dashboard error: SQLSTATE[42S02]: Base table or view not found: 1146 Table 'staypakistan.vendors' doesn't exist [2025-07-15 04:05:03] ERROR: Recent bookings error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''5'' at line 3 [2025-07-15 04:05:16] ERROR: Get all bookings error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''20' OFFSET '0'' at line 4 [2025-07-15 04:06:58] ERROR: Recent bookings error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''5'' at line 3 [2025-07-15 04:07:02] ERROR: Get all bookings error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''20' OFFSET '0'' at line 4 [2025-07-15 04:11:40] ERROR: Recent bookings error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''5'' at line 3 [2025-07-15 04:12:00] ERROR: Recent bookings error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''5'' at line 3 [2025-07-15 04:17:30] ERROR: Vendor dashboard error: SQLSTATE[42S02]: Base table or view not found: 1146 Table 'staypakistan.vendors' doesn't exist [2025-07-17 00:24:22] ERROR: Recent bookings error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''5'' at line 3 [2025-07-17 00:25:27] ERROR: Recent bookings error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''10'' at line 3 [2025-07-17 00:25:30] ERROR: Get all bookings error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''100' OFFSET '0'' at line 4 [2025-07-17 00:25:34] ERROR: Get all users error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''100' OFFSET '0'' at line 5 [2025-07-17 00:25:35] ERROR: Get all properties error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''100' OFFSET '0'' at line 3 [2025-07-17 00:39:08] ERROR: Recent bookings error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''10'' at line 3 [2025-07-17 00:39:12] ERROR: Get all bookings error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''100' OFFSET '0'' at line 4 [2025-07-17 00:39:16] ERROR: Get all users error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''100' OFFSET '0'' at line 7 [2025-07-17 00:39:18] ERROR: Get all properties error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''100' OFFSET '0'' at line 3 [2025-07-17 00:39:25] ERROR: Recent bookings error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''10'' at line 3 [2025-07-17 00:46:50] ERROR: Recent bookings error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''10'' at line 7 [2025-07-17 00:46:53] ERROR: Get all users error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''100' OFFSET '0'' at line 9 [2025-07-17 00:46:55] ERROR: Get all bookings error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''100' OFFSET '0'' at line 8 [2025-07-17 00:46:58] ERROR: Get all properties error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''100' OFFSET '0'' at line 8 [2025-07-17 00:46:59] ERROR: Get all users error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''100' OFFSET '0'' at line 9 [2025-07-17 00:47:06] ERROR: Get all properties error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''100' OFFSET '0'' at line 8 [2025-07-17 00:47:20] ERROR: Recent bookings error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''10'' at line 7 [2025-07-17 00:47:22] ERROR: Get contact messages error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''100' OFFSET '0'' at line 5 [2025-07-17 00:47:29] ERROR: Get all bookings error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''100' OFFSET '0'' at line 8 [2025-07-17 00:47:32] ERROR: Get all properties error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''100' OFFSET '0'' at line 8 [2025-07-17 00:47:50] ERROR: Recent bookings error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''10'' at line 7 [2025-07-17 00:48:20] ERROR: Recent bookings error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''10'' at line 7 [2025-07-17 00:48:50] ERROR: Recent bookings error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''10'' at line 7 [2025-07-17 00:49:20] ERROR: Recent bookings error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''10'' at line 7 [2025-07-17 00:49:50] ERROR: Recent bookings error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''10'' at line 7 [2025-07-17 00:50:22] ERROR: Recent bookings error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''10'' at line 7 [2025-07-17 00:51:22] ERROR: Recent bookings error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''10'' at line 7 [2025-07-17 00:52:22] ERROR: Recent bookings error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''10'' at line 7 [2025-07-17 00:53:22] ERROR: Recent bookings error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''10'' at line 7 [2025-07-17 00:54:22] ERROR: Recent bookings error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''10'' at line 7 [2025-07-17 00:55:22] ERROR: Recent bookings error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''10'' at line 7 [2025-07-17 00:56:22] ERROR: Recent bookings error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''10'' at line 7 [2025-07-17 00:57:22] ERROR: Recent bookings error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''10'' at line 7 [2025-07-17 00:58:22] ERROR: Recent bookings error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''10'' at line 7 [2025-07-17 00:59:22] ERROR: Recent bookings error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''10'' at line 7 [2025-07-17 01:00:22] ERROR: Recent bookings error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''10'' at line 7 [2025-07-17 01:01:22] ERROR: Recent bookings error: SQLSTATE[42000]: Syntax error or access violation: 1064 You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''10'' at line 7 [V0_FILE]html:file="explore.html" isMerged="true" Explore - Stayscape

Perfect For

We proudly serve individuals and businesses across Pakistan — making property discovery simple and accessible for all.

See Who Benefits Get in Touch

Our Impact in Numbers

Trusted by thousands across Pakistan

Happy Customers

Properties Listed

Cities Covered

% Satisfaction Rate

Who We Serve

Stayscape caters to diverse accommodation needs across Pakistan

Business Travelers

Professional accommodations with business amenities, high-speed internet, and convenient locations near commercial areas.

High-speed WiFi
Business Centers
Meeting Rooms
Airport Proximity

Families

Spacious family-friendly accommodations with multiple bedrooms, kitchens, and recreational facilities for memorable stays.

Multiple Bedrooms
Full Kitchens
Play Areas
Safety Features

Couples

Romantic getaways and intimate accommodations with privacy, luxury amenities, and beautiful settings for special moments.

Private Balconies
Romantic Settings
Luxury Amenities
Scenic Views

Solo Travelers

Comfortable and secure accommodations for individual travelers with essential amenities and prime locations.

Secure Access
Prime Locations
Essential Amenities
24/7 Support

Groups

Large accommodations perfect for group stays, events, and gatherings with shared spaces and group amenities.

Large Capacity
Common Areas
Event Spaces
Group Discounts

Students

Budget-friendly accommodations for students with study-friendly environments and affordable long-term options.

Affordable Rates
Study Areas
Long-term Options
Student Discounts

Your Journey With Us

From search to stay, we make it seamless

1. Discover

Browse through our extensive collection of verified properties across Pakistan. Use our advanced filters to find exactly what you're looking for.

2. Compare

Compare prices, amenities, and reviews from real guests. Our transparent pricing ensures you get the best value for your money.

3. Book

Secure your booking with our easy-to-use platform. Multiple payment options and instant confirmation make the process hassle-free.

4. Experience

Enjoy your stay with 24/7 support. Our team is always ready to assist you for a memorable experience.

5. Review

Share your experience and help other travelers. Your feedback helps us maintain our high standards of service.

Why Choose Stayscape?

Discover what makes us the preferred choice for travelers

Verified Properties

All properties are thoroughly verified and inspected to ensure quality and safety standards.

24/7 Support

Round-the-clock customer support to assist you before, during, and after your stay.

Mobile App

Book on-the-go with our user-friendly mobile app available on iOS and Android.

Secure Payments

Multiple secure payment options with SSL encryption for safe transactions.

Flexible Cancellation

Flexible cancellation policies to accommodate your changing travel plans.

Best Price Guarantee

We guarantee the best prices. Find it cheaper elsewhere? We'll match it!

Choose Your Plan

Flexible pricing options for every type of traveler

Basic

Free

Perfect for occasional travelers

Basic property search
Standard support
Mobile app access

Premium

$9.99/month

Ideal for frequent travelers

Advanced search filters
Priority support
Exclusive deals
No booking fees

Business

$19.99/month

For business travelers and teams

All Premium features
Team management
Corporate rates
Dedicated account manager

Frequently Asked Questions

Find answers to common questions about our services

How do I book a property?

Simply browse our properties, select your preferred accommodation, choose your dates, and complete the secure booking process. You'll receive instant confirmation via email.

What is your cancellation policy?

Our cancellation policy varies by property. Most bookings can be cancelled free of charge up to 24-48 hours before check-in. Check the specific property's cancellation terms during booking.

Are all properties verified?

Yes, all properties listed on Stayscape undergo a thorough verification process including physical inspections, document verification, and quality assessments to ensure they meet our standards.

Do you offer customer support?

We provide 24/7 customer support through multiple channels including phone, email, and live chat. Our support team is always ready to assist you with any questions or issues.

What payment methods do you accept?

We accept all major credit cards, debit cards, bank transfers, and popular digital payment methods. All transactions are secured with SSL encryption for your safety.

[V0_FILE]javascript:file="script.js" isMerged="true" // Global Variables let currentUser = null; let properties = []; let filteredProperties = []; let currentView = 'grid'; // Sample Data - 15 properties across 3 cities const sampleProperties = [ { id: 1, type: 'apartment', title: 'Luxury Apartment in Clifton', price: 15000, location: 'Clifton, Karachi', city: 'karachi', rating: 4.8, pictures: [ 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1457842/pexels-photo-1457842.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1374125/pexels-photo-1374125.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 1, broker_name: 'Ahmed Hassan', broker_phone: '+92 300 1234567', broker_email: 'ahmed@realestate.com', description: 'Beautiful luxury apartment with sea view in the heart of Clifton. Perfect for business travelers and families.', amenities: ['WiFi', 'AC', 'Kitchen', 'Parking', 'Security'], max_guests: 4, bedrooms: 2, bathrooms: 2, }, { id: 2, type: 'house', title: 'Modern House in DHA', price: 25000, location: 'DHA Phase 5, Karachi', city: 'karachi', rating: 4.9, pictures: [ 'https://images.pexels.com/photos/1396122/pexels-photo-1396122.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1457842/pexels-photo-1457842.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 2, broker_name: 'Sara Khan', broker_phone: '+92 300 2345678', broker_email: 'sara@realestate.com', description: 'Spacious modern house in prestigious DHA area. Ideal for families and long-term stays.', amenities: ['WiFi', 'AC', 'Kitchen', 'Garden', 'Parking'], max_guests: 6, bedrooms: 3, bathrooms: 3, }, { id: 3, type: 'villa', title: 'Luxury Villa in Bahria Town', price: 35000, location: 'Bahria Town, Karachi', city: 'karachi', rating: 5.0, pictures: [ 'https://images.pexels.com/photos/1370704/pexels-photo-1370704.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1396122/pexels-photo-1396122.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 3, broker_name: 'Hassan Ali', broker_phone: '+92 300 3456789', broker_email: 'hassan@realestate.com', description: 'Premium villa with private pool and garden. Perfect for luxury stays and events.', amenities: ['WiFi', 'AC', 'Kitchen', 'Pool', 'Garden', 'Parking'], max_guests: 8, bedrooms: 4, bathrooms: 4, }, { id: 4, type: 'apartment', title: 'Cozy Apartment in Gulberg', price: 12000, location: 'Gulberg, Lahore', city: 'lahore', rating: 4.5, pictures: [ 'https://images.pexels.com/photos/1457842/pexels-photo-1457842.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1374125/pexels-photo-1374125.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 4, broker_name: 'Fatima Sheikh', broker_phone: '+92 300 4567890', broker_email: 'fatima@realestate.com', description: 'Comfortable apartment in the heart of Lahore. Great for business and leisure travelers.', amenities: ['WiFi', 'AC', 'Kitchen', 'Balcony'], max_guests: 3, bedrooms: 1, bathrooms: 1, }, { id: 5, type: 'house', title: 'Family House in Model Town', price: 20000, location: 'Model Town, Lahore', city: 'lahore', rating: 4.7, pictures: [ 'https://images.pexels.com/photos/1396122/pexels-photo-1396122.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1370704/pexels-photo-1370704.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 5, broker_name: 'Omar Malik', broker_phone: '+92 300 5678901', broker_email: 'omar@realestate.com', description: 'Spacious family house in quiet neighborhood. Perfect for families and groups.', amenities: ['WiFi', 'AC', 'Kitchen', 'Garden', 'Parking'], max_guests: 5, bedrooms: 3, bathrooms: 2, }, { id: 6, type: 'apartment', title: 'Premium Apartment in F-7', price: 18000, location: 'F-7, Islamabad', city: 'islamabad', rating: 4.8, pictures: [ 'https://images.pexels.com/photos/1374125/pexels-photo-1374125.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1457842/pexels-photo-1457842.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 6, broker_name: 'Aisha Tariq', broker_phone: '+92 300 6789012', broker_email: 'aisha@realestate.com', description: 'Premium apartment in the diplomatic area. Ideal for business travelers and diplomats.', amenities: ['WiFi', 'AC', 'Kitchen', 'Gym', 'Security'], max_guests: 4, bedrooms: 2, bathrooms: 2, }, { id: 7, type: 'villa', title: 'Executive Villa in E-7', price: 30000, location: 'E-7, Islamabad', city: 'islamabad', rating: 4.9, pictures: [ 'https://images.pexels.com/photos/1370704/pexels-photo-1370704.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1396122/pexels-photo-1396122.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 7, broker_name: 'Bilal Ahmed', broker_phone: '+92 300 7890123', broker_email: 'bilal@realestate.com', description: 'Luxury executive villa with modern amenities. Perfect for corporate stays and events.', amenities: ['WiFi', 'AC', 'Kitchen', 'Pool', 'Garden', 'Security'], max_guests: 6, bedrooms: 3, bathrooms: 3, }, { id: 8, type: 'house', title: 'Modern House in G-10', price: 22000, location: 'G-10, Islamabad', city: 'islamabad', rating: 4.6, pictures: [ 'https://images.pexels.com/photos/1396122/pexels-photo-1396122.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1374125/pexels-photo-1374125.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1457842/pexels-photo-1457842.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 8, broker_name: 'Zara Hussain', broker_phone: '+92 300 8901234', broker_email: 'zara@realestate.com', description: 'Modern house with contemporary design. Great for families and professionals.', amenities: ['WiFi', 'AC', 'Kitchen', 'Parking', 'Garden'], max_guests: 5, bedrooms: 3, bathrooms: 2, }, { id: 9, type: 'apartment', title: 'Studio Apartment in Johar Town', price: 8000, location: 'Johar Town, Lahore', city: 'lahore', rating: 4.2, pictures: [ 'https://images.pexels.com/photos/1457842/pexels-photo-1457842.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1374125/pexels-photo-1374125.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 9, broker_name: 'Kamran Ali', broker_phone: '+92 300 9012345', broker_email: 'kamran@realestate.com', description: 'Compact studio apartment perfect for solo travelers and students.', amenities: ['WiFi', 'AC', 'Kitchenette'], max_guests: 2, bedrooms: 1, bathrooms: 1, }, { id: 10, type: 'villa', title: 'Beachfront Villa in Hawksbay', price: 40000, location: 'Hawksbay, Karachi', city: 'karachi', rating: 5.0, pictures: [ 'https://images.pexels.com/photos/1370704/pexels-photo-1370704.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1396122/pexels-photo-1396122.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 10, broker_name: 'Samina Iqbal', broker_phone: '+92 300 0123456', broker_email: 'samina@realestate.com', description: 'Exclusive beachfront villa with direct beach access. Perfect for luxury getaways.', amenities: ['WiFi', 'AC', 'Kitchen', 'Beach Access', 'Pool', 'BBQ'], max_guests: 10, bedrooms: 5, bathrooms: 4, }, { id: 11, type: 'apartment', title: 'Business Apartment in I.I. Chundrigar', price: 16000, location: 'I.I. Chundrigar Road, Karachi', city: 'karachi', rating: 4.6, pictures: [ 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1457842/pexels-photo-1457842.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1374125/pexels-photo-1374125.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 11, broker_name: 'Tariq Mahmood', broker_phone: '+92 300 1111111', broker_email: 'tariq@realestate.com', description: 'Modern business apartment in the financial district. Perfect for corporate travelers.', amenities: ['WiFi', 'AC', 'Kitchen', 'Business Center', 'Security'], max_guests: 3, bedrooms: 2, bathrooms: 1, }, { id: 12, type: 'house', title: 'Traditional House in Anarkali', price: 14000, location: 'Anarkali, Lahore', city: 'lahore', rating: 4.3, pictures: [ 'https://images.pexels.com/photos/1396122/pexels-photo-1396122.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1370704/pexels-photo-1370704.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 12, broker_name: 'Nadia Butt', broker_phone: '+92 300 2222222', broker_email: 'nadia@realestate.com', description: 'Traditional Lahori house with cultural charm. Close to historical sites and markets.', amenities: ['WiFi', 'AC', 'Kitchen', 'Courtyard', 'Traditional Decor'], max_guests: 4, bedrooms: 2, bathrooms: 2, }, { id: 13, type: 'villa', title: 'Luxury Villa in DHA Lahore', price: 32000, location: 'DHA Phase 6, Lahore', city: 'lahore', rating: 4.8, pictures: [ 'https://images.pexels.com/photos/1370704/pexels-photo-1370704.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1396122/pexels-photo-1396122.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 13, broker_name: 'Shahid Malik', broker_phone: '+92 300 3333333', broker_email: 'shahid@realestate.com', description: 'Luxurious villa in premium DHA location with all modern amenities.', amenities: ['WiFi', 'AC', 'Kitchen', 'Pool', 'Garden', 'Gym'], max_guests: 8, bedrooms: 4, bathrooms: 4, }, { id: 14, type: 'apartment', title: 'Diplomatic Enclave Apartment', price: 24000, location: 'Diplomatic Enclave, Islamabad', city: 'islamabad', rating: 4.9, pictures: [ 'https://images.pexels.com/photos/1374125/pexels-photo-1374125.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1457842/pexels-photo-1457842.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 14, broker_name: 'Farah Khan', broker_phone: '+92 300 4444444', broker_email: 'farah@realestate.com', description: 'High-security apartment in diplomatic area. Perfect for international visitors.', amenities: ['WiFi', 'AC', 'Kitchen', 'High Security', 'Concierge'], max_guests: 4, bedrooms: 2, bathrooms: 2, }, { id: 15, type: 'house', title: 'Hill View House in Margalla', price: 28000, location: 'Margalla Hills, Islamabad', city: 'islamabad', rating: 4.7, pictures: [ 'https://images.pexels.com/photos/1396122/pexels-photo-1396122.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1374125/pexels-photo-1374125.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1457842/pexels-photo-1457842.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 15, broker_name: 'Ali Raza', broker_phone: '+92 300 5555555', broker_email: 'ali@realestate.com', description: 'Beautiful house with stunning hill views. Perfect for nature lovers and peaceful stays.', amenities: [ 'WiFi', 'AC', 'Kitchen', 'Hill View', 'Garden', 'Fireplace', ], max_guests: 6, bedrooms: 3, bathrooms: 3, }, // New entries for Multan { id: 16, type: 'apartment', title: 'Modern Apartment in DHA Multan', price: 13000, location: 'DHA Multan', city: 'multan', rating: 4.7, pictures: [ 'https://images.pexels.com/photos/1457842/pexels-photo-1457842.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1374125/pexels-photo-1374125.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 16, broker_name: 'Usman Ghani', broker_phone: '+92 300 6666666', broker_email: 'usman@realestate.com', description: 'Contemporary apartment in the rapidly developing DHA Multan. Ideal for small families and professionals.', amenities: ['WiFi', 'AC', 'Kitchen', 'Parking', 'Security'], max_guests: 4, bedrooms: 2, bathrooms: 2, }, { id: 17, type: 'house', title: 'Spacious House near Multan Cantt', price: 21000, location: 'Multan Cantt', city: 'multan', rating: 4.5, pictures: [ 'https://images.pexels.com/photos/1396122/pexels-photo-1396122.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1370704/pexels-photo-1370704.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 17, broker_name: 'Asma Qureshi', broker_phone: '+92 300 7777777', broker_email: 'asma@realestate.com', description: 'Large family house in a well-established area near Multan Cantt. Good for long-term stays.', amenities: [ 'WiFi', 'AC', 'Kitchen', 'Garden', 'Parking', 'Pets Allowed', ], max_guests: 6, bedrooms: 3, bathrooms: 3, }, { id: 18, type: 'villa', title: 'Executive Villa in Royal Orchard Multan', price: 30000, location: 'Royal Orchard Multan', city: 'multan', rating: 4.9, pictures: [ 'https://images.pexels.com/photos/1370704/pexels-photo-1370704.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1396122/pexels-photo-1396122.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 18, broker_name: 'Imran Shah', broker_phone: '+92 300 8888888', broker_email: 'imran@realestate.com', description: 'Luxurious villa with modern design and amenities in Royal Orchard. Ideal for discerning guests.', amenities: [ 'WiFi', 'AC', 'Kitchen', 'Pool', 'Garden', 'Security', 'Gym', ], max_guests: 8, bedrooms: 4, bathrooms: 4, }, { id: 19, type: 'apartment', title: 'Budget Studio near Bahauddin Zakariya University', price: 9000, location: 'Near BZU, Multan', city: 'multan', rating: 4.0, pictures: [ 'https://images.pexels.com/photos/1457842/pexels-photo-1457842.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1374125/pexels-photo-1374125.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 19, broker_name: 'Sana Javed', broker_phone: '+92 300 9999999', broker_email: 'sana@realestate.com', description: 'Compact and affordable studio apartment, perfect for students or short stays. Close to university.', amenities: ['WiFi', 'Kitchenette', 'Basic Furnishings'], max_guests: 2, bedrooms: 1, bathrooms: 1, }, { id: 20, type: 'house', title: 'Traditional House in Old Multan', price: 15000, location: 'Old Multan', city: 'multan', rating: 4.3, pictures: [ 'https://images.pexels.com/photos/1396122/pexels-photo-1396122.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1370704/pexels-photo-1370704.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 20, broker_name: 'Adnan Ali', broker_phone: '+92 300 1010101', broker_email: 'adnan@realestate.com', description: 'Charming traditional house in the historic heart of Multan. Experience local culture.', amenities: ['WiFi', 'Courtyard', 'Traditional Decor', 'AC'], max_guests: 5, bedrooms: 3, bathrooms: 2, }, // New entries for Quetta { id: 21, type: 'apartment', title: 'Cozy Apartment in Chaman Housing Scheme', price: 10000, location: 'Chaman Housing Scheme, Quetta', city: 'quetta', rating: 4.1, pictures: [ 'https://images.pexels.com/photos/1457842/pexels-photo-1457842.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1374125/pexels-photo-1374125.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 21, broker_name: 'Zahid Khan', broker_phone: '+92 300 1212121', broker_email: 'zahid@realestate.com', description: 'Comfortable apartment in a developing housing scheme. Suitable for small families.', amenities: ['WiFi', 'Kitchen', 'Parking', 'Heating'], max_guests: 3, bedrooms: 2, bathrooms: 1, }, { id: 22, type: 'house', title: 'Family House in Zarghoon Road', price: 18000, location: 'Zarghoon Road, Quetta', city: 'quetta', rating: 4.4, pictures: [ 'https://images.pexels.com/photos/1396122/pexels-photo-1396122.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1370704/pexels-photo-1370704.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 22, broker_name: 'Nighat Pervez', broker_phone: '+92 300 3434343', broker_email: 'nighat@realestate.com', description: 'Well-maintained family house on the main Zarghoon Road. Convenient access to city amenities.', amenities: ['WiFi', 'Kitchen', 'Garden', 'Parking', 'Heating'], max_guests: 5, bedrooms: 3, bathrooms: 2, }, { id: 23, type: 'villa', title: 'Spacious Villa in Askari Housing', price: 28000, location: 'Askari Housing Scheme, Quetta', city: 'quetta', rating: 4.8, pictures: [ 'https://images.pexels.com/photos/1370704/pexels-photo-1370704.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1396122/pexels-photo-1396122.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 23, broker_name: 'Faisal Baloch', broker_phone: '+92 300 5656565', broker_email: 'faisal@realestate.com', description: 'Large and modern villa in a secure housing scheme. Excellent for families seeking comfort and security.', amenities: [ 'WiFi', 'AC', 'Kitchen', 'Garden', 'Security', 'Parking', 'Heating', ], max_guests: 7, bedrooms: 4, bathrooms: 3, }, { id: 24, type: 'apartment', title: 'City Center Apartment Quetta', price: 14000, location: 'Jinnah Road, Quetta', city: 'quetta', rating: 4.5, pictures: [ 'https://images.pexels.com/photos/1457842/pexels-photo-1457842.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1374125/pexels-photo-1374125.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 24, broker_name: 'Maria Batool', broker_phone: '+92 300 7878787', broker_email: 'maria@realestate.com', description: 'Centrally located apartment, perfect for exploring Quetta. Close to markets and attractions.', amenities: ['WiFi', 'AC', 'Kitchen', 'Elevator', 'Security'], max_guests: 4, bedrooms: 2, bathrooms: 2, }, { id: 25, type: 'house', title: 'Quiet House near Hanna Lake', price: 20000, location: 'Near Hanna Lake, Quetta', city: 'quetta', rating: 4.6, pictures: [ 'https://images.pexels.com/photos/1396122/pexels-photo-1396122.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1370704/pexels-photo-1370704.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 25, broker_name: 'Kamran Baloch', broker_phone: '+92 300 9090909', broker_email: 'kamranb@realestate.com', description: 'Peaceful house with scenic views, ideal for a relaxing getaway. Close to Hanna Lake.', amenities: [ 'WiFi', 'Kitchen', 'Garden', 'Parking', 'Scenic View', 'BBQ', ], max_guests: 6, bedrooms: 3, bathrooms: 2, }, // New entries for Bahawalpur { id: 26, type: 'house', title: 'Modern House in DHA Bahawalpur', price: 19000, location: 'DHA Bahawalpur', city: 'bahawalpur', rating: 4.7, pictures: [ 'https://images.pexels.com/photos/1396122/pexels-photo-1396122.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1370704/pexels-photo-1370704.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 26, broker_name: 'Sohail Abbasi', broker_phone: '+92 300 1313131', broker_email: 'sohail@realestate.com', description: 'Brand new house in the premium DHA Bahawalpur. Perfect for modern living.', amenities: ['WiFi', 'AC', 'Kitchen', 'Garden', 'Parking', 'Security'], max_guests: 6, bedrooms: 3, bathrooms: 3, }, { id: 27, type: 'apartment', title: 'Comfortable Apartment near Bahawalpur University', price: 11000, location: 'Near Islamia University, Bahawalpur', city: 'bahawalpur', rating: 4.2, pictures: [ 'https://images.pexels.com/photos/1457842/pexels-photo-1457842.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1374125/pexels-photo-1374125.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 27, broker_name: 'Ayesha Siddiqui', broker_phone: '+92 300 2424242', broker_email: 'ayesha@realestate.com', description: 'Cozy apartment ideal for students or small families. Close to educational institutions.', amenities: ['WiFi', 'Kitchenette', 'AC', 'Parking'], max_guests: 3, bedrooms: 1, bathrooms: 1, }, { id: 28, type: 'villa', title: 'Grand Villa in Model Town B', price: 33000, location: 'Model Town B, Bahawalpur', city: 'bahawalpur', rating: 4.9, pictures: [ 'https://images.pexels.com/photos/1370704/pexels-photo-1370704.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1396122/pexels-photo-1396122.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 28, broker_name: 'Zafar Iqbal', broker_phone: '+92 300 3535353', broker_email: 'zafar@realestate.com', description: 'Luxurious and spacious villa with grand living spaces. Ideal for large families or events.', amenities: [ 'WiFi', 'AC', 'Kitchen', 'Pool', 'Garden', 'BBQ', 'Parking', ], max_guests: 9, bedrooms: 5, bathrooms: 4, }, { id: 29, type: 'house', title: 'Charming House near Farid Gate', price: 17000, location: 'Near Farid Gate, Bahawalpur', city: 'bahawalpur', rating: 4.3, pictures: [ 'https://images.pexels.com/photos/1396122/pexels-photo-1396122.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1370704/pexels-photo-1370704.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 29, broker_name: 'Hina Latif', broker_phone: '+92 300 4646464', broker_email: 'hina@realestate.com', description: 'Traditional house with a lovely ambiance, close to historical Farid Gate.', amenities: ['WiFi', 'AC', 'Kitchen', 'Courtyard', 'Traditional Decor'], max_guests: 5, bedrooms: 3, bathrooms: 2, }, { id: 30, type: 'apartment', title: 'Executive Apartment in Satellite Town', price: 15000, location: 'Satellite Town, Bahawalpur', city: 'bahawalpur', rating: 4.5, pictures: [ 'https://images.pexels.com/photos/1457842/pexels-photo-1457842.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1374125/pexels-photo-1374125.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 30, broker_name: 'Imtiaz Khan', broker_phone: '+92 300 5757575', broker_email: 'imtiaz@realestate.com', description: 'Well-appointed apartment in a prime residential area of Satellite Town.', amenities: ['WiFi', 'AC', 'Kitchen', 'Parking', 'Security', 'Gym'], max_guests: 4, bedrooms: 2, bathrooms: 2, }, // New entries for Rawalpindi { id: 31, type: 'apartment', title: 'Spacious Apartment in Bahria Town Rawalpindi', price: 19000, location: 'Bahria Town, Rawalpindi', city: 'rawalpindi', rating: 4.8, pictures: [ 'https://images.pexels.com/photos/1457842/pexels-photo-1457842.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1374125/pexels-photo-1374125.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 31, broker_name: 'Zeeshan Malik', broker_phone: '+92 300 6868686', broker_email: 'zeeshan@realestate.com', description: 'Modern apartment in the well-known Bahria Town, Rawalpindi. Offers a luxurious lifestyle.', amenities: [ 'WiFi', 'AC', 'Kitchen', 'Parking', 'Security', 'Community Pool', ], max_guests: 4, bedrooms: 2, bathrooms: 2, }, { id: 32, type: 'house', title: 'Family House in DHA Rawalpindi', price: 27000, location: 'DHA Phase 1, Rawalpindi', city: 'rawalpindi', rating: 4.9, pictures: [ 'https://images.pexels.com/photos/1396122/pexels-photo-1396122.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1370704/pexels-photo-1370704.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 32, broker_name: 'Rabia Siddiqui', broker_phone: '+92 300 7979797', broker_email: 'rabia@realestate.com', description: 'Elegant family house in the prestigious DHA Rawalpindi. High-end living experience.', amenities: [ 'WiFi', 'AC', 'Kitchen', 'Garden', 'Parking', 'Security', 'Gym', ], max_guests: 7, bedrooms: 4, bathrooms: 4, }, { id: 33, type: 'villa', title: 'Executive Villa in Gulraiz Housing Scheme', price: 36000, location: 'Gulraiz Housing Scheme, Rawalpindi', city: 'rawalpindi', rating: 4.7, pictures: [ 'https://images.pexels.com/photos/1370704/pexels-photo-1370704.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1396122/pexels-photo-1396122.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 33, broker_name: 'Saad Rashid', broker_phone: '+92 300 8080808', broker_email: 'saad@realestate.com', description: 'Large and well-appointed villa, great for corporate or extended family stays.', amenities: [ 'WiFi', 'AC', 'Kitchen', 'Pool', 'Garden', 'Security', 'BBQ', ], max_guests: 9, bedrooms: 5, bathrooms: 4, }, { id: 34, type: 'apartment', title: 'Studio Apartment near Saddar', price: 9500, location: 'Saddar, Rawalpindi', city: 'rawalpindi', rating: 4.0, pictures: [ 'https://images.pexels.com/photos/1457842/pexels-photo-1457842.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1374125/pexels-photo-1374125.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 34, broker_name: 'Fahad Mehmood', broker_phone: '+92 300 9191919', broker_email: 'fahad@realestate.com', description: 'Compact studio in the bustling Saddar area. Convenient for single travelers or short trips.', amenities: ['WiFi', 'Kitchenette', 'AC'], max_guests: 2, bedrooms: 1, bathrooms: 1, }, { id: 35, type: 'house', title: 'Traditional House in Raja Bazaar', price: 16000, location: 'Raja Bazaar, Rawalpindi', city: 'rawalpindi', rating: 4.1, pictures: [ 'https://images.pexels.com/photos/1396122/pexels-photo-1396122.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1370704/pexels-photo-1370704.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 35, broker_name: 'Uzma Rizwan', broker_phone: '+92 300 0202020', broker_email: 'uzma@realestate.com', description: 'Authentic traditional house in the historic Raja Bazaar. Immerse yourself in local life.', amenities: ['WiFi', 'Courtyard', 'Traditional Decor', 'Market Access'], max_guests: 5, bedrooms: 3, bathrooms: 2, }, // New entries for Murree { id: 36, type: 'villa', title: 'Hilltop Villa with Scenic Views', price: 28000, location: 'Near Mall Road, Murree', city: 'murree', rating: 4.9, pictures: [ 'https://images.pexels.com/photos/1370704/pexels-photo-1370704.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1396122/pexels-photo-1396122.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 36, broker_name: 'Jawad Khan', broker_phone: '+92 300 1313131', broker_email: 'jawad@realestate.com', description: 'Beautiful villa offering breathtaking views of the Murree hills. Perfect for a peaceful retreat.', amenities: [ 'WiFi', 'Heating', 'Kitchen', 'Scenic View', 'Fireplace', 'Parking', ], max_guests: 7, bedrooms: 3, bathrooms: 3, }, { id: 37, type: 'house', title: 'Charming Cottage in Patriata', price: 22000, location: 'Patriata, Murree', city: 'murree', rating: 4.7, pictures: [ 'https://images.pexels.com/photos/1396122/pexels-photo-1396122.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1370704/pexels-photo-1370704.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 37, broker_name: 'Saima Bano', broker_phone: '+92 300 2424242', broker_email: 'saima@realestate.com', description: 'Quaint cottage nestled in the serene Patriata hills. Ideal for a cozy family vacation.', amenities: [ 'WiFi', 'Heating', 'Kitchen', 'Garden', 'Fireplace', 'Parking', ], max_guests: 5, bedrooms: 2, bathrooms: 2, }, { id: 38, type: 'apartment', title: 'Modern Apartment near Bhurban', price: 17000, location: 'Bhurban, Murree', city: 'murree', rating: 4.6, pictures: [ 'https://images.pexels.com/photos/1457842/pexels-photo-1457842.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1374125/pexels-photo-1374125.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 38, broker_name: 'Usman Ali', broker_phone: '+92 300 3535353', broker_email: 'usman@realestate.com', description: 'Well-equipped apartment in the scenic Bhurban area. Close to popular resorts and activities.', amenities: ['WiFi', 'Heating', 'Kitchen', 'Balcony', 'Parking'], max_guests: 4, bedrooms: 2, bathrooms: 2, }, { id: 39, type: 'villa', title: 'Luxury Retreat in Ayubia', price: 38000, location: 'Ayubia, Murree', city: 'murree', rating: 5.0, pictures: [ 'https://images.pexels.com/photos/1370704/pexels-photo-1370704.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1396122/pexels-photo-1396122.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 39, broker_name: 'Zara Bilal', broker_phone: '+92 300 4646464', broker_email: 'zara@realestate.com', description: 'Exclusive luxury villa offering unparalleled views and amenities. Ideal for a high-end mountain escape.', amenities: [ 'WiFi', 'Heating', 'Kitchen', 'Jacuzzi', 'Scenic View', 'BBQ', 'Parking', ], max_guests: 8, bedrooms: 4, bathrooms: 4, }, { id: 40, type: 'house', title: 'Family House on Kashmir Point', price: 25000, location: 'Kashmir Point, Murree', city: 'murree', rating: 4.8, pictures: [ 'https://images.pexels.com/photos/1396122/pexels-photo-1396122.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1370704/pexels-photo-1370704.jpeg?auto=compress&cs=tinysrgb&w=800', 'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=800', ], broker_id: 40, broker_name: 'Haris Khan', broker_phone: '+92 300 5757575', broker_email: 'haris@realestate.com', description: 'Comfortable house with a prime location near Kashmir Point, offering easy access to attractions.', amenities: [ 'WiFi', 'Heating', 'Kitchen', 'Garden', 'Fireplace', 'Parking', ], max_guests: 6, bedrooms: 3, bathrooms: 2, }, ]; // Initialize document.addEventListener('DOMContentLoaded', function () { initializeAOS(); checkAuthStatus(); loadProperties(); setupEventListeners(); setupBackToTop(); setMinDates(); }); // Initialize AOS function initializeAOS() { AOS.init({ duration: 1000, once: true, offset: 100, }); } // Set minimum dates for date inputs function setMinDates() { const today = new Date().toISOString().split('T')[0]; const checkinInputs = document.querySelectorAll('input[type="date"]'); checkinInputs.forEach(input => { if (input.id.includes('checkin') || input.id === 'checkin') { input.min = today; input.addEventListener('change', function () { const checkoutInput = document.getElementById( input.id.replace('checkin', 'checkout') ) || document.getElementById('checkout'); if (checkoutInput) { checkoutInput.min = this.value; if ( checkoutInput.value && checkoutInput.value <= this.value ) { checkoutInput.value = ''; } } }); } }); } // Check Authentication Status function checkAuthStatus() { const user = localStorage.getItem('currentUser'); if (user) { currentUser = JSON.parse(user); updateAuthUI(); } } // Update Authentication UI function updateAuthUI() { const authButtons = document.getElementById('authButtons'); if (currentUser && authButtons) { authButtons.innerHTML = ` `; } } // Logout Function function logout() { localStorage.removeItem('currentUser'); localStorage.removeItem('bookingData'); localStorage.removeItem('bookingConfirmation'); currentUser = null; alert('Logged out successfully!'); location.reload(); } // Load Properties function loadProperties() { properties = sampleProperties; filteredProperties = [...properties]; displayProperties(); } // Display Properties function displayProperties() { const container = document.getElementById('propertiesContainer'); if (!container) return; if (filteredProperties.length === 0) { container.innerHTML = `

No properties found

Try adjusting your filters

`; return; } container.innerHTML = filteredProperties .map( property => `

${property.rating}

${property.type}

${property.title}

${ property.location }

PKR ${property.price.toLocaleString()}/night ${ property.city.charAt(0).toUpperCase() + property.city.slice(1) }

${ property.max_guests } guests ${ property.bedrooms } beds ${ property.bathrooms } baths

${property.amenities .slice(0, 3) .map( amenity => ` ${amenity} ` ) .join('')} ${ property.amenities.length > 3 ? `+${ property.amenities.length - 3 } more` : '' }

` ) .join(''); } // View Property Details function viewProperty(propertyId) { const property = properties.find(p => p.id === propertyId); if (!property) return; const modalContent = document.getElementById('modalContent'); modalContent.innerHTML = `

${property.pictures .map( (pic, index) => `

` ) .join('')}

${property.title}

${ property.location } ${ property.city.charAt(0).toUpperCase() + property.city.slice(1) }

Max Guests

${property.max_guests}

Bedrooms

${property.bedrooms}

Bathrooms

${property.bathrooms}

Rating

${property.rating}/5

Description

${property.description}

Amenities

${property.amenities .map( amenity => `

${amenity}

` ) .join('')}

PKR ${property.price.toLocaleString()}/night

Contact Broker

${ property.broker_name }

${ property.broker_phone }

${ property.broker_email }

`; const modal = new bootstrap.Modal(document.getElementById('propertyModal')); modal.show(); } // Book Property function bookProperty(propertyId) { if (!currentUser) { window.location.href = 'login.html'; return; } const property = properties.find(p => p.id === propertyId); if (!property) return; // Store booking data in localStorage for booking page localStorage.setItem( 'bookingData', JSON.stringify({ property: property, user: currentUser, }) ); window.location.href = 'booking.html'; } // Search Properties function searchProperties() { const city = document.getElementById('cityFilter').value; const type = document.getElementById('typeFilter').value; const checkin = document.getElementById('checkin').value; const checkout = document.getElementById('checkout').value; let filtered = properties; if (city) { filtered = filtered.filter(p => p.city === city); } if (type) { filtered = filtered.filter(p => p.type === type); } // Validate dates if (checkin && checkout) { const checkinDate = new Date(checkin); const checkoutDate = new Date(checkout); if (checkoutDate <= checkinDate) { alert('Check-out date must be after check-in date'); return; } } filteredProperties = filtered; displayProperties(); // Scroll to services section document.getElementById('services').scrollIntoView({ behavior: 'smooth' }); } // Apply Filters function applyFilters() { const city = document.getElementById('filterCity').value; const type = document.getElementById('filterType').value; const minPrice = parseFloat(document.getElementById('minPrice').value) || 0; const maxPrice = parseFloat(document.getElementById('maxPrice').value) || Infinity; const rating = parseFloat(document.getElementById('filterRating').value) || 0; filteredProperties = properties.filter(property => { return ( (!city || property.city === city) && (!type || property.type === type) && property.price >= minPrice && property.price <= maxPrice && property.rating >= rating ); }); displayProperties(); // Close offcanvas const offcanvas = bootstrap.Offcanvas.getInstance( document.getElementById('filterOffcanvas') ); offcanvas?.hide(); } // Clear Filters function clearFilters() { // Clear filter inputs document.getElementById('filterCity').value = ''; document.getElementById('filterType').value = ''; document.getElementById('minPrice').value = ''; document.getElementById('maxPrice').value = ''; document.getElementById('filterRating').value = ''; // Clear search inputs document.getElementById('cityFilter').value = ''; document.getElementById('typeFilter').value = ''; document.getElementById('checkin').value = ''; document.getElementById('checkout').value = ''; // Reset to all properties filteredProperties = [...properties]; displayProperties(); } // Toggle View function toggleView(view) { currentView = view; const container = document.getElementById('propertiesContainer'); const buttons = document.querySelectorAll('[onclick^="toggleView"]'); buttons.forEach(btn => btn.classList.remove('active')); event.target.classList.add('active'); if (view === 'list') { container.classList.add('list-view'); } else { container.classList.remove('list-view'); } } // Sort Properties function sortProperties() { const sortBy = document.getElementById('sortBy').value; switch (sortBy) { case 'price_low': filteredProperties.sort((a, b) => a.price - b.price); break; case 'price_high': filteredProperties.sort((a, b) => b.price - a.price); break; case 'rating': filteredProperties.sort((a, b) => b.rating - a.rating); break; } displayProperties(); } // Setup Event Listeners function setupEventListeners() { // Sort change event const sortBy = document.getElementById('sortBy'); if (sortBy) { sortBy.addEventListener('change', sortProperties); } // Filter change events const filters = ['cityFilter', 'typeFilter']; filters.forEach(filterId => { const element = document.getElementById(filterId); if (element) { element.addEventListener('change', searchProperties); } }); } // Newsletter Subscription function subscribeNewsletter() { const email = document.getElementById('newsletterEmail').value; if (email && isValidEmail(email)) { alert('Thank you for subscribing to our newsletter!'); document.getElementById('newsletterEmail').value = ''; } else { alert('Please enter a valid email address'); } } // Utility Functions function isValidEmail(email) { return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email); } // Profile and Bookings Functions function viewProfile() { if (!currentUser) { window.location.href = 'login.html'; return; } const modalContent = document.createElement('div'); modalContent.innerHTML = `

Personal Information

Name: ${ currentUser.name || currentUser.first_name + ' ' + currentUser.last_name }

Email: ${ currentUser.email }

Phone: ${ currentUser.phone || 'Not provided' }

User ID: ${ currentUser.user_id }

Member Since: ${new Date().toLocaleDateString()}

Account Status

Status: Active

Account Type: Standard

Verified: Email Verified

Total Bookings

0

Avg Rating

4.8

Favorites

5

`; document.body.appendChild(modalContent); const modal = new bootstrap.Modal(document.getElementById('profileModal')); modal.show(); // Load user's booking count loadUserBookingCount(); // Clean up modal when closed document .getElementById('profileModal') .addEventListener('hidden.bs.modal', function () { document.body.removeChild(modalContent); }); } function viewBookings() { if (!currentUser) { window.location.href = 'login.html'; return; } const modalContent = document.createElement('div'); modalContent.innerHTML = ` `; document.body.appendChild(modalContent); const modal = new bootstrap.Modal(document.getElementById('bookingsModal')); modal.show(); // Load user bookings loadUserBookings(); // Clean up modal when closed document .getElementById('bookingsModal') .addEventListener('hidden.bs.modal', function () { document.body.removeChild(modalContent); }); } // Load user booking count for profile async function loadUserBookingCount() { try { const response = await fetch('booking.php', { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ action: 'get_bookings', user_id: currentUser.user_id, }), }); const result = await response.json(); if (result.success && result.data.bookings) { document.getElementById('totalBookings').textContent = result.data.bookings.length; } } catch (error) { console.error('Error loading booking count:', error); } } // Load user bookings async function loadUserBookings() { try { const response = await fetch('booking.php', { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ action: 'get_bookings', user_id: currentUser.user_id, }), }); const result = await response.json(); const bookingsContent = document.getElementById('bookingsContent'); if (result.success && result.data.bookings) { const bookings = result.data.bookings; if (bookings.length === 0) { bookingsContent.innerHTML = `

No Bookings Found

You haven't made any bookings yet.

Browse Properties

`; } else { bookingsContent.innerHTML = `

${bookings .map( booking => `

${ booking.property_title }

${booking.booking_status}

${ booking.property_location }

Check-in

${new Date( booking.checkin_date ).toLocaleDateString()}

Check-out

${new Date( booking.checkout_date ).toLocaleDateString()}

Total Amount

PKR ${parseFloat( booking.total_amount ).toLocaleString()}

Guests

${ booking.guests }

Booking ID: ${ booking.booking_id }

Booked on: ${new Date( booking.created_at ).toLocaleDateString()}

${ booking.booking_status === 'confirmed' && new Date(booking.checkin_date) > new Date() ? `

` : '' }

` ) .join('')}

`; } } else { bookingsContent.innerHTML = `

Error Loading Bookings

${ result.message || 'Unable to load your bookings at this time.' }

`; } } catch (error) { console.error('Error loading bookings:', error); const bookingsContent = document.getElementById('bookingsContent'); bookingsContent.innerHTML = `

Connection Error

Unable to connect to the server. Please check your internet connection.

`; } } // Get status color for booking status badge function getStatusColor(status) { switch (status) { case 'confirmed': return 'success'; case 'pending': return 'warning'; case 'cancelled': return 'danger'; case 'completed': return 'info'; default: return 'secondary'; } } // Cancel booking function async function cancelBooking(bookingId) { if ( !confirm( 'Are you sure you want to cancel this booking? This action cannot be undone.' ) ) { return; } try { const response = await fetch('booking.php', { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ action: 'cancel_booking', booking_id: bookingId, user_id: currentUser.user_id, }), }); const result = await response.json(); if (result.success) { alert('Booking cancelled successfully!'); loadUserBookings(); // Reload bookings } else { alert( result.message || 'Failed to cancel booking. Please try again.' ); } } catch (error) { console.error('Error cancelling booking:', error); alert( 'An error occurred while cancelling the booking. Please try again.' ); } } // Edit profile function function editProfile() { alert('Profile editing feature will be available soon!'); } // City Selection for Homepage function selectCity(city) { const cityFilter = document.getElementById('cityFilter'); if (cityFilter) { cityFilter.value = city === 'all' ? '' : city; searchProperties(); } } // Smooth Scrolling for Navigation Links document.querySelectorAll('a[href^="#"]').forEach(anchor => { anchor.addEventListener('click', function (e) { e.preventDefault(); const target = document.querySelector(this.getAttribute('href')); if (target) { target.scrollIntoView({ behavior: 'smooth', block: 'start', }); } }); }); const testimonialsSwiper = new Swiper('.testimonials-swiper', { slidesPerView: 1, spaceBetween: 30, loop: true, autoplay: { delay: 5000, disableOnInteraction: false, }, pagination: { el: '.swiper-pagination', clickable: true, }, breakpoints: { 768: { slidesPerView: 2, }, 1024: { slidesPerView: 3, }, }, effect: 'slide', speed: 800, }); // Error Handling window.addEventListener('error', function (e) { console.error('Global error:', e.error); }); // Offline Detection window.addEventListener('online', function () { console.log('Back online'); }); window.addEventListener('offline', function () { console.log('Gone offline'); alert('You are offline. Some features may not work properly.'); }); [V0_FILE]html:file="services.html" isMerged="true" Services - Stayscape

Explore Our Services

From verified listings to expert guidance, we offer everything you need for a seamless property experience in Pakistan.

View Services Talk to Us

Find Properties by City

Select your preferred city and discover amazing accommodations

Search Properties

City

Property Type

Check-in Date

Check-out Date

Guests

Price Range

What We Offer

Premium services designed for your comfort

Luxury Apartments

Premium furnished apartments in prime locations with modern amenities and professional management.

Fully Furnished
24/7 Security
Housekeeping
Prime Locations

Family Houses

Spacious family houses perfect for long-term stays with gardens, parking, and family-friendly amenities.

Multiple Bedrooms
Private Gardens
Parking Space
Family Friendly

Luxury Villas

Exclusive villas with private pools, premium amenities, and concierge services for the ultimate luxury experience.

Private Pool
Concierge Service
Premium Amenities
Exclusive Locations

Additional Services

Everything you need for a perfect stay

Airport Transfer

Convenient pickup and drop-off services

Housekeeping

Regular cleaning and maintenance services

Catering

Professional catering for events and meals

24/7 Support

Round-the-clock customer assistance

City

Property Type

Price Range

Rating

Amenities

WiFi

Air Conditioning

Swimming Pool

Parking

[V0_FILE]javascript:file="services.js" isMerged="true" // Services Page Specific JavaScript let servicesProperties = []; let servicesFilteredProperties = []; let servicesCurrentView = 'grid'; let servicesSelectedCity = 'all'; // Initialize Services Page document.addEventListener('DOMContentLoaded', function () { if (window.location.pathname.includes('services.html')) { initializeServicesPage(); } }); function initializeServicesPage() { AOS.init({ duration: 1000, once: true, offset: 100, }); checkAuthStatus(); loadServicesProperties(); setupServicesEventListeners(); setMinDate(); } function setMinDate() { const today = new Date().toISOString().split('T')[0]; const checkinInput = document.getElementById('servicesCheckin'); const checkoutInput = document.getElementById('servicesCheckout'); if (checkinInput) checkinInput.min = today; if (checkoutInput) checkoutInput.min = today; if (checkinInput) { checkinInput.addEventListener('change', function () { if (checkoutInput) { checkoutInput.min = this.value; if (checkoutInput.value && checkoutInput.value <= this.value) { checkoutInput.value = ''; } } }); } } function loadServicesProperties() { // Use the same sample data as the main page servicesProperties = sampleProperties; servicesFilteredProperties = [...servicesProperties]; displayServicesProperties(); } function selectCity(city) { servicesSelectedCity = city; // Update button states const buttons = document.querySelectorAll('[onclick^="selectCity"]'); buttons.forEach(btn => btn.classList.remove('active')); event.target.classList.add('active'); // Filter properties by city if (city === 'all') { servicesFilteredProperties = [...servicesProperties]; } else { servicesFilteredProperties = servicesProperties.filter( p => p.city === city ); } // Update city filter dropdown const citySelect = document.getElementById('servicesCityFilter'); if (citySelect) { citySelect.value = city === 'all' ? '' : city; } displayServicesProperties(); } function searchServicesProperties() { const city = document.getElementById('servicesCityFilter').value; const type = document.getElementById('servicesTypeFilter').value; const checkin = document.getElementById('servicesCheckin').value; const checkout = document.getElementById('servicesCheckout').value; const guests = document.getElementById('servicesGuests').value; const priceRange = document.getElementById('servicesPriceRange').value; let filtered = servicesProperties; // Filter by city if (city) { filtered = filtered.filter(p => p.city === city); servicesSelectedCity = city; updateCityButtons(city); } // Filter by type if (type) { filtered = filtered.filter(p => p.type === type); } // Filter by guests if (guests) { filtered = filtered.filter(p => p.max_guests >= parseInt(guests)); } // Filter by price range if (priceRange) { const [min, max] = priceRange.includes('+') ? [parseInt(priceRange.replace('+', '')), Infinity] : priceRange.split('-').map(p => parseInt(p)); filtered = filtered.filter( p => p.price >= min && (max === Infinity || p.price <= max) ); } // Validate dates if (checkin && checkout) { const checkinDate = new Date(checkin); const checkoutDate = new Date(checkout); if (checkoutDate <= checkinDate) { alert('Check-out date must be after check-in date'); return; } } servicesFilteredProperties = filtered; displayServicesProperties(); // Scroll to results document.getElementById('servicesPropertiesContainer').scrollIntoView({ behavior: 'smooth', }); } function updateCityButtons(selectedCity) { const buttons = document.querySelectorAll('[onclick^="selectCity"]'); buttons.forEach(btn => { btn.classList.remove('active'); const cityValue = btn.getAttribute('onclick').match(/'([^']+)'/)[1]; if (cityValue === selectedCity) { btn.classList.add('active'); } }); } function displayServicesProperties() { const container = document.getElementById('servicesPropertiesContainer'); if (!container) return; if (servicesFilteredProperties.length === 0) { container.innerHTML = `

No properties found

Try adjusting your search criteria

`; return; } const isListView = servicesCurrentView === 'list'; container.innerHTML = servicesFilteredProperties .map( property => `

${property.rating}

${property.type}

${property.title}

${ property.location }

PKR ${property.price.toLocaleString()}/night ${ property.city.charAt(0).toUpperCase() + property.city.slice(1) }

${ property.max_guests } guests ${ property.bedrooms } beds ${ property.bathrooms } baths

${property.amenities .slice(0, 3) .map( amenity => ` ${amenity} ` ) .join('')} ${ property.amenities.length > 3 ? `+${ property.amenities.length - 3 } more` : '' }

` ) .join(''); // Apply list view styling if needed if (isListView) { container.classList.add('list-view'); } else { container.classList.remove('list-view'); } } function viewServicesProperty(propertyId) { const property = servicesProperties.find(p => p.id === propertyId); if (!property) return; const modalContent = document.getElementById('servicesModalContent'); modalContent.innerHTML = `

${property.pictures .map( (pic, index) => `

` ) .join('')}

${property.title}

${ property.location } ${ property.city.charAt(0).toUpperCase() + property.city.slice(1) }

Max Guests

${property.max_guests}

Bedrooms

${property.bedrooms}

Bathrooms

${property.bathrooms}

Rating

${property.rating}/5

Description

${property.description}

Amenities

${property.amenities .map( amenity => `

${amenity}

` ) .join('')}

PKR ${property.price.toLocaleString()}/night

Check-in

Check-out

Guests

Contact Broker

${ property.broker_name }

${ property.broker_phone }

${ property.broker_email }

`; // Set minimum dates const today = new Date().toISOString().split('T')[0]; const checkinInput = document.getElementById('modalCheckin'); const checkoutInput = document.getElementById('modalCheckout'); if (checkinInput) { checkinInput.min = today; checkinInput.addEventListener('change', function () { if (checkoutInput) { checkoutInput.min = this.value; if (checkoutInput.value && checkoutInput.value <= this.value) { checkoutInput.value = ''; } } }); } const modal = new bootstrap.Modal( document.getElementById('servicesPropertyModal') ); modal.show(); } function bookPropertyFromModal(propertyId) { const checkin = document.getElementById('modalCheckin').value; const checkout = document.getElementById('modalCheckout').value; const guests = document.getElementById('modalGuests').value; if (checkin && checkout) { const checkinDate = new Date(checkin); const checkoutDate = new Date(checkout); if (checkoutDate <= checkinDate) { alert('Check-out date must be after check-in date'); return; } // Store additional booking data localStorage.setItem( 'bookingDates', JSON.stringify({ checkin: checkin, checkout: checkout, guests: guests, }) ); } // Close modal and proceed with booking const modal = bootstrap.Modal.getInstance( document.getElementById('servicesPropertyModal') ); modal.hide(); bookProperty(propertyId); } function contactBroker(phone) { window.open(`tel:${phone}`, '_self'); } function toggleServicesView(view) { servicesCurrentView = view; const container = document.getElementById('servicesPropertiesContainer'); const buttons = document.querySelectorAll( '[onclick^="toggleServicesView"]' ); buttons.forEach(btn => btn.classList.remove('active')); event.target.classList.add('active'); if (view === 'list') { container.classList.add('list-view'); } else { container.classList.remove('list-view'); } displayServicesProperties(); } function sortServicesProperties() { const sortBy = document.getElementById('servicesSortBy').value; switch (sortBy) { case 'price_low': servicesFilteredProperties.sort((a, b) => a.price - b.price); break; case 'price_high': servicesFilteredProperties.sort((a, b) => b.price - a.price); break; case 'rating': servicesFilteredProperties.sort((a, b) => b.rating - a.rating); break; case 'newest': servicesFilteredProperties.sort((a, b) => b.id - a.id); break; } displayServicesProperties(); } function applyServicesFilters() { const city = document.getElementById('servicesFilterCity').value; const type = document.getElementById('servicesFilterType').value; const minPrice = parseFloat(document.getElementById('servicesMinPrice').value) || 0; const maxPrice = parseFloat(document.getElementById('servicesMaxPrice').value) || Infinity; const rating = parseFloat(document.getElementById('servicesFilterRating').value) || 0; // Get selected amenities const selectedAmenities = []; const amenityCheckboxes = document.querySelectorAll( '#servicesFilterOffcanvas input[type="checkbox"]:checked' ); amenityCheckboxes.forEach(checkbox => { selectedAmenities.push(checkbox.value); }); servicesFilteredProperties = servicesProperties.filter(property => { const cityMatch = !city || property.city === city; const typeMatch = !type || property.type === type; const priceMatch = property.price >= minPrice && property.price <= maxPrice; const ratingMatch = property.rating >= rating; const amenitiesMatch = selectedAmenities.length === 0 || selectedAmenities.every(amenity => property.amenities.includes(amenity) ); return ( cityMatch && typeMatch && priceMatch && ratingMatch && amenitiesMatch ); }); displayServicesProperties(); // Close offcanvas const offcanvas = bootstrap.Offcanvas.getInstance( document.getElementById('servicesFilterOffcanvas') ); offcanvas?.hide(); // Update city selection if filtered by city if (city) { servicesSelectedCity = city; updateCityButtons(city); } } function clearServicesFilters() { // Clear all filter inputs document.getElementById('servicesFilterCity').value = ''; document.getElementById('servicesFilterType').value = ''; document.getElementById('servicesMinPrice').value = ''; document.getElementById('servicesMaxPrice').value = ''; document.getElementById('servicesFilterRating').value = ''; // Clear search form document.getElementById('servicesCityFilter').value = ''; document.getElementById('servicesTypeFilter').value = ''; document.getElementById('servicesCheckin').value = ''; document.getElementById('servicesCheckout').value = ''; document.getElementById('servicesGuests').value = '1'; document.getElementById('servicesPriceRange').value = ''; // Clear amenity checkboxes const amenityCheckboxes = document.querySelectorAll( '#servicesFilterOffcanvas input[type="checkbox"]' ); amenityCheckboxes.forEach(checkbox => { checkbox.checked = false; }); // Reset to all properties servicesFilteredProperties = [...servicesProperties]; servicesSelectedCity = 'all'; // Update city buttons const buttons = document.querySelectorAll('[onclick^="selectCity"]'); buttons.forEach(btn => btn.classList.remove('active')); buttons[0].classList.add('active'); // First button is "All Cities" displayServicesProperties(); // Close offcanvas if open const offcanvas = bootstrap.Offcanvas.getInstance( document.getElementById('servicesFilterOffcanvas') ); offcanvas?.hide(); } function setupServicesEventListeners() { // Sort change event const sortBy = document.getElementById('servicesSortBy'); if (sortBy) { sortBy.addEventListener('change', sortServicesProperties); } // City filter change event const cityFilter = document.getElementById('servicesCityFilter'); if (cityFilter) { cityFilter.addEventListener('change', function () { const selectedCity = this.value || 'all'; servicesSelectedCity = selectedCity; updateCityButtons(selectedCity); }); } } // Image modal function function openImageModal(imageSrc) { const modal = document.createElement('div'); modal.className = 'modal fade'; modal.innerHTML = ` `; document.body.appendChild(modal); const bsModal = new bootstrap.Modal(modal); bsModal.show(); modal.addEventListener('hidden.bs.modal', function () { document.body.removeChild(modal); }); } [V0_FILE]css:file="styles.css" isMerged="true" /* Custom Styles */ /* Custom Styles */ :root { --primary-color: #681b98; /* Color 1 */ --secondary-color: #9b27b0; /* Color 2 */ --success-color: #d6006f; /* Color 3 */ --warning-color: #f50056; /* Color 4 */ --danger-color: #ff4281; /* Color 5 */ --info-color: #d6006f; /* Color 3 */ --light-color: #f8fafc; /* Very Light Gray */ --dark-color: #1e293b; /* Slate Gray */ --white-color: #ffffff; --black-color: #000000; --text-color: #334155; /* Slate Text */ --green-primary: #d6006f; /* Color 3 */ --green-secondary: #9b27b0; /* Color 2 */ --backdrop-color: rgba(255, 255, 255, 0.95); --overlay-color: rgba(30, 41, 59, 0.5); --rating-bg: rgba(17, 24, 39, 0.7); --shadow-medium: 0 5px 15px rgba(0, 0, 0, 0.1); --shadow-heavy: 0 15px 30px rgba(0, 0, 0, 0.15); --shadow-extra: 0 15px 30px rgba(0, 0, 0, 0.2); --transition: all 0.3s ease; } html, body { scroll-behavior: smooth; } @font-face { font-family: cd; src: url(./font/ClashDisplay-Variable.ttf); } .cd { font-family: cd, sans-serif; } @font-face { font-family: dd; src: url(./font/brillant.otf); } .dd { font-family: dd, sans-serif; } @font-face { font-family: ed; src: url(./font/Astrid.otf); } .ed { font-family: ed, sans-serif; } a { text-decoration: none; color: var(--info-color); transition: var(--transition); -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); } body { font-family: 'Axiforma', sans-serif; /* background-color: #77777798; */ } * { margin: 0; padding: 0; box-sizing: border-box; } .btn-outline-light { color: var(--white-color); border: 1px solid var(--white-color); transition: var(--transition); -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); } .btn-outline-primary { background: var(--white-color) !important; border: 1px solid var(--primary-color) !important; color: var(--primary-color) !important; transition: var(--transition); &: hover; -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); { color: var(--white-color) !important; background: var(--primary-color) !important; } } .navbar-nav .nav-link.active { background: transparent !important; /* color: var(--primary-color) !important; */ /* background: var(--white-color) !important; */ /* border: 1px solid var(--primary-color) !important; */ } .active { background: var(--primary-color) !important; color: var(--white-color) !important; } .text-primary { color: var(--primary-color) !important; transition: var(--transition) !important; } .bg-primary { background-color: var(--primary-color) !important; color: var(--white-color) !important; } body { font-family: 'Axiforma', sans-serif; } .navbar { backdrop-filter: blur(10px); background-color: var(--backdrop-color) !important; transition: var(--transition); } .navbar-brand { font-size: 1.8rem; font-weight: 700; } .nav-link { font-weight: 500; transition: var(--transition); margin: 0 0.5rem; } .nav-link:hover, .nav-link.active { color: var(--primary-color) !important; } .hero-section { position: relative; min-height: 100vh; display: flex; align-items: center; justify-content: center; overflow: hidden; } .hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('./image/pak-city.jpg') center top/cover no-repeat; z-index: -2; } .hero-bg::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000000af; z-index: 1; } .property-card { transition: var(--transition); border: none; border-radius: 15px; overflow: hidden; box-shadow: var(--shadow-medium); } .property-card:hover { transform: translateY(-10px); box-shadow: var(--shadow-heavy); } .property-card img { height: 250px; object-fit: cover; transition: transform 0.3s ease; } .property-card:hover img { transform: scale(1.05); } .property-rating { position: absolute; top: 10px; right: 10px; background: var(--rating-bg); color: var(--white-color); padding: 5px 10px; border-radius: 20px; font-size: 0.8rem; } .property-type-badge { position: absolute; top: 10px; left: 10px; } .property-price { font-size: 1.2rem; font-weight: 700; color: var(--primary-color); } .property-amenities { display: flex; gap: 10px; margin-top: 10px; } .amenity-item { background: var(--light-color); padding: 5px 10px; border-radius: 20px; font-size: 0.8rem; color: var(--secondary-color); } .btn { border-radius: 25px; padding: 12px 30px; font-weight: 500; transition: var(--transition); } .btn:hover { transform: translateY(-2px); box-shadow: var(--shadow-heavy); } .btn-primary { background: linear-gradient(45deg, var(--primary-color), var(--secondary-color)); border: none; color: var(--white-color); } .btn-warning { background: linear-gradient(45deg, #ffca2c, #cb9b0b); color: var(--white-color); } .btn-success { background: linear-gradient(45deg, #0fa4af, #024950); color: var(--white-color); } .whatsapp-btn { width: 70px; height: 70px; background: linear-gradient(135deg, #25d366, #10a146); color: var(--white-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; text-decoration: none; box-shadow: var(--shadow-medium); transition: var(--transition); animation: pulse 2s infinite; } .whatsapp-btn:hover { background: linear-gradient(135deg, var(--green-secondary), var(--dark-color)); transform: scale(1.15); box-shadow: var(--shadow-extra); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); } 70% { box-shadow: 0 0 0 10px rgba(37, 211, 102, 0); } 100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); } } #goToTop { width: 60px; height: 60px; background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)); border: none; border-radius: 50%; color: var(--white-color); font-size: 1.2rem; box-shadow: var(--shadow-medium); opacity: 0; visibility: hidden; transition: var(--transition); z-index: 1000; display: flex; /* NEW */ align-items: center; /* NEW */ justify-content: center; /* NEW */ padding: 0; /* Optional: remove default padding */ } #goToTop.show { opacity: 1; visibility: visible; animation: bounce 2s infinite; } #goToTop:hover { transform: scale(1.1); box-shadow: var(--shadow-extra); } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-10px); } 60% { transform: translateY(-5px); } } .heroHeading { font-size: 3.5rem; line-height: 1.2; animation: fadeInDown 1s ease-out; } .heroSubtext { font-size: 1.2rem; max-width: 700px; margin: 0 auto; animation: fadeInUp 1.2s ease-out; } .heroButtons a { transition: all 0.3s ease-in-out; } .exploreBtn:hover { transform: scale(1.05); } .learnBtn:hover { background-color: #ffffff; color: #000 !important; } /* Typing Animation */ .typingStay { display: inline-block; white-space: nowrap; overflow: hidden; border-right: 2px solid #ffc107; animation: typing 2.5s steps(10) 1s 1 normal both, blinkCursor 0.8s steps(1) infinite; } @keyframes typing { from { width: 0; } to { width: 4ch; } } @keyframes blinkCursor { from { border-color: #ffc107; } to { border-color: transparent; } } /* Animations */ @keyframes fadeInDown { from { transform: translateY(-20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes fadeInUp { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } } .heroHeading { font-size: 75px; color: #fff; } #typewriterText { display: inline; white-space: nowrap; vertical-align: bottom; color: #ffc107; position: relative; } #typewriterText::after { content: '|'; position: absolute; right: -8px; animation: blink 1s infinite; color: #ffc107; -webkit-animation: blink 1s infinite; } @keyframes blink { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .similarHaed { font-size: 3.5rem; color: #222; margin-bottom: 20px; text-shadow: 0px 12px 15px rgba(0, 0, 0, 0.4); } /* Newsletter Section */ .newsletter-section { padding: 3rem 0; background: var(--white-color); } .newsletter-content { position: relative; border-radius: 25px; overflow: hidden; min-height: 500px; display: flex; align-items: center; justify-content: center; } .newsletter-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .newsletter-background img { width: 100%; height: 100%; object-fit: cover; } .newsletter-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(104, 27, 152, 0.9), rgba(155, 39, 176, 0.8)); z-index: 2; } .newsletter-inner { position: relative; z-index: 3; text-align: center; color: var(--white-color); padding: 3rem; } .newsletter-title { font-size: 3rem; font-weight: 700; margin-bottom: 2rem; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); } .newsletter-subtitle { font-size: 1.2rem; opacity: 0.9; margin-bottom: 3rem; max-width: 600px; margin-left: auto; margin-right: auto; } .newsletter-form { max-width: 600px; margin: 0 auto 3rem; } .form-group { display: flex; gap: 1rem; margin-bottom: 2rem; } .newsletter-input { flex: 1; padding: 1rem 1.5rem; border: none; border-radius: 50px; font-size: 1rem; outline: none; background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(10px); } .newsletter-btn { background: var(--white-color); color: var(--primary-color); border: none; padding: 1rem 2rem; border-radius: 50px; font-weight: 600; cursor: pointer; transition: var(--transition); display: flex; align-items: center; gap: 0.5rem; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; } .newsletter-btn:hover { background: var(--light-color); transform: translateY(-2px); } .newsletter-benefits { display: flex; justify-content: center; gap: 2rem; flex-wrap: wrap; margin-bottom: 3rem; } .benefit-item { display: flex; align-items: center; gap: 0.5rem; opacity: 0.9; } .benefit-item i { color: var(--warning-color); font-size: 1.2rem; } .newsletter-stats { display: flex; justify-content: center; gap: 3rem; flex-wrap: wrap; margin-bottom: 2rem; } .newsletter-stats .stat-item { text-align: center; } .newsletter-stats .stat-number { font-size: 2rem; font-weight: 700; color: var(--white-color); margin-bottom: 0.5rem; } .newsletter-stats .stat-label { color: var(--white-color); opacity: 0.8; } .contact-info { display: flex; justify-content: center; gap: 2rem; flex-wrap: wrap; } .contact-item { display: flex; align-items: center; gap: 0.5rem; opacity: 0.9; } .contact-item i { color: var(--warning-color); font-size: 1.2rem; } .testimonials-section { padding: 6rem 0; background: var(--light-color); } .testimonials-swiper { padding-bottom: 3rem; } .testimonial-card { background: var(--white-color); border-radius: 20px; padding: 2.5rem; box-shadow: var(--shadow-medium); transition: var(--transition); height: 100%; position: relative; } .testimonial-card::before { content: '"'; position: absolute; top: 1rem; left: 1.5rem; font-size: 4rem; color: var(--primary-color); opacity: 0.3; font-family: serif; } .testimonial-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-heavy); } .testimonial-rating { display: flex; justify-content: end; gap: 0.25rem; margin-bottom: 1.5rem; } .testimonial-rating i { color: #fbbf24; font-size: 1.2rem; } .testimonial-text { font-size: 1.1rem; line-height: 1.8; color: var(--text-color); margin-bottom: 2rem; font-style: italic; } .testimonial-author { display: flex; align-items: center; gap: 1rem; } .author-image { width: 60px; height: 60px; border-radius: 50%; overflow: hidden; border: 3px solid var(--primary-color); } .author-image img { width: 100%; height: 100%; object-fit: cover; } .author-name { font-weight: 600; color: var(--dark-color); margin-bottom: 0.25rem; } .author-location { color: var(--text-color); opacity: 0.8; } .swiper-pagination-bullet { background: var(--primary-color); width: 12px; height: 12px; opacity: 0.5; } .swiper-pagination-bullet-active { opacity: 1; transform: scale(1.2); } /* Stats Section */ .stats-section { padding: 4rem 0; background: var(--white-color); } .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin-top: 3rem; } .stat-card { background: var(--light-color); padding: 3rem 2rem; border-radius: 20px; text-align: center; transition: var(--transition); box-shadow: var(--shadow-medium); } .stat-card:hover { transform: translateY(-10px); box-shadow: var(--shadow-extra); } .stat-icon { width: 80px; height: 80px; margin: 0 auto 1.5rem; background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: var(--transition); } .stat-card:hover .stat-icon { transform: scale(1.1) rotate(5deg); } .stat-icon i { font-size: 2rem; color: var(--white-color); } .stat-number { font-size: 3rem; font-weight: 700; color: var(--primary-color); margin-bottom: 0.5rem; } .stat-label { font-size: 1.2rem; font-weight: 600; color: var(--dark-color); margin-bottom: 0.5rem; } .stat-description { color: var(--text-color); opacity: 0.8; } /* Grid Container updated */ /* Grid Container updated */ .tourism-grid { display: grid; grid-template-columns: repeat(6, 1fr); grid-auto-rows: 300px; gap: 1.5rem; grid-template-areas: 'north north coast coast capital desert' 'valley valley culture history capital desert' 'wildlife wildlife wildlife wildlife hillstations hillstations'; } .card-north { grid-area: north; } .card-coast { grid-area: coast; } .card-history { grid-area: history; } .card-desert { grid-area: desert; } .card-capital { grid-area: capital; } .card-valley { grid-area: valley; } .card-culture { grid-area: culture; } .card-wildlife { grid-area: wildlife; } .card-hillstations { grid-area: hillstations; } /* Common card styles */ .tourism-card { position: relative; border-radius: 20px; overflow: hidden; height: 100%; cursor: pointer; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .tourism-card:hover { transform: translateY(-5px); box-shadow: 0 12px 20px rgba(0, 0, 0, 0.15); } .tourism-image img { width: 100%; height: 100%; object-fit: cover; transition: 0.3s ease; } .tourism-card:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); } .tourism-overlay { position: absolute; bottom: 0; width: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.75), transparent 80%); color: white; padding: 1.5rem; display: flex; flex-direction: column; justify-content: flex-end; height: 100%; } .tourism-title { font-size: 1.8rem; font-weight: 700; margin-bottom: 0.4rem; } .tourism-subtitle { font-size: 1rem; margin-bottom: 0.8rem; opacity: 0.9; } .tourism-features { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1rem; } .tourism-features span { display: flex; align-items: center; gap: 0.4rem; background: rgba(255, 255, 255, 0.15); padding: 0.3rem 0.7rem; border-radius: 15px; font-size: 0.85rem; } .tourism-btn { background: #fff; color: #6d1d8e; border: none; border-radius: 20px; padding: 0.6rem 1.4rem; font-weight: 600; transition: 0.3s ease; } .tourism-btn:hover { background: #f0f0f0; transform: translateY(-2px); } /* Responsive fallback */ @media (max-width: 992px) { .tourism-grid { display: grid; grid-template-columns: 1fr 1fr; grid-template-areas: none; grid-auto-rows: auto; } } /* Common card styles */ .tourism-card { position: relative; border-radius: 20px; overflow: hidden; height: 100%; cursor: pointer; transition: all 0.3s ease; } .tourism-card:hover { transform: translateY(-5px); box-shadow: 0 12px 20px rgba(0, 0, 0, 0.15); } .tourism-image img { width: 100%; height: 100%; object-fit: cover; transition: 0.3s ease; } .tourism-card:hover img { transform: scale(1.05); } .tourism-overlay { position: absolute; bottom: 0; width: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.75), transparent 80%); color: white; padding: 1.5rem; display: flex; flex-direction: column; justify-content: flex-end; height: 100%; } .tourism-title { font-size: 1.8rem; font-weight: 700; margin-bottom: 0.4rem; } .tourism-subtitle { font-size: 1rem; margin-bottom: 0.8rem; opacity: 0.9; } .tourism-features { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1rem; } .tourism-features span { display: flex; align-items: center; gap: 0.4rem; background: rgba(255, 255, 255, 0.15); padding: 0.3rem 0.7rem; border-radius: 15px; font-size: 0.85rem; } .tourism-btn { background: #fff; color: #6d1d8e; border: none; border-radius: 20px; padding: 0.6rem 1.4rem; font-weight: 600; transition: 0.3s ease; } .tourism-btn:hover { background: #f0f0f0; transform: translateY(-2px); } /* Responsive fallback */ @media (max-width: 992px) { .tourism-grid { display: grid; grid-template-columns: 1fr 1fr; grid-template-areas: none; grid-auto-rows: auto; } } /* Floating Action Button */ .floating-btn { position: fixed; bottom: 30px; right: 30px; width: 60px; height: 60px; background: var(--primary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem; box-shadow: var(--shadow-heavy); z-index: 1000; transition: var(--transition); animation: bounce 2s infinite; } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-10px); } 60% { transform: translateY(-5px); } } .floating-btn:hover { transform: scale(1.1); box-shadow: 0 25px 40px rgba(107, 70, 193, 0.4); } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(107, 70, 193, 0.7); } 70% { box-shadow: 0 0 0 10px rgba(107, 70, 193, 0); } 100% { box-shadow: 0 0 0 0 rgba(107, 70, 193, 0); } } /* Scroll Progress Bar */ .scroll-progress { position: fixed; top: 0; left: 0; width: 0%; height: 4px; background: linear-gradient(45deg, var(--primary-color), var(--secondary-color), var(--success-color)); z-index: 9999; transition: width 0.1s ease; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; } /* Animations */ .fade-in { opacity: 0; transform: translateY(50px); transition: all 0.8s ease; } .fade-in.animate { opacity: 1; transform: translateY(0); } .slide-in-left { opacity: 0; transform: translateX(-100px); transition: all 0.8s ease; } .slide-in-left.animate { opacity: 1; transform: translateX(0); } .slide-in-right { opacity: 0; transform: translateX(100px); transition: all 0.8s ease; } .slide-in-right.animate { opacity: 1; transform: translateX(0); } .scale-in { opacity: 0; transform: scale(0.8); transition: all 0.8s var(--bounce); } .scale-in.animate { opacity: 1; transform: scale(1); } /* Enhanced Footer */ .footer { background: var(--dark-color); color: var(--white-color); padding: 4rem 0 2rem; position: relative; } .footer::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--violet-gradient); } .social-links .btn { width: 50px; height: 50px; padding: 5px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 1rem; transition: var(--transition); background: rgba(107, 70, 193, 0.1); border: 1px solid rgba(107, 70, 193, 0.3); } .social-links .btn:hover { background: var(--primary-color); transform: translateY(-5px) scale(1.1); box-shadow: 0 10px 20px rgba(107, 70, 193, 0.4); -webkit-transform: translateY(-5px) scale(1.1); -moz-transform: translateY(-5px) scale(1.1); -ms-transform: translateY(-5px) scale(1.1); -o-transform: translateY(-5px) scale(1.1); } /* .mbileDeviceView { width: 100%; overflow: scroll; scrollbar-width: thin; } */ .city-scroll-container.mb-4 { display: flex; justify-content: center; } @media (max-width: 768px) { .city-scroll-container { overflow-x: auto; white-space: nowrap; } .city-scroll-container .btn-group { display: inline-flex; flex-wrap: nowrap; } .city-scroll-container .btn { white-space: nowrap; flex-shrink: 0; } .city-scroll-container.mb-4 { display: block; } } @media screen and (max-width: 768px) { .heroHeading { font-size: 30px; color: #fff; line-height: 1.3; } .similarHaed { font-size: 28px; color: #222; margin-bottom: 20px; text-shadow: 0px 12px 15px rgba(0, 0, 0, 0.4); line-height: 1.3; } .d-flex.gap-3.heroButtons.justify-content-center { flex-direction: column; } } [V0_FILE]javascript:file="broker-panel.js" isMerged="true" // Broker Panel JavaScript let currentBrokerSection = "dashboard" let brokerAuth = null let brokerBookings = [] let brokerProperties = [] // Check broker authentication document.addEventListener("DOMContentLoaded", () => { const auth = localStorage.getItem("brokerAuth") if (!auth) { window.location.href = "broker-login.html" return } brokerAuth = JSON.parse(auth) initializeBrokerPanel() updateBrokerTime() setInterval(updateBrokerTime, 1000) // Auto-refresh data every 30 seconds setInterval(refreshBrokerSection, 30000) }) function initializeBrokerPanel() { // Update broker profile document.getElementById("brokerName").textContent = brokerAuth.name document.getElementById("brokerEmail").textContent = brokerAuth.email document.getElementById("brokerDropdownName").textContent = brokerAuth.name.split(" ")[0] // Load all broker data loadBrokerDashboard() loadBrokerProperties() loadBrokerBookings() loadBrokerEarnings() loadBrokerAnalytics() } function updateBrokerTime() { const now = new Date() document.getElementById("brokerCurrentTime").textContent = now.toLocaleTimeString() } function showBrokerSection(section) { // Hide all sections document.querySelectorAll(".content-section").forEach((el) => { el.style.display = "none" }) // Remove active class from all nav links document.querySelectorAll(".broker-nav-link").forEach((el) => { el.classList.remove("active") }) // Show selected section document.getElementById("broker-" + section + "-section").style.display = "block" // Add active class to clicked nav link event.target.classList.add("active") // Update section title const titles = { dashboard: "Dashboard", properties: "My Properties", bookings: "My Bookings", earnings: "Earnings Report", analytics: "Analytics & Insights", } document.getElementById("brokerSectionTitle").textContent = titles[section] currentBrokerSection = section } function refreshBrokerSection() { switch (currentBrokerSection) { case "dashboard": loadBrokerDashboard() break case "properties": loadBrokerProperties() break case "bookings": loadBrokerBookings() break case "earnings": loadBrokerEarnings() break case "analytics": loadBrokerAnalytics() break } } async function loadBrokerDashboard() { try { // Load broker bookings const response = await fetch("booking.php", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: "get_all_bookings_admin" }), }) if (response.ok) { const result = await response.json() if (result.success && result.data.bookings) { const allBookings = result.data.bookings // Filter bookings for this broker's properties brokerBookings = allBookings.filter((booking) => { const property = getBrokerPropertyData(booking.property_id) return property && property.broker_id == brokerAuth.brokerId }) updateBrokerDashboardStats() displayBrokerRecentBookings() displayBrokerPropertyPerformance() } } } catch (error) { console.error("Error loading broker dashboard:", error) } } function updateBrokerDashboardStats() { brokerProperties = getBrokerProperties() const totalProperties = brokerProperties.length const totalBookings = brokerBookings.length const totalEarnings = brokerBookings.reduce((sum, booking) => sum + Number.parseFloat(booking.total_amount || 0), 0) const avgRating = brokerProperties.reduce((sum, prop) => sum + prop.rating, 0) / brokerProperties.length || 0 document.getElementById("brokerTotalProperties").textContent = totalProperties document.getElementById("brokerTotalBookings").textContent = totalBookings document.getElementById("brokerTotalEarnings").textContent = "PKR " + totalEarnings.toLocaleString() document.getElementById("brokerAvgRating").textContent = avgRating.toFixed(1) } function displayBrokerRecentBookings() { const tbody = document.getElementById("brokerRecentBookingsTable") const recentBookings = brokerBookings.slice(0, 5) if (recentBookings.length === 0) { tbody.innerHTML = 'No bookings found' return } tbody.innerHTML = recentBookings .map( (booking) => ` ${booking.booking_id} ${booking.property_title} ${booking.guest_name} PKR ${Number.parseFloat(booking.total_amount).toLocaleString()} `, ) .join("") } function displayBrokerPropertyPerformance() { const tbody = document.getElementById("brokerPropertyPerformanceTable") const propertyStats = brokerProperties .map((property) => { const propertyBookings = brokerBookings.filter((b) => b.property_id == property.id) const revenue = propertyBookings.reduce((sum, b) => sum + Number.parseFloat(b.total_amount || 0), 0) return { title: property.title, bookings: propertyBookings.length, rating: property.rating, revenue: revenue, } }) .slice(0, 5) if (propertyStats.length === 0) { tbody.innerHTML = 'No properties found' return } tbody.innerHTML = propertyStats .map( (stat) => ` ${stat.title} ${stat.bookings} ${stat.rating}/5 PKR ${stat.revenue.toLocaleString()} `, ) .join("") } function loadBrokerProperties() { const tbody = document.getElementById("brokerPropertiesTable") brokerProperties = getBrokerProperties() if (brokerProperties.length === 0) { tbody.innerHTML = 'No properties found' return } tbody.innerHTML = brokerProperties .map((property) => { const propertyBookings = brokerBookings.filter((b) => b.property_id == property.id) const revenue = propertyBookings.reduce((sum, b) => sum + Number.parseFloat(b.total_amount || 0), 0) return ` PROP${property.id.toString().padStart(3, "0")} ${property.title} ${property.type} ${property.location} PKR ${property.price.toLocaleString()} ${property.rating}/5 ${propertyBookings.length} PKR ${revenue.toLocaleString()} Active ` }) .join("") } function loadBrokerBookings() { const tbody = document.getElementById("brokerBookingsTable") if (brokerBookings.length === 0) { tbody.innerHTML = 'No bookings found' return } tbody.innerHTML = brokerBookings .map( (booking) => ` ${booking.booking_id} ${booking.property_title} ${booking.guest_name} ${new Date(booking.checkin_date).toLocaleDateString()} ${new Date(booking.checkout_date).toLocaleDateString()} ${booking.guests} PKR ${Number.parseFloat(booking.total_amount).toLocaleString()} ${booking.booking_status} ${new Date(booking.created_at).toLocaleDateString()} `, ) .join("") } function loadBrokerEarnings() { const totalRevenue = brokerBookings.reduce((sum, booking) => sum + Number.parseFloat(booking.total_amount || 0), 0) const commission = totalRevenue * 0.15 // 15% commission const netEarnings = totalRevenue - commission // Calculate monthly and yearly earnings const currentYear = new Date().getFullYear() const currentMonth = new Date().getMonth() const monthlyBookings = brokerBookings.filter((b) => { const bookingDate = new Date(b.created_at) return bookingDate.getFullYear() === currentYear && bookingDate.getMonth() === currentMonth }) const yearlyBookings = brokerBookings.filter((b) => { const bookingDate = new Date(b.created_at) return bookingDate.getFullYear() === currentYear }) const monthlyRevenue = monthlyBookings.reduce((sum, b) => sum + Number.parseFloat(b.total_amount || 0), 0) const yearlyRevenue = yearlyBookings.reduce((sum, b) => sum + Number.parseFloat(b.total_amount || 0), 0) document.getElementById("monthlyEarnings").textContent = "PKR " + (monthlyRevenue - monthlyRevenue * 0.15).toLocaleString() document.getElementById("yearlyEarnings").textContent = "PKR " + (yearlyRevenue - yearlyRevenue * 0.15).toLocaleString() document.getElementById("totalLifetimeEarnings").textContent = "PKR " + netEarnings.toLocaleString() // Generate monthly breakdown const monthlyBreakdown = {} brokerBookings.forEach((booking) => { const date = new Date(booking.created_at) const monthKey = `${date.getFullYear()}-${date.getMonth() + 1}` if (!monthlyBreakdown[monthKey]) { monthlyBreakdown[monthKey] = { bookings: 0, revenue: 0, } } monthlyBreakdown[monthKey].bookings++ monthlyBreakdown[monthKey].revenue += Number.parseFloat(booking.total_amount || 0) }) const tbody = document.getElementById("brokerEarningsTable") const months = Object.keys(monthlyBreakdown).sort().reverse().slice(0, 12) if (months.length === 0) { tbody.innerHTML = 'No earnings data available' return } tbody.innerHTML = months .map((monthKey) => { const data = monthlyBreakdown[monthKey] const commission = data.revenue * 0.15 const netEarnings = data.revenue - commission const [year, month] = monthKey.split("-") const monthName = new Date(year, month - 1).toLocaleDateString("en-US", { month: "long", year: "numeric" }) return ` ${monthName} ${data.bookings} PKR ${data.revenue.toLocaleString()} PKR ${commission.toLocaleString()} PKR ${netEarnings.toLocaleString()} ` }) .join("") } function loadBrokerAnalytics() { // Booking status breakdown const confirmed = brokerBookings.filter((b) => b.booking_status === "confirmed").length const pending = brokerBookings.filter((b) => b.booking_status === "pending").length const cancelled = brokerBookings.filter((b) => b.booking_status === "cancelled").length document.getElementById("confirmedBookings").textContent = confirmed document.getElementById("pendingBookings").textContent = pending document.getElementById("cancelledBookings").textContent = cancelled // Top performing properties const propertyStats = brokerProperties .map((property) => { const propertyBookings = brokerBookings.filter((b) => b.property_id == property.id) const revenue = propertyBookings.reduce((sum, b) => sum + Number.parseFloat(b.total_amount || 0), 0) return { title: property.title, bookings: propertyBookings.length, revenue: revenue, } }) .sort((a, b) => b.revenue - a.revenue) .slice(0, 5) const topPropertiesTable = document.getElementById("topPropertiesTable") if (propertyStats.length === 0) { topPropertiesTable.innerHTML = 'No data available' } else { topPropertiesTable.innerHTML = propertyStats .map( (stat) => ` ${stat.title} ${stat.bookings} PKR ${stat.revenue.toLocaleString()} `, ) .join("") } // Guest demographics (simplified) const cityStats = {} brokerBookings.forEach((booking) => { const property = getBrokerPropertyData(booking.property_id) if (property) { const city = property.city if (!cityStats[city]) { cityStats[city] = { bookings: 0, revenue: 0, totalDays: 0, } } cityStats[city].bookings++ cityStats[city].revenue += Number.parseFloat(booking.total_amount || 0) const checkin = new Date(booking.checkin_date) const checkout = new Date(booking.checkout_date) const days = Math.ceil((checkout - checkin) / (1000 * 60 * 60 * 24)) cityStats[city].totalDays += days } }) const guestDemographicsTable = document.getElementById("guestDemographicsTable") const cities = Object.keys(cityStats) if (cities.length === 0) { guestDemographicsTable.innerHTML = 'No data available' } else { guestDemographicsTable.innerHTML = cities .map((city) => { const stats = cityStats[city] const avgStay = stats.totalDays / stats.bookings || 0 return ` ${city.charAt(0).toUpperCase() + city.slice(1)} ${stats.bookings} PKR ${stats.revenue.toLocaleString()} ${avgStay.toFixed(1)} days ` }) .join("") } } // Helper functions function getBrokerProperties() { const allProperties = [ { id: 1, title: "Luxury Apartment in Clifton", type: "apartment", price: 15000, location: "Clifton, Karachi", city: "karachi", rating: 4.8, broker_id: 1, }, { id: 2, title: "Modern House in DHA", type: "house", price: 25000, location: "DHA Phase 5, Karachi", city: "karachi", rating: 4.9, broker_id: 2, }, { id: 3, title: "Luxury Villa in Bahria Town", type: "villa", price: 35000, location: "Bahria Town, Karachi", city: "karachi", rating: 5.0, broker_id: 3, }, { id: 4, title: "Cozy Apartment in Gulberg", type: "apartment", price: 12000, location: "Gulberg, Lahore", city: "lahore", rating: 4.5, broker_id: 4, }, { id: 5, title: "Family House in Model Town", type: "house", price: 20000, location: "Model Town, Lahore", city: "lahore", rating: 4.7, broker_id: 5, }, { id: 6, title: "Premium Apartment in F-7", type: "apartment", price: 18000, location: "F-7, Islamabad", city: "islamabad", rating: 4.8, broker_id: 6, }, { id: 7, title: "Executive Villa in E-7", type: "villa", price: 30000, location: "E-7, Islamabad", city: "islamabad", rating: 4.9, broker_id: 7, }, { id: 8, title: "Modern House in G-10", type: "house", price: 22000, location: "G-10, Islamabad", city: "islamabad", rating: 4.6, broker_id: 8, }, { id: 9, title: "Studio Apartment in Johar Town", type: "apartment", price: 8000, location: "Johar Town, Lahore", city: "lahore", rating: 4.2, broker_id: 9, }, { id: 10, title: "Beachfront Villa in Hawksbay", type: "villa", price: 40000, location: "Hawksbay, Karachi", city: "karachi", rating: 5.0, broker_id: 10, }, ] return allProperties.filter((property) => property.broker_id == brokerAuth.brokerId) } function getBrokerPropertyData(propertyId) { const allProperties = [ { id: 1, title: "Luxury Apartment in Clifton", type: "apartment", price: 15000, location: "Clifton, Karachi", city: "karachi", rating: 4.8, broker_id: 1, }, { id: 2, title: "Modern House in DHA", type: "house", price: 25000, location: "DHA Phase 5, Karachi", city: "karachi", rating: 4.9, broker_id: 2, }, { id: 3, title: "Luxury Villa in Bahria Town", type: "villa", price: 35000, location: "Bahria Town, Karachi", city: "karachi", rating: 5.0, broker_id: 3, }, { id: 4, title: "Cozy Apartment in Gulberg", type: "apartment", price: 12000, location: "Gulberg, Lahore", city: "lahore", rating: 4.5, broker_id: 4, }, { id: 5, title: "Family House in Model Town", type: "house", price: 20000, location: "Model Town, Lahore", city: "lahore", rating: 4.7, broker_id: 5, }, { id: 6, title: "Premium Apartment in F-7", type: "apartment", price: 18000, location: "F-7, Islamabad", city: "islamabad", rating: 4.8, broker_id: 6, }, { id: 7, title: "Executive Villa in E-7", type: "villa", price: 30000, location: "E-7, Islamabad", city: "islamabad", rating: 4.9, broker_id: 7, }, { id: 8, title: "Modern House in G-10", type: "house", price: 22000, location: "G-10, Islamabad", city: "islamabad", rating: 4.6, broker_id: 8, }, { id: 9, title: "Studio Apartment in Johar Town", type: "apartment", price: 8000, location: "Johar Town, Lahore", city: "lahore", rating: 4.2, broker_id: 9, }, { id: 10, title: "Beachfront Villa in Hawksbay", type: "villa", price: 40000, location: "Hawksbay, Karachi", city: "karachi", rating: 5.0, broker_id: 10, }, ] return allProperties.find((property) => property.id == propertyId) } function brokerLogout() { if (confirm("Are you sure you want to logout?")) { localStorage.removeItem("brokerAuth") window.location.href = "broker-login.html" } } [V0_FILE]html:file="index.html" isEdit="true" isQuickEdit="true" isMerged="true" Stayscape - Premium Property Booking

Find Your Perfect in Pakistan

Discover amazing properties across Pakistan's most beautiful cities. Book your dream accommodation with ease.

Explore Now Learn More

Why Choose Stayscape?

We're Pakistan's leading property booking platform, offering premium accommodations across the country.

Verified Properties

All properties are verified

24/7 Support

Round the clock assistance

Our Services

Discover premium properties across Pakistan's major cities

Why Book With Us?

Premium Properties

Handpicked properties for the best experience

Secure Booking

Your payments and data are always protected

Instant Confirmation

Get immediate booking confirmation

Discover Pakistan's Beauty

From mountains to beaches, explore diverse landscapes

Northern Areas

Hunza, Skardu, Gilgit

Mountains Snow Photography

Coastal Beauty

Karachi, Gwadar

Beaches Ports Seafood

Historical Sites

Lahore Fort, Mohenjo-daro

Heritage Architecture History

Desert Adventure

Thar, Cholistan

Dunes Culture Festivals

Capital Charm

Islamabad

Modern Parks Faisal Mosque

Swat Valley

Greenery & Rivers

Nature Fresh Air Scenic Drives

Cultural Festivals

Lahore, Multan

Music Dance Art

Wildlife Parks

Lal Suhanra, Ayubia

Animals Safari Forest

Hill Stations

Murree, Patriata, Nathia Gali

Retreat Fog Pine Forests

Stayscape Pakistan by Numbers

Our growing presence across Pakistan

Major Cities

Karachi, Lahore, Islamabad & more

Properties

Verified luxury accommodations

Happy Guests

Satisfied customers nationwide

Average Rating

Excellent guest satisfaction

What Our Pakistani Guests Say

Real experiences from travelers across Pakistan

"Amazing experience in Karachi! The DHA villa was exactly as described. Perfect location and excellent amenities. Stayscape made booking so easy!"

Ahmad Khan

Karachi, Pakistan

"Stayed in Lahore's Gulberg area. The apartment was modern, clean, and perfectly located. Great service from the Stayscape team!"

Sarah Ali

Lahore, Pakistan

"Business trip to Islamabad was made comfortable with their F-7 executive suite. Professional service and premium quality accommodation."

Hassan Sheikh

Islamabad, Pakistan

"Family vacation in Rawalpindi was perfect. The property had everything we needed and the kids loved the amenities. Highly recommend!"

Fatima Malik

Rawalpindi, Pakistan

Welcome to Newsletter

+92 300 1234567

info@stayscape.pk

Karachi, Pakistan

City

Property Type

Price Range

Rating

[V0_FILE]html:file="broker-panel.html" isEdit="true" isMerged="true" Broker Panel - StayPakistan

Properties

0

Active listings

Bookings

0

This month

Rating

0.0

Average rating

Revenue

₨0

This month

Recent Bookings

View All

Booking ID	Guest	Property	Check-in	Status	Amount
Loading...

Recent Messages

View All

My Properties

Add Property

ID	Title	Type	Location	Price	Rating	Status	Actions
Loading...

All Bookings

Booking ID	Guest	Property	Check-in	Check-out	Status	Amount	Actions
Loading...

Add New Property

Property Title

Property Type

Price per Night (PKR)

Location

City

Max Guests

Bedrooms

Bathrooms

Rating

Description

Amenities

WiFi

Kitchen

Parking

Pool

Garden

Gym

Security

Upload Images

[V0_FILE]html:file="login.html" isEdit="true" isMerged="true" Login - StayPakistan

Don't have an account? Sign Up

Admin & Broker Login

Admin Panel Broker Panel

Signing you in...

[V0_FILE]html:file="admin-login.html" isEdit="true" isMerged="true" Admin Login - StayPakistan

Demo Credentials

Username: admin

Password: admin123

Back to User Login

[V0_FILE]html:file="broker-login.html" isEdit="true" isMerged="true" Broker Login - StayPakistan

Demo Credentials

Username: broker1

Password: broker123

Back to User Login

[V0_FILE]html:file="admin-panel.html" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true" Admin Panel - StayPakistan

0

Total Bookings

+12% from last month

0

Total Users

+5% from last month

10

Properties

+8% from last month

₨0

Total Revenue

+15% from last month

Recent Bookings

Booking ID	Guest	Status	Amount
Loading...

Recent Users

All Bookings

Booking ID	Property	Guest	Check-in	Check-out	Guests	Amount	Status	Date
Loading...

All Users

User ID	Name	Email	Phone	Bookings	Total Spent	Status	Joined
Loading...

Broker Management

Broker management features coming soon...

Property Management

Property management features coming soon...

Contact Messages

ID	Name	Email	Subject	Message	Date	Status
Loading...

[V0_FILE]php:file="booking.php" isEdit="true" isMerged="true" getMessage()); sendResponse(false, 'Server error occurred'); } function handleBooking($input) { global $pdo; try { // Validate required fields $required_fields = ['property_id', 'checkin_date', 'checkout_date', 'guests', 'guest_name', 'guest_email', 'guest_phone', 'guest_cnic', 'guest_address', 'payment_method', 'total_amount']; foreach ($required_fields as $field) { if (!isset($input[$field]) || empty(trim($input[$field]))) { sendResponse(false, "Field '$field' is required"); } } $property_id = intval($input['property_id']); $user_id = isset($input['user_id']) ? intval($input['user_id']) : null; $checkin_date = $input['checkin_date']; $checkout_date = $input['checkout_date']; $guests = intval($input['guests']); $guest_name = sanitizeInput($input['guest_name']); $guest_email = sanitizeInput($input['guest_email']); $guest_phone = sanitizeInput($input['guest_phone']); $guest_cnic = sanitizeInput($input['guest_cnic']); $guest_address = sanitizeInput($input['guest_address']); $payment_method = sanitizeInput($input['payment_method']); $total_amount = floatval($input['total_amount']); $special_requests = isset($input['special_requests']) ? sanitizeInput($input['special_requests']) : ''; $notes = isset($input['notes']) ? sanitizeInput($input['notes']) : ''; // Validate dates $checkin = new DateTime($checkin_date); $checkout = new DateTime($checkout_date); $today = new DateTime(); if ($checkin < $today) { sendResponse(false, 'Check-in date cannot be in the past'); } if ($checkout <= $checkin) { sendResponse(false, 'Check-out date must be after check-in date'); } // Validate email if (!isValidEmail($guest_email)) { sendResponse(false, 'Invalid email format'); } // Generate unique booking ID $booking_id = 'BK' . date('Ymd') . sprintf('%04d', rand(1000, 9999)); // Ensure booking ID is unique $stmt = $pdo->prepare("SELECT booking_id FROM bookings WHERE booking_id = ?"); $stmt->execute([$booking_id]); while ($stmt->fetch()) { $booking_id = 'BK' . date('Ymd') . sprintf('%04d', rand(1000, 9999)); $stmt->execute([$booking_id]); } // Get property details for the booking $property_title = 'Property #' . $property_id; $property_location = 'Location for Property #' . $property_id; // Insert booking $stmt = $pdo->prepare(" INSERT INTO bookings ( booking_id, property_id, user_id, property_title, property_location, guest_name, guest_email, guest_phone, guest_cnic, guest_address, checkin_date, checkout_date, guests, total_amount, payment_method, special_requests, notes, booking_status, created_at ) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, 'confirmed', NOW()) "); $result = $stmt->execute([ $booking_id, $property_id, $user_id, $property_title, $property_location, $guest_name, $guest_email, $guest_phone, $guest_cnic, $guest_address, $checkin_date, $checkout_date, $guests, $total_amount, $payment_method, $special_requests, $notes ]); if ($result) { // Get the created booking $stmt = $pdo->prepare("SELECT * FROM bookings WHERE booking_id = ?"); $stmt->execute([$booking_id]); $booking = $stmt->fetch(); sendResponse(true, 'Booking created successfully', [ 'booking_id' => $booking_id, 'booking' => $booking ]); } else { sendResponse(false, 'Failed to create booking'); } } catch (PDOException $e) { logError("Database error in handleBooking: " . $e->getMessage()); sendResponse(false, 'Booking failed. Please try again.'); } catch (Exception $e) { logError("Error in handleBooking: " . $e->getMessage()); sendResponse(false, 'Booking failed. Please try again.'); } } function handleGetBookings($input) { global $pdo; try { if (!isset($input['user_id'])) { sendResponse(false, 'User ID is required'); } $user_id = $input['user_id']; // Get user email first $stmt = $pdo->prepare("SELECT email FROM users WHERE user_id = ?"); $stmt->execute([$user_id]); $user = $stmt->fetch(); if (!$user) { sendResponse(false, 'User not found'); } $stmt = $pdo->prepare(" SELECT * FROM bookings WHERE guest_email = ? OR user_id = ? ORDER BY created_at DESC "); $stmt->execute([$user['email'], $user_id]); $bookings = $stmt->fetchAll(); sendResponse(true, 'Bookings retrieved successfully', ['bookings' => $bookings]); } catch (PDOException $e) { logError("Database error in handleGetBookings: " . $e->getMessage()); sendResponse(false, 'Failed to retrieve bookings'); } } function handleGetAllBookingsAdmin() { global $pdo; try { $stmt = $pdo->prepare("SELECT * FROM bookings ORDER BY created_at DESC"); $stmt->execute(); $bookings = $stmt->fetchAll(); sendResponse(true, 'All bookings retrieved successfully', ['bookings' => $bookings]); } catch (PDOException $e) { logError("Database error in handleGetAllBookingsAdmin: " . $e->getMessage()); sendResponse(false, 'Failed to retrieve bookings'); } } function handleCancelBooking($input) { global $pdo; try { if (!isset($input['booking_id']) || !isset($input['user_id'])) { sendResponse(false, 'Booking ID and User ID are required'); } $booking_id = $input['booking_id']; $user_id = $input['user_id']; // Get user email $stmt = $pdo->prepare("SELECT email FROM users WHERE user_id = ?"); $stmt->execute([$user_id]); $user = $stmt->fetch(); if (!$user) { sendResponse(false, 'User not found'); } // Check if booking exists and belongs to user $stmt = $pdo->prepare("SELECT booking_status, checkin_date FROM bookings WHERE booking_id = ? AND (guest_email = ? OR user_id = ?)"); $stmt->execute([$booking_id, $user['email'], $user_id]); $booking = $stmt->fetch(); if (!$booking) { sendResponse(false, 'Booking not found'); } if ($booking['booking_status'] === 'cancelled') { sendResponse(false, 'Booking is already cancelled'); } // Check if booking can be cancelled (at least 24 hours before check-in) $checkin = new DateTime($booking['checkin_date']); $now = new DateTime(); if ($checkin <= $now) { sendResponse(false, 'Cannot cancel booking after check-in date'); } // Update booking status $stmt = $pdo->prepare("UPDATE bookings SET booking_status = 'cancelled', updated_at = NOW() WHERE booking_id = ?"); $result = $stmt->execute([$booking_id]); if ($result) { sendResponse(true, 'Booking cancelled successfully'); } else { sendResponse(false, 'Failed to cancel booking'); } } catch (PDOException $e) { logError("Database error in handleCancelBooking: " . $e->getMessage()); sendResponse(false, 'Failed to cancel booking'); } } ?> [V0_FILE]php:file="config.php" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true" setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); $pdo->setAttribute(PDO::ATTR_DEFAULT_FETCH_MODE, PDO::FETCH_ASSOC); } catch (PDOException $e) { die("Database connection failed: " . $e->getMessage()); } // Enable error reporting for development error_reporting(E_ALL); ini_set('display_errors', 0); // Don't display errors in production // Set timezone date_default_timezone_set('Asia/Karachi'); // CORS headers header('Access-Control-Allow-Origin: *'); header('Access-Control-Allow-Methods: GET, POST, PUT, DELETE, OPTIONS'); header('Access-Control-Allow-Headers: Content-Type, Authorization, X-Requested-With'); // Handle OPTIONS requests if ($_SERVER['REQUEST_METHOD'] == 'OPTIONS') { http_response_code(200); exit(0); } // Set content type to JSON header('Content-Type: application/json'); // Utility functions function sendResponse($success, $message, $data = null) { $response = [ 'success' => $success, 'message' => $message ]; if ($data !== null) { $response['data'] = $data; } echo json_encode($response); exit; } function sanitizeInput($input) { return htmlspecialchars(trim($input), ENT_QUOTES, 'UTF-8'); } function isValidEmail($email) { return filter_var($email, FILTER_VALIDATE_EMAIL) !== false; } function hashPassword($password) { return password_hash($password, PASSWORD_DEFAULT); } function verifyPassword($password, $hash) { return password_verify($password, $hash); } function generateId($prefix = '') { return $prefix . date('Ymd') . sprintf('%04d', rand(1000, 9999)); } function isValidPhone($phone) { return preg_match('/^(\+92|0092|92|0)[0-9]{10}$/', $phone); } // Admin credentials define('ADMIN_USERNAME', 'admin'); define('ADMIN_PASSWORD', 'admin123'); // Broker credentials (in real app, this would be in database) $brokers = [ 1 => ['username' => 'broker1', 'password' => 'broker123', 'name' => 'Ahmed Hassan', 'email' => 'ahmed@realestate.com'], 2 => ['username' => 'broker2', 'password' => 'broker123', 'name' => 'Sara Khan', 'email' => 'sara@realestate.com'], 3 => ['username' => 'broker3', 'password' => 'broker123', 'name' => 'Hassan Ali', 'email' => 'hassan@realestate.com'] ]; // Create database tables if they don't exist function createTables($pdo) { $tables = [ 'users' => " CREATE TABLE IF NOT EXISTS users ( id INT AUTO_INCREMENT PRIMARY KEY, user_id VARCHAR(50) UNIQUE NOT NULL, first_name VARCHAR(100) NOT NULL, last_name VARCHAR(100) NOT NULL, email VARCHAR(255) UNIQUE NOT NULL, phone VARCHAR(20), password VARCHAR(255) NOT NULL, user_type ENUM('customer', 'admin', 'broker') DEFAULT 'customer', created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP, updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP, is_active BOOLEAN DEFAULT TRUE, INDEX idx_email (email), INDEX idx_user_id (user_id) ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci ", 'bookings' => " CREATE TABLE IF NOT EXISTS bookings ( id INT AUTO_INCREMENT PRIMARY KEY, booking_id VARCHAR(50) UNIQUE NOT NULL, user_id VARCHAR(50), property_id INT NOT NULL, property_title VARCHAR(255) DEFAULT 'Property', property_location VARCHAR(255) DEFAULT 'Location', checkin_date DATE NOT NULL, checkout_date DATE NOT NULL, guests INT NOT NULL, special_requests VARCHAR(255), notes TEXT, guest_name VARCHAR(255) NOT NULL, guest_email VARCHAR(255) NOT NULL, guest_phone VARCHAR(20) NOT NULL, guest_cnic VARCHAR(20) NOT NULL, guest_address TEXT NOT NULL, payment_method VARCHAR(50) NOT NULL, total_amount DECIMAL(10, 2) NOT NULL, booking_status ENUM('pending', 'confirmed', 'cancelled', 'completed') DEFAULT 'confirmed', created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP, updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP, INDEX idx_booking_id (booking_id), INDEX idx_user_id (user_id), INDEX idx_property_id (property_id), INDEX idx_booking_status (booking_status) ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci ", 'contact_messages' => " CREATE TABLE IF NOT EXISTS contact_messages ( id INT AUTO_INCREMENT PRIMARY KEY, first_name VARCHAR(100) NOT NULL, last_name VARCHAR(100) NOT NULL, email VARCHAR(255) NOT NULL, phone VARCHAR(20), subject VARCHAR(255) NOT NULL, message TEXT NOT NULL, created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP, is_read BOOLEAN DEFAULT FALSE, INDEX idx_email (email), INDEX idx_created_at (created_at) ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci ", 'admins' => " CREATE TABLE IF NOT EXISTS admins ( admin_id INT AUTO_INCREMENT PRIMARY KEY, username VARCHAR(50) UNIQUE NOT NULL, email VARCHAR(255) UNIQUE NOT NULL, password VARCHAR(255) NOT NULL, full_name VARCHAR(255) NOT NULL, role VARCHAR(50) DEFAULT 'admin', created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP, is_active BOOLEAN DEFAULT TRUE ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci ", 'brokers' => " CREATE TABLE IF NOT EXISTS brokers ( broker_id INT AUTO_INCREMENT PRIMARY KEY, username VARCHAR(50) UNIQUE NOT NULL, email VARCHAR(255) UNIQUE NOT NULL, password VARCHAR(255) NOT NULL, full_name VARCHAR(255) NOT NULL, phone VARCHAR(20), commission_rate DECIMAL(5,2) DEFAULT 10.00, status ENUM('active', 'inactive', 'suspended') DEFAULT 'active', created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci " ]; try { foreach ($tables as $tableName => $sql) { $pdo->exec($sql); } // Insert default admin if not exists $stmt = $pdo->prepare("SELECT COUNT(*) FROM admins WHERE username = ?"); $stmt->execute([ADMIN_USERNAME]); if ($stmt->fetchColumn() == 0) { $stmt = $pdo->prepare("INSERT INTO admins (username, email, password, full_name) VALUES (?, ?, ?, ?)"); $stmt->execute([ADMIN_USERNAME, 'admin@staypakistan.com', password_hash(ADMIN_PASSWORD, PASSWORD_DEFAULT), 'System Administrator']); } // Insert default brokers if not exists foreach ($brokers as $broker) { $stmt = $pdo->prepare("SELECT COUNT(*) FROM brokers WHERE username = ?"); $stmt->execute([$broker['username']]); if ($stmt->fetchColumn() == 0) { $stmt = $pdo->prepare("INSERT INTO brokers (username, email, password, full_name, phone) VALUES (?, ?, ?, ?, ?)"); $stmt->execute([$broker['username'], $broker['email'], password_hash($broker['password'], PASSWORD_DEFAULT), $broker['name'], '+92300123456']); } } return true; } catch (PDOException $e) { logError("Failed to create tables: " . $e->getMessage()); return false; } } // Create tables createTables($pdo); function logError($message) { error_log(date('[Y-m-d H:i:s] ') . $message . PHP_EOL, 3, 'errors.log'); } ?> [V0_FILE]html:file="booking.html" isEdit="true" isMerged="true" Book Property - StayPakistan

Complete Your Booking

Loading property details...

Guest Information

Full Name *

Please provide your full name.

Email Address *

Please provide a valid email address.

Phone Number *

Please provide your phone number.

CNIC *

Please provide your CNIC in format: 00000-0000000-0

Address *

Please provide your address.

Booking Details

Check-in Date *

Please select check-in date.

Check-out Date *

Please select check-out date.

Number of Guests *

Please select number of guests.

Payment Method

Bank Transfer

JazzCash

EasyPaisa

Credit Card

Please select a payment method.

Additional Options

Special Requests

Additional Notes

I agree to the Terms and Conditions and Privacy Policy

You must agree to the terms and conditions.

Booking Summary

Calculating...

Back to Properties

[V0_FILE]sql:file="scripts/database.sql" isEdit="true" isMerged="true" -- Create database CREATE DATABASE IF NOT EXISTS stayscape_db; USE stayscape_db; -- Users table CREATE TABLE IF NOT EXISTS users ( id INT AUTO_INCREMENT PRIMARY KEY, user_id VARCHAR(20) UNIQUE NOT NULL, first_name VARCHAR(50) NOT NULL, last_name VARCHAR(50) NOT NULL, email VARCHAR(100) UNIQUE NOT NULL, phone VARCHAR(20), password VARCHAR(255) NOT NULL, is_active BOOLEAN DEFAULT TRUE, created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP, updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP ); -- Properties table (for future use) CREATE TABLE IF NOT EXISTS properties ( id INT AUTO_INCREMENT PRIMARY KEY, property_id INT UNIQUE NOT NULL, title VARCHAR(200) NOT NULL, description TEXT, location VARCHAR(200) NOT NULL, city VARCHAR(50) NOT NULL, type ENUM('apartment', 'house', 'villa') NOT NULL, price DECIMAL(10,2) NOT NULL, max_guests INT NOT NULL, bedrooms INT NOT NULL, bathrooms INT NOT NULL, amenities JSON, images JSON, rating DECIMAL(2,1) DEFAULT 0, broker_id INT NOT NULL, broker_name VARCHAR(100) NOT NULL, broker_phone VARCHAR(20) NOT NULL, broker_email VARCHAR(100) NOT NULL, is_active BOOLEAN DEFAULT TRUE, created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP, updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP ); -- Bookings table CREATE TABLE IF NOT EXISTS bookings ( id INT AUTO_INCREMENT PRIMARY KEY, booking_id VARCHAR(20) UNIQUE NOT NULL, property_id INT NOT NULL, user_id VARCHAR(20), property_title VARCHAR(200), property_location VARCHAR(200), guest_name VARCHAR(100) NOT NULL, guest_email VARCHAR(100) NOT NULL, guest_phone VARCHAR(20) NOT NULL, guest_cnic VARCHAR(20), guest_address TEXT, checkin_date DATE NOT NULL, checkout_date DATE NOT NULL, guests INT NOT NULL, total_amount DECIMAL(10,2) NOT NULL, payment_method VARCHAR(50), special_requests VARCHAR(100), notes TEXT, booking_status ENUM('pending', 'confirmed', 'cancelled', 'completed') DEFAULT 'confirmed', created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP, updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP, FOREIGN KEY (user_id) REFERENCES users(user_id) ON DELETE SET NULL ); -- Contact messages table CREATE TABLE IF NOT EXISTS contact_messages ( id INT AUTO_INCREMENT PRIMARY KEY, first_name VARCHAR(50) NOT NULL, last_name VARCHAR(50) NOT NULL, email VARCHAR(100) NOT NULL, phone VARCHAR(20), subject VARCHAR(200) NOT NULL, message TEXT NOT NULL, is_read BOOLEAN DEFAULT FALSE, created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ); -- Insert sample users INSERT INTO users (user_id, first_name, last_name, email, phone, password) VALUES ('USR20241201001', 'John', 'Doe', 'john@example.com', '+92 300 1234567', '$2y$10$92IXUNpkjO0rOQ5byMi.Ye4oKoEa3Ro9llC/.og/at2.uheWG/igi'), ('USR20241201002', 'Jane', 'Smith', 'jane@example.com', '+92 300 2345678', '$2y$10$92IXUNpkjO0rOQ5byMi.Ye4oKoEa3Ro9llC/.og/at2.uheWG/igi'), ('USR20241201003', 'Ahmed', 'Khan', 'ahmed@example.com', '+92 300 3456789', '$2y$10$92IXUNpkjO0rOQ5byMi.Ye4oKoEa3Ro9llC/.og/at2.uheWG/igi'); -- Insert sample properties INSERT INTO properties (property_id, title, description, location, city, type, price, max_guests, bedrooms, bathrooms, amenities, images, rating, broker_id, broker_name, broker_phone, broker_email) VALUES (1, 'Luxury Apartment in Clifton', 'Beautiful luxury apartment with sea view', 'Clifton, Karachi', 'karachi', 'apartment', 15000.00, 4, 2, 2, '["WiFi", "AC", "Kitchen", "Parking", "Security"]', '["https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg"]', 4.8, 1, 'Ahmed Hassan', '+92 300 1234567', 'ahmed@realestate.com'), (2, 'Modern House in DHA', 'Spacious modern house in prestigious DHA area', 'DHA Phase 5, Karachi', 'karachi', 'house', 25000.00, 6, 3, 3, '["WiFi", "AC", "Kitchen", "Garden", "Parking"]', '["https://images.pexels.com/photos/1396122/pexels-photo-1396122.jpeg"]', 4.9, 2, 'Sara Khan', '+92 300 2345678', 'sara@realestate.com'), (3, 'Luxury Villa in Bahria Town', 'Premium villa with private pool and garden', 'Bahria Town, Karachi', 'karachi', 'villa', 35000.00, 8, 4, 4, '["WiFi", "AC", "Kitchen", "Pool", "Garden", "Parking"]', '["https://images.pexels.com/photos/1370704/pexels-photo-1370704.jpeg"]', 5.0, 3, 'Hassan Ali', '+92 300 3456789', 'hassan@realestate.com'); -- Insert sample bookings INSERT INTO bookings (booking_id, property_id, user_id, property_title, property_location, guest_name, guest_email, guest_phone, guest_cnic, guest_address, checkin_date, checkout_date, guests, total_amount, payment_method, booking_status) VALUES ('BK20241201001', 1, 'USR20241201001', 'Luxury Apartment in Clifton', 'Clifton, Karachi', 'John Doe', 'john@example.com', '+92 300 1234567', '12345-1234567-1', '123 Main St, Karachi', '2024-12-15', '2024-12-18', 2, 48600.00, 'bank_transfer', 'confirmed'), ('BK20241201002', 2, 'USR20241201002', 'Modern House in DHA', 'DHA Phase 5, Karachi', 'Jane Smith', 'jane@example.com', '+92 300 2345678', '12345-1234567-2', '456 Oak Ave, Lahore', '2024-12-20', '2024-12-25', 4, 135000.00, 'jazz_cash', 'confirmed'), ('BK20241201003', 3, 'USR20241201003', 'Luxury Villa in Bahria Town', 'Bahria Town, Karachi', 'Ahmed Khan', 'ahmed@example.com', '+92 300 3456789', '12345-1234567-3', '789 Pine Rd, Islamabad', '2024-12-22', '2024-12-26', 6, 151200.00, 'easypaisa', 'pending'); -- Insert sample contact messages INSERT INTO contact_messages (first_name, last_name, email, phone, subject, message) VALUES ('Ali', 'Ahmed', 'ali@example.com', '+92 300 1111111', 'Property Inquiry', 'I am interested in booking a property in Karachi for next month.'), ('Fatima', 'Khan', 'fatima@example.com', '+92 300 2222222', 'Booking Issue', 'I am having trouble with my booking confirmation.'), ('Hassan', 'Ali', 'hassan@example.com', '+92 300 3333333', 'General Question', 'What are your cancellation policies?'); [V0_FILE]html:file="signup.html" isEdit="true" Sign Up - StayPakistan

First Name

Last Name

Email Address

Phone Number (Optional)

Password

Confirm Password

I agree to the Terms & Conditions and Privacy Policy

Already have an account? Sign In

[V0_FILE]html:file="confirmation.html" isEdit="true" Booking Confirmation - StayPakistan

Booking Confirmed!

Your booking has been successfully confirmed. You will receive a confirmation email shortly.

Loading booking details...

Back to Home

[V0_FILE]html:file="contact.html" isEdit="true" Contact Us - Stayscape

We're Here to Provide

Whether you have a question, need assistance, or just want to say hello — our team is ready to help you.

Contact Us

First Name

Please enter your first name.

Last Name

Please enter your last name.

Please enter a valid email address.

Phone

Please enter a valid phone number.

Subject

Please select a subject.

Message

Minimum 10 characters, maximum 1000 characters

Please enter your message (10-1000 characters).

Contact Information

Multiple ways to reach us

Address

123 Main Street
Karachi, Pakistan
75400

Phone

+92 300 1234567
+92 21 1234567
24/7 Support

Email

info@Stayscape.com
support@Stayscape.com
booking@Stayscape.com

Frequently Asked Questions

Find answers to common questions

Simply browse our listings, select your preferred property, choose your dates, and complete the booking process. You'll receive instant confirmation via email.

Our cancellation policy varies by property. Most properties offer free cancellation up to 24 hours before check-in. Please check the specific policy for each property.

Yes, all properties on our platform are thoroughly verified by our team. We conduct regular inspections to ensure quality and accuracy of listings.

You can reach our 24/7 customer support team via phone, email, or live chat. We're always here to help with any questions or concerns.

[V0_FILE]javascript:file="admin-panel.js" isFixed="true" isEdit="true" isQuickEdit="true" // Admin Panel JavaScript let currentSection = "dashboard" let allBookings = [] let allUsers = [] let adminAuth = null // Check admin authentication document.addEventListener("DOMContentLoaded", () => { const auth = localStorage.getItem("adminAuth") if (!auth) { window.location.href = "admin-login.html" return } try { adminAuth = JSON.parse(auth) console.log("Admin authenticated:", adminAuth) initializeAdminPanel() updateTime() setInterval(updateTime, 1000) // Auto-refresh data every 30 seconds setInterval(refreshCurrentSection, 30000) } catch (error) { console.error("Error parsing admin auth:", error) localStorage.removeItem("adminAuth") window.location.href = "admin-login.html" } }) function initializeAdminPanel() { // Update admin info if (adminAuth && adminAuth.name) { const adminNameElements = document.querySelectorAll(".admin-name") adminNameElements.forEach((el) => { if (el) el.textContent = adminAuth.name }) } loadDashboardData() } function updateTime() { const timeElement = document.getElementById("currentTime") if (timeElement) { const now = new Date() timeElement.textContent = now.toLocaleTimeString() } } function showSection(section) { // Hide all sections document.querySelectorAll(".content-section").forEach((el) => { el.style.display = "none" }) // Remove active class from all nav links document.querySelectorAll(".admin-nav-link").forEach((el) => { el.classList.remove("active") }) // Show selected section const sectionElement = document.getElementById(section + "-section") if (sectionElement) { sectionElement.style.display = "block" } // Add active class to clicked nav link if (event && event.target) { event.target.classList.add("active") } // Update section title const titles = { dashboard: "Dashboard", bookings: "All Bookings", users: "All Users", messages: "Contact Messages", } const titleElement = document.getElementById("sectionTitle") if (titleElement && titles[section]) { titleElement.textContent = titles[section] } currentSection = section refreshCurrentSection() } function refreshCurrentSection() { switch (currentSection) { case "dashboard": loadDashboardData() break case "bookings": loadAllBookings() break case "users": loadAllUsers() break case "messages": loadContactMessages() break } } async function loadDashboardData() { try { console.log("Loading dashboard data...") // Load bookings const bookingResponse = await fetch("booking.php", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: "get_all_bookings_admin" }), }) if (bookingResponse.ok) { const bookingResult = await bookingResponse.json() console.log("Booking response:", bookingResult) if (bookingResult.success && bookingResult.data.bookings) { allBookings = bookingResult.data.bookings updateDashboardStats() displayRecentBookings() } else { console.error("Failed to load bookings:", bookingResult.message) } } // Load users const userResponse = await fetch("auth.php", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: "get_all_users_admin" }), }) if (userResponse.ok) { const userResult = await userResponse.json() console.log("User response:", userResult) if (userResult.success && userResult.data && userResult.data.users) { allUsers = userResult.data.users displayRecentUsers() updateDashboardStats() } else { console.error("Failed to load users:", userResult.message) } } } catch (error) { console.error("Error loading dashboard data:", error) showErrorMessage("Failed to load dashboard data") } } function updateDashboardStats() { const totalBookings = allBookings.length const totalUsers = allUsers.length const totalRevenue = allBookings.reduce((sum, booking) => { return sum + Number.parseFloat(booking.total_amount || 0) }, 0) // Update dashboard stats const totalBookingsEl = document.getElementById("totalBookings") const totalUsersEl = document.getElementById("totalUsers") const totalRevenueEl = document.getElementById("totalRevenue") if (totalBookingsEl) totalBookingsEl.textContent = totalBookings if (totalUsersEl) totalUsersEl.textContent = totalUsers if (totalRevenueEl) totalRevenueEl.textContent = "PKR " + totalRevenue.toLocaleString() console.log("Dashboard stats updated:", { totalBookings, totalUsers, totalRevenue }) } function displayRecentBookings() { const tbody = document.getElementById("recentBookingsTable") if (!tbody) return const recentBookings = allBookings.slice(0, 5) if (recentBookings.length === 0) { tbody.innerHTML = 'No bookings found' return } tbody.innerHTML = recentBookings .map( (booking) => ` ${booking.booking_id} ${booking.guest_name} ${booking.booking_status} PKR ${Number.parseFloat(booking.total_amount).toLocaleString()} `, ) .join("") } function displayRecentUsers() { const tbody = document.getElementById("recentUsersTable") if (!tbody) return const recentUsers = allUsers.slice(0, 5) if (recentUsers.length === 0) { tbody.innerHTML = 'No users found' return } tbody.innerHTML = recentUsers .map( (user) => ` ${user.user_id} ${user.first_name} ${user.last_name} ${user.email} ${new Date(user.created_at).toLocaleDateString()} `, ) .join("") } async function loadAllBookings() { try { console.log("Loading all bookings...") const response = await fetch("booking.php", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: "get_all_bookings_admin" }), }) const result = await response.json() const tbody = document.getElementById("allBookingsTable") if (!tbody) return if (result.success && result.data.bookings) { allBookings = result.data.bookings if (allBookings.length === 0) { tbody.innerHTML = 'No bookings found' return } tbody.innerHTML = allBookings .map((booking) => { const propertyData = getPropertyData(booking.property_id) return ` ${booking.booking_id} ${propertyData.title} ${booking.guest_name} ${new Date(booking.checkin_date).toLocaleDateString()} ${new Date(booking.checkout_date).toLocaleDateString()} ${booking.guests} PKR ${Number.parseFloat(booking.total_amount).toLocaleString()} ${booking.booking_status} ${propertyData.broker_name} ${new Date(booking.created_at).toLocaleDateString()} ` }) .join("") } else { tbody.innerHTML = 'Failed to load bookings' console.error("Failed to load bookings:", result.message) } } catch (error) { console.error("Error loading bookings:", error) const tbody = document.getElementById("allBookingsTable") if (tbody) { tbody.innerHTML = 'Error loading bookings' } } } async function loadAllUsers() { try { console.log("Loading all users...") const response = await fetch("auth.php", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: "get_all_users_admin" }), }) const result = await response.json() const tbody = document.getElementById("allUsersTable") if (!tbody) return if (result.success && result.data && result.data.users) { allUsers = result.data.users if (allUsers.length === 0) { tbody.innerHTML = 'No users found' return } tbody.innerHTML = allUsers .map((user) => { const userBookings = allBookings.filter((b) => b.user_id === user.user_id || b.guest_email === user.email) const totalSpent = userBookings.reduce((sum, b) => sum + Number.parseFloat(b.total_amount || 0), 0) return ` ${user.user_id} ${user.first_name} ${user.last_name} ${user.email} ${user.phone || "N/A"} ${userBookings.length} PKR ${totalSpent.toLocaleString()} ${user.is_active ? "Active" : "Inactive"} ${new Date(user.created_at).toLocaleDateString()} ` }) .join("") } else { tbody.innerHTML = 'Failed to load users' console.error("Failed to load users:", result.message) } } catch (error) { console.error("Error loading users:", error) const tbody = document.getElementById("allUsersTable") if (tbody) { tbody.innerHTML = 'Error loading users' } } } async function loadContactMessages() { try { console.log("Loading contact messages...") const response = await fetch("contact.php", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: "get_messages", admin_key: "admin123", }), }) const result = await response.json() const tbody = document.getElementById("contactMessagesTable") if (!tbody) return if (result.success && result.data && result.data.messages) { const messages = result.data.messages if (messages.length === 0) { tbody.innerHTML = 'No messages found' return } tbody.innerHTML = messages .map( (message) => ` ${message.id} ${message.first_name} ${message.last_name} ${message.email} ${message.subject} ${message.message.substring(0, 50)}... ${new Date(message.created_at).toLocaleDateString()} ${message.is_read ? "Read" : "Unread"} `, ) .join("") } else { tbody.innerHTML = 'Failed to load messages' console.error("Failed to load messages:", result.message) } } catch (error) { console.error("Error loading messages:", error) const tbody = document.getElementById("contactMessagesTable") if (tbody) { tbody.innerHTML = 'Error loading messages' } } } // Helper functions to get property data function getPropertyData(propertyId = null) { const properties = { 1: { title: "Luxury Apartment in Clifton", broker_name: "Ahmed Hassan" }, 2: { title: "Modern House in DHA", broker_name: "Sara Khan" }, 3: { title: "Luxury Villa in Bahria Town", broker_name: "Hassan Ali" }, 4: { title: "Cozy Apartment in Gulberg", broker_name: "Fatima Sheikh" }, 5: { title: "Family House in Model Town", broker_name: "Omar Malik" }, 6: { title: "Premium Apartment in F-7", broker_name: "Aisha Tariq" }, 7: { title: "Executive Villa in E-7", broker_name: "Bilal Ahmed" }, 8: { title: "Modern House in G-10", broker_name: "Zara Hussain" }, 9: { title: "Studio Apartment in Johar Town", broker_name: "Kamran Ali" }, 10: { title: "Beachfront Villa in Hawksbay", broker_name: "Samina Iqbal" }, } if (propertyId) { return properties[propertyId] || { title: `Property #${propertyId}`, broker_name: "Unknown" } } return properties } function showErrorMessage(message) { const alertDiv = document.createElement("div") alertDiv.className = "alert alert-danger alert-dismissible fade show position-fixed" alertDiv.style.cssText = "top: 20px; right: 20px; z-index: 9999; max-width: 400px;" alertDiv.innerHTML = ` ${message} ` document.body.appendChild(alertDiv) // Auto remove after 5 seconds setTimeout(() => { if (alertDiv.parentNode) { alertDiv.remove() } }, 5000) } function adminLogout() { if (confirm("Are you sure you want to logout?")) { localStorage.removeItem("adminAuth") window.location.href = "admin-login.html" } } [V0_FILE]php:file="auth.php" isEdit="true" getMessage()); sendResponse(false, 'Server error occurred'); } function handleSignup($input) { global $pdo; try { // Validate required fields $required_fields = ['first_name', 'last_name', 'email', 'password', 'confirm_password']; foreach ($required_fields as $field) { if (!isset($input[$field]) || empty(trim($input[$field]))) { sendResponse(false, "Field '$field' is required"); } } $first_name = sanitizeInput($input['first_name']); $last_name = sanitizeInput($input['last_name']); $email = sanitizeInput($input['email']); $phone = isset($input['phone']) ? sanitizeInput($input['phone']) : ''; $password = $input['password']; $confirm_password = $input['confirm_password']; // Validate email format if (!isValidEmail($email)) { sendResponse(false, 'Invalid email format'); } // Check if passwords match if ($password !== $confirm_password) { sendResponse(false, 'Passwords do not match'); } // Validate password length if (strlen($password) < 6) { sendResponse(false, 'Password must be at least 6 characters long'); } // Check if email already exists $stmt = $pdo->prepare("SELECT email FROM users WHERE email = ?"); $stmt->execute([$email]); if ($stmt->fetch()) { sendResponse(false, 'Email already exists'); } // Generate unique user ID $user_id = generateId('USR'); // Hash password $password_hash = password_hash($password, PASSWORD_DEFAULT); // Insert user $stmt = $pdo->prepare(" INSERT INTO users (user_id, first_name, last_name, email, phone, password_hash, is_active, created_at) VALUES (?, ?, ?, ?, ?, ?, 1, NOW()) "); $result = $stmt->execute([$user_id, $first_name, $last_name, $email, $phone, $password_hash]); if ($result) { sendResponse(true, 'User registered successfully', [ 'user_id' => $user_id, 'email' => $email, 'name' => $first_name . ' ' . $last_name ]); } else { sendResponse(false, 'Registration failed'); } } catch (PDOException $e) { logError("Database error in handleSignup: " . $e->getMessage()); sendResponse(false, 'Registration failed. Please try again.'); } } function handleLogin($input) { global $pdo; try { // Validate required fields if (!isset($input['email']) || !isset($input['password'])) { sendResponse(false, 'Email and password are required'); } $email = sanitizeInput($input['email']); $password = $input['password']; // Get user from database $stmt = $pdo->prepare("SELECT * FROM users WHERE email = ? AND is_active = 1"); $stmt->execute([$email]); $user = $stmt->fetch(); if (!$user) { sendResponse(false, 'Invalid email or password'); } // Verify password if (!password_verify($password, $user['password_hash'])) { sendResponse(false, 'Invalid email or password'); } // Remove password hash from response unset($user['password_hash']); sendResponse(true, 'Login successful', ['user' => $user]); } catch (PDOException $e) { logError("Database error in handleLogin: " . $e->getMessage()); sendResponse(false, 'Login failed. Please try again.'); } } function handleGetAllUsersAdmin($input) { global $pdo; try { $stmt = $pdo->prepare("SELECT user_id, first_name, last_name, email, phone, is_active, created_at FROM users ORDER BY created_at DESC"); $stmt->execute(); $users = $stmt->fetchAll(); sendResponse(true, 'Users retrieved successfully', ['users' => $users]); } catch (PDOException $e) { logError("Database error in handleGetAllUsersAdmin: " . $e->getMessage()); sendResponse(false, 'Failed to retrieve users'); } } ?> [V0_FILE]php:file="contact.php" isEdit="true" getMessage()); sendResponse(false, 'Server error occurred'); } function handleSendMessage($input) { global $pdo; try { // Validate required fields $required_fields = ['first_name', 'last_name', 'email', 'subject', 'message']; foreach ($required_fields as $field) { if (!isset($input[$field]) || empty(trim($input[$field]))) { sendResponse(false, "Field '$field' is required"); } } $first_name = sanitizeInput($input['first_name']); $last_name = sanitizeInput($input['last_name']); $email = sanitizeInput($input['email']); $phone = isset($input['phone']) ? sanitizeInput($input['phone']) : ''; $subject = sanitizeInput($input['subject']); $message = sanitizeInput($input['message']); // Validate email if (!isValidEmail($email)) { sendResponse(false, 'Invalid email format'); } // Validate message length if (strlen($message) < 10 || strlen($message) > 1000) { sendResponse(false, 'Message must be between 10 and 1000 characters'); } // Insert message $stmt = $pdo->prepare(" INSERT INTO contact_messages (first_name, last_name, email, phone, subject, message, is_read, created_at) VALUES (?, ?, ?, ?, ?, ?, 0, NOW()) "); $result = $stmt->execute([$first_name, $last_name, $email, $phone, $subject, $message]); if ($result) { sendResponse(true, 'Message sent successfully! We will get back to you soon.'); } else { sendResponse(false, 'Failed to send message'); } } catch (PDOException $e) { logError("Database error in handleSendMessage: " . $e->getMessage()); sendResponse(false, 'Failed to send message. Please try again.'); } } function handleGetMessages($input) { global $pdo; try { // Simple admin key check (in production, use proper authentication) if (!isset($input['admin_key']) || $input['admin_key'] !== 'admin123') { sendResponse(false, 'Unauthorized access'); } $stmt = $pdo->prepare("SELECT * FROM contact_messages ORDER BY created_at DESC"); $stmt->execute(); $messages = $stmt->fetchAll(); sendResponse(true, 'Messages retrieved successfully', ['messages' => $messages]); } catch (PDOException $e) { logError("Database error in handleGetMessages: " . $e->getMessage()); sendResponse(false, 'Failed to retrieve messages'); } } ?>

Perfect For

Our Impact in Numbers

Who We Serve

Business Travelers

Families

Couples

Solo Travelers

Groups

Students

Your Journey With Us

1. Discover

2. Compare

3. Book

4. Experience

5. Review

Why Choose Stayscape?

Verified Properties

24/7 Support

Mobile App

Secure Payments

Flexible Cancellation

Best Price Guarantee

Choose Your Plan

Basic

Premium

Business

Frequently Asked Questions

Stay Updated

No properties found

${property.title}

${property.title}

Max Guests

Bedrooms

Bathrooms

Rating

Description

Amenities

PKR ${property.price.toLocaleString()}/night

Contact Broker

My Profile

Personal Information

Account Status

Total Bookings

0

Avg Rating

4.8

Favorites

5

My Bookings

No Bookings Found

${ booking.property_title }

Error Loading Bookings

Connection Error

Explore Our Services

Find Properties by City

Search Properties

What We Offer

Luxury Apartments

Family Houses

Luxury Villas

Additional Services

Airport Transfer

Housekeeping

Catering

24/7 Support

Advanced Filters

Property Details

No properties found

${property.title}

${property.title}

Max Guests

Bedrooms

Bathrooms

Rating

Description

Amenities

PKR ${property.price.toLocaleString()}/night

Contact Broker

Property Image

Find Your Perfect in Pakistan