

<?php $__env->startSection('title', 'Welcome Page'); ?>

<?php $__env->startSection('frontend_app'); ?>
<section>
    <div class="bg-[var(--primary-color)] w-full h-[400px] md:h-[500px] flex items-center justify-center relative">
        <img class="absolute inset-0 object-cover w-full h-full z-0 opacity-40"
            src="<?php echo e(asset('storage/' . $property['banner_img'])); ?>"
            alt="<?php echo e($property['property_name']); ?>">
        
        <div class="max-w-4xl mx-auto text-center px-4 md:px-10 lg:px-32 relative z-10">
            <h1 class="text-2xl md:text-3xl lg:text-4xl font-bold mt-5">
                <?php echo e($property['property_name']); ?>

            </h1>
            <div class="mt-12 flex justify-center items-center space-x-1">
                <a draggable="false" href="<?php echo e(url('/')); ?>" class="text-base font-semibold inline-flex items-center space-x-2 select-none">
                    <i class="fas fa-home text-base me-1 mr-1"></i>
                    Home
                </a>
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
                    stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                    class="size-5 lucide lucide-chevron-right-icon">
                    <path d="m9 18 6-6-6-6"/>
                </svg>
                <span class="text-base font-medium line-clamp-1"><?php echo e($property['property_name']); ?></span>
            </div>
        </div>
    </div>
</section>

<!----Start Left And Right section -->
<section class="py-12 bg-gray-100">
   <div class="container mx-auto px-4">
     <div class="container mx-auto px-4">
        <div class="grid grid-cols-1 lg:grid-cols-[60%_40%] gap-8 items-start">
            <!-- Left: Image Slider -->
            <div class="">
                   <?php
                        $images = collect($property['gallery_images'] ?? [])
                            ->pluck('image_path')
                            ->map(fn($img) => asset('storage/' . $img));
                    ?>
                    <div 
                        x-data="{
                            images: <?php echo e($images); ?>,
                            currentIndex: 0,
                            interval: null,
                            get currentImage() {
                                return this.images[this.currentIndex]
                            },
                            startSlide() {
                                this.interval = setInterval(() => this.next(), 4000)
                            },
                            stopSlide() {
                                clearInterval(this.interval)
                            },
                            prev() {
                                this.currentIndex = (this.currentIndex - 1 + this.images.length) % this.images.length
                            },
                            next() {
                                this.currentIndex = (this.currentIndex + 1) % this.images.length
                            },
                            init() {
                                this.startSlide()
                            }
                        }"
                        x-init="init"
                        @mouseenter="stopSlide"
                        @mouseleave="startSlide"
                        class="relative w-full max-w-2xl rounded-lg shadow overflow-hidden"
                    >
                        <!-- Main Image -->
                        <div class="relative">
                            <img :src="currentImage" alt="Property Image" class="w-full object-cover aspect-video transition duration-500 ease-in-out rounded">

                            <!-- Prev Button -->
                            <button @click="prev" class="absolute left-2 top-1/2 -translate-y-1/2 bg-black/40 text-white rounded-full p-2 hover:bg-black/60 z-10">
                                <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/>
                                </svg>
                            </button>

                            <!-- Next Button -->
                            <button @click="next" class="absolute right-2 top-1/2 -translate-y-1/2 bg-black/40 text-white rounded-full p-2 hover:bg-black/60 z-10">
                                <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                                </svg>
                            </button>
                        </div>

                        <!-- Thumbnails -->
                        <div class="absolute bottom-4 left-4 flex space-x-2 bg-black/30 p-2 rounded-md backdrop-blur-sm">
                            <template x-for="(img, index) in images" :key="index">
                                <img 
                                    :src="img" 
                                    @click="currentIndex = index"
                                    :class="{
                                        'ring-4 ring-white scale-105': currentIndex === index,
                                        'opacity-70': currentIndex !== index
                                    }"
                                    class="w-20 h-12 object-cover rounded border-2 border-white shadow cursor-pointer transition duration-300 ease-in-out hover:scale-105"
                                    alt="Thumbnail"
                                >
                            </template>
                        </div>
                    </div>
                    
                    <?php
                        $detail = $property['detail'] ?? [];

                        // Only these keys will be shown
                        $selectedKeys = ['property_size', 'bedrooms', 'bathroom', 'car_parking', 'year_built', 'property_status'];

                        // Labels and Icons for selected keys
                        $detailLabels = [
                            'property_size' => ['label' => 'Size (Sq Ft)', 'icon' => 'fa-ruler-combined'],
                            'bedrooms' => ['label' => 'Beds', 'icon' => 'fa-bed'],
                            'bathroom' => ['label' => 'Baths', 'icon' => 'fa-bath'],
                            'car_parking' => ['label' => 'Car Parking', 'icon' => 'fa-car'],
                            'year_built' => ['label' => 'Year Built', 'icon' => 'fa-calendar-alt'],
                            'property_status' => ['label' => 'Status', 'icon' => 'fa-info-circle'],
                        ];
                    ?>

                    <section class="bg-white mt-8 p-6 rounded-lg shadow aos-init aos-animate" data-aos="fade-up">
                        <h2 class="text-xl font-semibold text-gray-800 mb-4">Overview</h2>
                        <ul class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4 text-center text-gray-600">
                            <?php $__currentLoopData = $selectedKeys; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <?php if(!empty($detail[$key])): ?>
                                    <li>
                                        <i class="fas <?php echo e($detailLabels[$key]['icon']); ?> text-blue-500 text-xl mb-1"></i>
                                        <span class="block font-semibold text-gray-800">
                                            <?php echo e(is_numeric($detail[$key]) ? number_format($detail[$key]) : ucfirst($detail[$key])); ?>

                                        </span>
                                        <?php echo e($detailLabels[$key]['label']); ?>

                                    </li>
                                <?php endif; ?>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </ul>
                    </section>


                    <!--- Name, Price, Disc -->
                    <section class="bg-white p-6 mt-8 rounded-lg shadow aos-init aos-animate" data-aos="fade-up">
                        <h1 class="text-2xl font-semibold">
                            <?php echo e($property['property_name'] ?? 'No Name Available'); ?>

                        </h1>

                        <?php if(!empty($property['price'])): ?>
                            <p class="text-indigo-600 text-xl mt-2">
                                ₹<?php echo e(number_format($property['price'])); ?>

                            </p>
                        <?php endif; ?>

                        <?php if(!empty($property['description'])): ?>
                            <p class="mt-4 text-gray-600">
                                <?php echo e($property['description']); ?>

                            </p>
                        <?php else: ?>
                            <p class="mt-4 text-gray-400 italic"></p>
                        <?php endif; ?>
                    </section>

                    <!---Property Facts--->
                    <?php
                        $detail = $property['detail'] ?? [];

                        // Define a mapping of labels and icons
                        $detailLabels = [
                            'property_size' => ['label' => 'Size (Sq Ft)', 'icon' => 'fa-ruler-combined'],
                            'bedrooms' => ['label' => 'Beds', 'icon' => 'fa-bed'],
                            'bathroom' => ['label' => 'Baths', 'icon' => 'fa-bath'],
                            'kitchen' => ['label' => 'Kitchens', 'icon' => 'fa-utensils'],
                            'dining_area' => ['label' => 'Dining Areas', 'icon' => 'fa-chair'],
                            'balkani' => ['label' => 'Balconies', 'icon' => 'fa-building'],
                            'car_parking' => ['label' => 'Car Parking', 'icon' => 'fa-car'],
                            'garage' => ['label' => 'Garage', 'icon' => 'fa-warehouse'],
                            'garage_size' => ['label' => 'Garage Size', 'icon' => 'fa-expand'],
                            'year_built' => ['label' => 'Year Built', 'icon' => 'fa-calendar-alt'],
                            'property_type' => ['label' => 'Type', 'icon' => 'fa-list'],
                            'property_status' => ['label' => 'Status', 'icon' => 'fa-info-circle'],
                            'furnishing' => ['label' => 'Furnishing', 'icon' => 'fa-couch'],
                            'total_floors' => ['label' => 'Total Floors', 'icon' => 'fa-layer-group'],
                            'maintenance_monthly' => ['label' => 'Monthly Maintenance', 'icon' => 'fa-hand-holding-usd'],
                            'floor_no' => ['label' => 'Floor No.', 'icon' => 'fa-sort-numeric-up'],
                            'facing' => ['label' => 'Facing', 'icon' => 'fa-compass'],
                            'project_name' => ['label' => 'Project Name', 'icon' => 'fa-building-circle-check'],
                        ];
                    ?>

                    <section class="bg-white mt-8 p-6 rounded-lg shadow aos-init aos-animate" data-aos="fade-up">
                        <h2 class="text-xl font-semibold text-gray-800 mb-4">Details</h2>
                        <ul class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4 text-center text-gray-600">
                            <?php $__currentLoopData = $detail; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $value): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <?php if(!is_null($value) && isset($detailLabels[$key])): ?>
                                    <li>
                                        <i class="fas <?php echo e($detailLabels[$key]['icon']); ?> text-indigo-500 text-xl mb-1"></i>
                                        <span class="block font-semibold text-gray-800">
                                            <?php echo e(is_numeric($value) ? number_format($value) : ucfirst($value)); ?>

                                        </span>
                                        <?php echo e($detailLabels[$key]['label']); ?>

                                    </li>
                                <?php endif; ?>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </ul>
                    </section>
                    <!--- Features --> 
                    <?php
                        $amenities = $property['amenities'] ?? [];

                        $amenityMap = [
                            'gym' => ['title' => 'Gymnasium', 'icon' => 'image-9nfkO2yI0lvKCl7Any15roC9jEeLKX.png'],
                            'spa' => ['title' => 'Spa', 'icon' => 'image-bkdUNYIhdtrWnm5wKkRmKHaRfiGOAx.png'],
                            'security_24x7' => ['title' => '24*7 Security', 'icon' => 'image-Ol6oQuDeqEhzwyzfhzccWv2FCD44G4.png'],
                            'premium_lifts' => ['title' => 'Premium Lifts', 'icon' => 'image-zsKq5p4J7E4KR9vkfrUbguTQRrlpj2.png'],
                            'cctv_surveillance' => ['title' => 'CCTV Surveillance', 'icon' => 'image-74phE0rsFJmY4aKzmdUvRKmJA6g5qh.png'],
                            'club_house' => ['title' => 'Club House', 'icon' => 'image-plZhLyp90is2n1c2ITq2ctEi9xptnN.png'],
                            'mivan_construction' => ['title' => 'Mivan Construction', 'icon' => 'image-2yMisNpt0ZmQzJ5pYzAndqBGAYkfX3.png'],
                            'jogging_track' => ['title' => 'Jogging Track', 'icon' => 'image-PlAC2aGjB0ug6NOw7ygDhsthkUTCQf.png'],
                            'rainwater_harvesting' => ['title' => 'Rain water Harvesting', 'icon' => 'image-inOTwhUDmvqczVKngUTWNFGFlijuuW.png'],
                            'power_backup' => ['title' => 'Power Backup', 'icon' => 'image-IvbgeSvAiNMAXA18AcC7azkFwnT1tJ.png'],
                            'water_supply_24x7' => ['title' => '24*7 Water Supply', 'icon' => 'image-WlsBsv5aOMu1Oi7rXAIHXYHGNSxMpb.png'],
                            'swimming_area' => ['title' => 'Swimming Area', 'icon' => 'image-a7Qf2mhjWfBqXCLELPt5nDl9abLexo.png'],
                            'kids_play_area' => ['title' => 'Kid’s Play Area', 'icon' => 'image-pC8JYVWBiVup8KLut2FAWF2wkiFiO1.png'],
                            'yoga_area' => ['title' => 'Yoga Area', 'icon' => 'image-spb3uhz3h6K3kGJmdOjQk8YmbPG4u2.png'],
                            'barbeque_area' => ['title' => 'Barbeque Area', 'icon' => 'image-BAUryvk7UP19qEFwXfAb7K4K4g7cGD.png'],
                            'co_working_space' => ['title' => 'Co-working Space', 'icon' => 'image-lRbpg8oTjmaqBgWDr4lfslf9vaE6u9.png'],
                            'gated_secured_homes' => ['title' => 'Gated Secured Homes', 'icon' => 'image-pRP1oHkLZ62PuUfEw6hFy89q0jtW1D.png'],
                            'basketball_court' => ['title' => 'Basket Ball Court', 'icon' => 'image-FE96U2EqvCUOinHwWHgi4KWnZB8cVX.png'],
                            'badminton_court' => ['title' => 'Badminton Court', 'icon' => 'image-8VE8ERPz4yLSAu2vC1I5JyWYT5Jpb8.png'],
                            'table_tennis' => ['title' => 'Table Tennis', 'icon' => 'image-q4Z6lntCoBJx9Cb7yxBRWIuIICwJXz.png'],
                            'tennis_court' => ['title' => 'Tennis Court', 'icon' => 'image-vTpKjUtDJpYw6Cf6NVhYO2R4Hkf2hi.png'],
                            'restaurant_bar' => ['title' => 'Restaurant & Bar', 'icon' => 'image-hRETElBXDrcXOu32Vv4OnRgHpWQZj3.png'],
                            'meditation_area' => ['title' => 'Meditation Area', 'icon' => 'image-S524q7roYEGQWbVIWrdw3sOow08S8h.png'],
                            'spacious_parking' => ['title' => 'Spacious Stilt Parking', 'icon' => 'image-VIqCIvrb6BPM7qPvjaVtf9HbOZ5tfy.png'],
                            'multipurpose_hall' => ['title' => 'Multipurpose Hall', 'icon' => 'image-HY3PHb2c7mv0M9dAZxTCVtdsBKnKWY.png'],
                            'fire_protection' => ['title' => 'Fire Protection', 'icon' => 'image-kp322YLwT8QiEpBaqVJOg1rOOvw7Tm.png'],
                            'library' => ['title' => 'Library', 'icon' => 'image-SKuCQpYircIfGJMWJtbDuNLim16vmo.png'],
                            'mini_theatre' => ['title' => 'Mini Theatre', 'icon' => 'image-FhiwQkj637pAu5NJHPzohktWSdgiVS.png'],
                            'garden_park' => ['title' => 'Garden / Park', 'icon' => 'image-ezRAh56lqxxJuBTr37Vpz7gdOP0aE9.png'],
                        ];

                        $imageBaseUrl = 'https://www.thiings.co/_next/image?url=https%3A%2F%2Flftz25oez4aqbxpq.public.blob.vercel-storage.com%2F';
                    ?>

                    <section class="bg-white p-6 mt-8 rounded-lg shadow aos-init aos-animate" data-aos="fade-up">
                        <h2 class="text-xl font-semibold mb-4">Features & Amenities</h2>
                        <ul class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-6 text-center text-gray-600">
                            <?php $__currentLoopData = $amenities; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $enabled): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <?php if($enabled && isset($amenityMap[$key])): ?>
                                    <?php
                                        $item = $amenityMap[$key];
                                        $iconUrl = $imageBaseUrl . $item['icon'] . '&w=1920&q=75';
                                    ?>
                                    <li class="flex flex-col items-center">
                                        <img src="<?php echo e($iconUrl); ?>" class="mx-auto mb-1 size-10 md:size-12 lg:size-14 object-contain" alt="Icon">
                                        <span class="text-sm md:text-base"><?php echo e($item['title']); ?></span>
                                    </li>
                                <?php endif; ?>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </ul>
                    </section>
                    <!--- Adress here---> 
                    <?php
                        $address = $property['address'] ?? [];
                        $fullAddress = trim("{$address['street']}, {$address['area']}, {$address['city']}, {$address['state']}, {$address['country']} - {$address['zip_or_postal_code']}");
                        $encodedAddress = urlencode($fullAddress);
                    ?>

                    <section class="bg-white p-6 mt-8 rounded-lg shadow aos-init aos-animate" data-aos="fade-up">
                        <h2 class="text-xl font-semibold mb-4 flex items-center gap-2">
                            Location
                        </h2>
                        <p class="mb-4">
                            <i class="fas fa-location-dot text-indigo-600"></i>
                            <span id="propertyAddress" class="text-gray-700">
                                <?php echo e($fullAddress); ?>

                            </span>
                        </p>

                        <div class="w-full h-64 rounded overflow-hidden">
                               <?php
                                $address = $property['address'] ?? [];
                                $fullAddress = implode(', ', array_filter([
                                    $address['street'] ?? '',
                                    $address['area'] ?? '',
                                    $address['city'] ?? '',
                                    $address['state'] ?? '',
                                    $address['zip_or_postal_code'] ?? '',
                                    $address['country'] ?? ''
                                ]));
                                $mapUrl = 'https://www.google.com/maps?q=' . urlencode($fullAddress) . '&output=embed';
                                ?>

                                <iframe
                                    width="100%"
                                    height="300"
                                    style="border:0"
                                    loading="lazy"
                                    allowfullscreen
                                    referrerpolicy="no-referrer-when-downgrade"
                                    src="<?php echo e($mapUrl); ?>">
                                </iframe>
                         </div>
                    </section>
                    <!---Youtube videos---> 
                   <?php
                        $youtubeUrl = $property['youtube_url'] ?? null;
                        $embedUrl = null;

                        if ($youtubeUrl) {
                            if (Str::contains($youtubeUrl, 'youtube.com/embed') || Str::contains($youtubeUrl, 'youtu.be')) {
                                if (Str::contains($youtubeUrl, 'youtu.be')) {
                                    $videoId = substr(parse_url($youtubeUrl, PHP_URL_PATH), 1);
                                    $embedUrl = 'https://www.youtube.com/embed/' . $videoId;
                                } else {
                                    $embedUrl = $youtubeUrl;
                                }
                            } elseif (preg_match('/(?:v=|\/v\/|embed\/)([a-zA-Z0-9_\-]+)/', $youtubeUrl, $matches)) {
                                $videoId = $matches[1];
                                $embedUrl = 'https://www.youtube.com/embed/' . $videoId;
                            }

                            // Add autoplay, mute, etc.
                            if ($embedUrl) {
                                $embedUrl .= '?autoplay=1&mute=1&rel=0&controls=1&playsinline=1';
                            }
                        }
                    ?>

                    <?php if($embedUrl): ?>
                        <section class="bg-white p-6 mt-8 rounded-lg shadow aos-init aos-animate" data-aos="fade-up">
                            <h2 class="text-xl font-semibold mb-4">Property Tour</h2>
                            <div class="w-full aspect-video rounded overflow-hidden">
                                <iframe 
                                    id="propertyVideo"
                                    src="<?php echo e($embedUrl); ?>"
                                    title="Video Tour"
                                    allow="autoplay; encrypted-media; clipboard-write; gyroscope; picture-in-picture"
                                    allowfullscreen
                                    class="w-full h-full border-0 rounded">
                                </iframe>
                            </div>
                        </section>
                    <?php endif; ?>
                   
                    <!--- Also Like Same Property --> 
                    <?php if(!empty($similarProperties)): ?>
                        <section class="bg-white p-6 mt-8 rounded-lg shadow mb-12 aos-init aos-animate" data-aos="fade-up">
                            <h2 class="text-xl font-semibold mb-6">You May Also Like</h2>
                            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
                                <?php $__currentLoopData = $similarProperties; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <div class="bg-gray-50 rounded-lg overflow-hidden shadow hover:shadow-md transition">
                                        <img src="<?php echo e(asset('storage/' . ($item['banner_img'] ?? 'default.jpg'))); ?>"
                                            alt="<?php echo e($item['property_name']); ?>"
                                            class="w-full h-36 object-cover">
                                        <div class="p-4">
                                            <h3 class="font-semibold"><?php echo e($item['property_name']); ?></h3>
                                            <p class="text-sm text-gray-600">
                                                ₹<?php echo e(number_format($item['price'])); ?> 
                                                · <?php echo e($item['detail']['bedrooms'] ?? '0'); ?> bed
                                                · <?php echo e($item['detail']['bathrooms'] ?? '0'); ?> bath
                                            </p>
                                        </div>
                                    </div>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </div>
                        </section>
                    <?php endif; ?>

            </div>
            <!-- Right: Contact Form -->
            <div class="bg-white p-6 rounded-lg shadow-lg w-full top-20 sticky">
              <div class="w-full max-w-2xl mx-auto mt-3">
                <h2 class="text-4xl font-bold text-gray-800 mb-2 text-center">Contact Agent</h2>
                <?php if(session('success')): ?>
                    <div class="bg-green-100 text-green-700 p-3 rounded mb-1">
                        <?php echo e(session('success')); ?>

                    </div>
                <?php endif; ?>
                <form action="<?php echo e(route('contact.store')); ?>" method="POST" class="space-y-6">
                    <!-- Name -->
                        <?php echo csrf_field(); ?>
                    <div>
                    <label for="name" class="block text-sm font-medium text-gray-700 mb-1">Full Name</label>
                    <input type="text" id="name" name="name" placeholder="John Doe"
                        class="w-full px-4 py-3 border border-gray-300 rounded-lg shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition" required>
                    </div>

                   <div class="flex flex-col md:flex-row gap-4">
                        <!-- Email -->
                        <div class="w-full md:w-1/2">
                            <label for="email" class="block text-sm font-medium text-gray-700 mb-1">Email Address</label>
                            <input type="email" id="email" name="email" placeholder="john@example.com"
                                class="w-full px-4 py-3 border border-gray-300 rounded-lg shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition" required>
                        </div>

                        <!-- Phone Number -->
                        <div class="w-full md:w-1/2">
                            <label for="number" class="block text-sm font-medium text-gray-700 mb-1">Phone Number</label>
                            <input type="tel" id="number" name="number" placeholder="+91 9876543210"
                                class="w-full px-4 py-3 border border-gray-300 rounded-lg shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition">
                        </div>
                    </div>

                    <!-- Inquiry Type -->
                    <div>
                    <label for="inquiry_type" class="block text-sm font-medium text-gray-700 mb-1">Purpose</label>
                    <select id="inquiry_type" name="purpose"
                        class="w-full px-4 py-3 border border-gray-300 bg-white rounded-lg shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition" required>
                        <option value="">Select an option</option>
                        <option value="buy">I want to Buy</option>
                        <option value="lease">I want to Lease</option>
                        <option value="rent">I want to Rent</option>
                    </select>
                    </div>

                    <!-- Message -->
                    <div>
                    <label for="message" class="block text-sm font-medium text-gray-700 mb-1">Your Message</label>
                    <textarea id="message" name="message" rows="3" placeholder="Type your message here..."
                        class="w-full px-4 py-3 border border-gray-300 rounded-lg shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 resize-y transition" required></textarea>
                    </div>

                    <!-- Submit -->
                    <div>
                    <button type="submit"
                        class="w-full bg-blue-600 text-white py-3 px-6 rounded-lg font-semibold hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition duration-300 shadow-lg">
                        Send Message
                    </button>
                    </div>
                 </form>
                </div>
            </div>
        </div>
    </div>
   </div>
</section>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('frontend.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH E:\Arif_Website\realState\resources\views/frontend/page/property-details.blade.php ENDPATH**/ ?>