<?php $__env->startSection('header', 'Homepage Content'); ?>

<?php $__env->startSection('content'); ?>
<div class="sm:flex sm:items-center sm:justify-between mb-8">
    <div>
        <h1 class="text-2xl font-bold text-gray-900">Manage Homepage Text</h1>
        <p class="mt-2 text-sm text-gray-700">Update the static text sections of the homepage.</p>
    </div>
</div>

<form action="<?php echo e(route('admin.homepage.update')); ?>" method="POST" enctype="multipart/form-data">
    <?php echo csrf_field(); ?>
    
    <!-- Hero Section -->
    <div class="mb-8">
        <h4 class="text-md font-bold text-gray-800 mb-4 pb-2 border-b border-gray-200">Hero Section</h4>
        <div class="bg-white border border-gray-200 shadow-sm rounded-lg p-6">
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                <div class="md:col-span-2">
                    <label class="block text-sm font-medium text-gray-700 mb-1">Hero Background Images (Select multiple)</label>
                    <?php
                        $heroImages = json_decode($settings['home_hero_bg_images'] ?? '[]', true);
                        if(empty($heroImages) && isset($settings['home_hero_bg_image'])) {
                            $heroImages = [$settings['home_hero_bg_image']];
                        }
                    ?>
                    <?php if(count($heroImages) > 0): ?>
                        <div class="mb-3 flex flex-wrap gap-4">
                            <?php $__currentLoopData = $heroImages; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $img): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <div class="relative inline-block border border-gray-200 rounded p-1">
                                    <img src="<?php echo e(asset($img)); ?>" alt="Hero Background" class="h-32 object-cover rounded">
                                    <label class="block mt-1 text-xs text-red-600 flex items-center cursor-pointer hover:text-red-800">
                                        <input type="checkbox" name="remove_hero_images[]" value="<?php echo e($img); ?>" class="mr-1 rounded border-gray-300 text-red-600 focus:ring-red-500"> Remove
                                    </label>
                                </div>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </div>
                    <?php endif; ?>
                    <input type="file" name="home_hero_bg_images[]" multiple class="shadow-sm focus:ring-teal-500 focus:border-teal-500 block w-full sm:text-sm border border-gray-300 rounded-md p-1.5 bg-white">
                    <p class="text-xs text-gray-500 mt-1">Note: Uploading new images will add to the existing ones. You can select multiple files at once.</p>
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Hero Tag</label>
                    <input type="text" name="home_hero_tag" value="<?php echo e($settings['home_hero_tag'] ?? '✨ Leading IVF & Gynecological Laparoscopic Specialist'); ?>" class="shadow-sm focus:ring-teal-500 focus:border-teal-500 block w-full sm:text-sm border-gray-300 rounded-md">
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Hero Title</label>
                    <input type="text" name="home_hero_title" value="<?php echo e($settings['home_hero_title'] ?? 'Pioneering Fertility &'); ?>" class="shadow-sm focus:ring-teal-500 focus:border-teal-500 block w-full sm:text-sm border-gray-300 rounded-md">
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Hero Title Highlight (different color)</label>
                    <input type="text" name="home_hero_title_highlight" value="<?php echo e($settings['home_hero_title_highlight'] ?? 'Laparoscopic Excellence in Nepal'); ?>" class="shadow-sm focus:ring-teal-500 focus:border-teal-500 block w-full sm:text-sm border-gray-300 rounded-md">
                </div>
                <div class="md:col-span-2">
                    <label class="block text-sm font-medium text-gray-700 mb-1">Hero Description</label>
                    <textarea name="home_hero_description" rows="3" class="shadow-sm focus:ring-teal-500 focus:border-teal-500 block w-full sm:text-sm border border-gray-300 rounded-md p-2"><?php echo e($settings['home_hero_description'] ?? 'With over 5,500+ successful Gynecological Laparoscopic Surgeries. Dr. Rajan Shah provides world-class care and advanced fertility treatments.'); ?></textarea>
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Primary Button Text</label>
                    <input type="text" name="home_hero_btn1_text" value="<?php echo e($settings['home_hero_btn1_text'] ?? 'Contact Us'); ?>" class="shadow-sm focus:ring-teal-500 focus:border-teal-500 block w-full sm:text-sm border-gray-300 rounded-md">
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Primary Button URL</label>
                    <input type="text" name="home_hero_btn1_url" value="<?php echo e($settings['home_hero_btn1_url'] ?? '/contact'); ?>" class="shadow-sm focus:ring-teal-500 focus:border-teal-500 block w-full sm:text-sm border-gray-300 rounded-md">
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Secondary Button Text</label>
                    <input type="text" name="home_hero_btn2_text" value="<?php echo e($settings['home_hero_btn2_text'] ?? 'Explore Services'); ?>" class="shadow-sm focus:ring-teal-500 focus:border-teal-500 block w-full sm:text-sm border-gray-300 rounded-md">
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Secondary Button URL</label>
                    <input type="text" name="home_hero_btn2_url" value="<?php echo e($settings['home_hero_btn2_url'] ?? '#'); ?>" class="shadow-sm focus:ring-teal-500 focus:border-teal-500 block w-full sm:text-sm border-gray-300 rounded-md">
                </div>
            </div>
        </div>
    </div>

    <!-- Intro Section -->
    <div class="mb-8">
        <h4 class="text-md font-bold text-gray-800 mb-4 pb-2 border-b border-gray-200">Intro Section</h4>
        <div class="bg-white border border-gray-200 shadow-sm rounded-lg p-6">
            <div class="grid grid-cols-1 gap-6">
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Intro Title</label>
                    <input type="text" name="home_intro_title" value="<?php echo e($settings['home_intro_title'] ?? 'Pioneering Fertility Excellence in Nepal'); ?>" class="shadow-sm focus:ring-teal-500 focus:border-teal-500 block w-full sm:text-sm border-gray-300 rounded-md">
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Intro Description 1</label>
                    <textarea name="home_intro_desc_1" rows="3" class="shadow-sm focus:ring-teal-500 focus:border-teal-500 block w-full sm:text-sm border border-gray-300 rounded-md p-2"><?php echo e($settings['home_intro_desc_1'] ?? 'Dr. Rajan Shah is one of Nepal\'s most renowned gynecologists and IVF specialists, known for his expertise in fertility treatments and advanced reproductive techniques.'); ?></textarea>
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Intro Description 2</label>
                    <textarea name="home_intro_desc_2" rows="3" class="shadow-sm focus:ring-teal-500 focus:border-teal-500 block w-full sm:text-sm border border-gray-300 rounded-md p-2"><?php echo e($settings['home_intro_desc_2'] ?? 'With years of experience in gynecological laparoscopic surgery and infertility management, he has helped countless couples achieve their dream of parenthood.'); ?></textarea>
                </div>
            </div>
        </div>
    </div>

    <!-- Services Section -->
    <div class="mb-8">
        <h4 class="text-md font-bold text-gray-800 mb-4 pb-2 border-b border-gray-200">Services Section</h4>
        <div class="bg-white border border-gray-200 shadow-sm rounded-lg p-6">
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Services Tag</label>
                    <input type="text" name="home_services_tag" value="<?php echo e($settings['home_services_tag'] ?? 'WHAT WE TREAT'); ?>" class="shadow-sm focus:ring-teal-500 focus:border-teal-500 block w-full sm:text-sm border-gray-300 rounded-md">
                </div>
                <div class="hidden md:block"></div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Services Title (Black part)</label>
                    <input type="text" name="home_services_title" value="<?php echo e($settings['home_services_title'] ?? 'Comprehensive Care'); ?>" class="shadow-sm focus:ring-teal-500 focus:border-teal-500 block w-full sm:text-sm border-gray-300 rounded-md">
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Services Title Highlight (Teal part)</label>
                    <input type="text" name="home_services_title_highlight" value="<?php echo e($settings['home_services_title_highlight'] ?? 'for Every Condition'); ?>" class="shadow-sm focus:ring-teal-500 focus:border-teal-500 block w-full sm:text-sm border-gray-300 rounded-md">
                </div>
                <div class="md:col-span-2">
                    <label class="block text-sm font-medium text-gray-700 mb-1">Services Description</label>
                    <textarea name="home_services_description" rows="2" class="shadow-sm focus:ring-teal-500 focus:border-teal-500 block w-full sm:text-sm border border-gray-300 rounded-md p-2"><?php echo e($settings['home_services_description'] ?? 'Specialised, evidence-based treatments tailored to resolve your unique condition — from diagnosis to lasting relief.'); ?></textarea>
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Bottom Button Text</label>
                    <input type="text" name="home_services_btn_text" value="<?php echo e($settings['home_services_btn_text'] ?? 'Explore All Services'); ?>" class="shadow-sm focus:ring-teal-500 focus:border-teal-500 block w-full sm:text-sm border-gray-300 rounded-md">
                </div>
            </div>
        </div>
    </div>

    <!-- Why Choose Me Section -->
    <div class="mb-8">
        <h4 class="text-md font-bold text-gray-800 mb-4 pb-2 border-b border-gray-200">Why Choose Me Section</h4>
        <div class="bg-white border border-gray-200 shadow-sm rounded-lg p-6">
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Section Tag</label>
                    <input type="text" name="home_why_tag" value="<?php echo e($settings['home_why_tag'] ?? 'WHY CHOOSE US'); ?>" class="shadow-sm focus:ring-teal-500 focus:border-teal-500 block w-full sm:text-sm border-gray-300 rounded-md">
                </div>
                <div class="hidden md:block"></div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Section Title (Black part)</label>
                    <input type="text" name="home_why_title" value="<?php echo e($settings['home_why_title'] ?? 'A Different Kind of'); ?>" class="shadow-sm focus:ring-teal-500 focus:border-teal-500 block w-full sm:text-sm border-gray-300 rounded-md">
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Section Title Highlight (Teal part)</label>
                    <input type="text" name="home_why_title_highlight" value="<?php echo e($settings['home_why_title_highlight'] ?? 'Healing'); ?>" class="shadow-sm focus:ring-teal-500 focus:border-teal-500 block w-full sm:text-sm border-gray-300 rounded-md">
                </div>
                <div class="md:col-span-2">
                    <label class="block text-sm font-medium text-gray-700 mb-1">Section Description</label>
                    <textarea name="home_why_description" rows="3" class="shadow-sm focus:ring-teal-500 focus:border-teal-500 block w-full sm:text-sm border border-gray-300 rounded-md p-2"><?php echo e($settings['home_why_description'] ?? 'We treat the root cause — not the symptom. Our data-driven, non-invasive protocols deliver lasting relief where others have failed.'); ?></textarea>
                </div>
                
                <!-- Images & Badges -->
                <div class="md:col-span-2 mt-4">
                    <h5 class="text-sm font-bold text-teal-700 mb-3 border-b border-gray-100 pb-2">Images & Floating Badges</h5>
                    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                        <div>
                            <label class="block text-sm font-medium text-gray-700 mb-1">Image 1 (Top Left Collage)</label>
                            <?php if(isset($settings['home_why_image_1'])): ?>
                                <div class="mb-2">
                                    <img src="<?php echo e(asset($settings['home_why_image_1'])); ?>" class="h-20 object-cover rounded border border-gray-200">
                                </div>
                            <?php endif; ?>
                            <input type="file" name="home_why_image_1" class="shadow-sm focus:ring-teal-500 focus:border-teal-500 block w-full sm:text-sm border border-gray-300 rounded-md p-1 bg-white">
                        </div>
                        <div>
                            <label class="block text-sm font-medium text-gray-700 mb-1">Image 2 (Bottom Right Collage)</label>
                            <?php if(isset($settings['home_why_image_2'])): ?>
                                <div class="mb-2">
                                    <img src="<?php echo e(asset($settings['home_why_image_2'])); ?>" class="h-20 object-cover rounded border border-gray-200">
                                </div>
                            <?php endif; ?>
                            <input type="file" name="home_why_image_2" class="shadow-sm focus:ring-teal-500 focus:border-teal-500 block w-full sm:text-sm border border-gray-300 rounded-md p-1 bg-white">
                        </div>
                        <div>
                            <label class="block text-sm font-medium text-gray-700 mb-1">Floating Badge Line 1 (e.g. 100%)</label>
                            <input type="text" name="home_why_badge_text_1" value="<?php echo e($settings['home_why_badge_text_1'] ?? '100%'); ?>" class="shadow-sm focus:ring-teal-500 focus:border-teal-500 block w-full sm:text-sm border-gray-300 rounded-md">
                        </div>
                        <div>
                            <label class="block text-sm font-medium text-gray-700 mb-1">Floating Badge Line 2 (e.g. NON-SURGICAL)</label>
                            <input type="text" name="home_why_badge_text_2" value="<?php echo e($settings['home_why_badge_text_2'] ?? 'NON-SURGICAL'); ?>" class="shadow-sm focus:ring-teal-500 focus:border-teal-500 block w-full sm:text-sm border-gray-300 rounded-md">
                        </div>
                    </div>
                </div>
                
                <!-- Features List -->
                <div class="md:col-span-2 mt-4">
                    <h5 class="text-sm font-bold text-teal-700 mb-3 border-b border-gray-100 pb-2">Features List (4 Items)</h5>
                    <div class="grid grid-cols-1 md:grid-cols-2 gap-6 bg-gray-50 p-4 rounded-lg border border-gray-100">
                        <!-- Feature 1 -->
                        <div class="space-y-2">
                            <div>
                                <label class="block text-sm font-medium text-gray-700 mb-1">Feature 1 Title</label>
                                <input type="text" name="home_why_f1_title" value="<?php echo e($settings['home_why_f1_title'] ?? 'Non-Surgical Approach'); ?>" class="shadow-sm focus:ring-teal-500 focus:border-teal-500 block w-full sm:text-sm border-gray-300 rounded-md">
                            </div>
                            <div>
                                <label class="block text-sm font-medium text-gray-700 mb-1">Feature 1 Description</label>
                                <input type="text" name="home_why_f1_desc" value="<?php echo e($settings['home_why_f1_desc'] ?? 'Zero knives, zero stitches. Every treatment is non-invasive and evidence-based.'); ?>" class="shadow-sm focus:ring-teal-500 focus:border-teal-500 block w-full sm:text-sm border-gray-300 rounded-md">
                            </div>
                        </div>
                        
                        <!-- Feature 2 -->
                        <div class="space-y-2">
                            <div>
                                <label class="block text-sm font-medium text-gray-700 mb-1">Feature 2 Title</label>
                                <input type="text" name="home_why_f2_title" value="<?php echo e($settings['home_why_f2_title'] ?? 'Data-Driven Diagnostics'); ?>" class="shadow-sm focus:ring-teal-500 focus:border-teal-500 block w-full sm:text-sm border-gray-300 rounded-md">
                            </div>
                            <div>
                                <label class="block text-sm font-medium text-gray-700 mb-1">Feature 2 Description</label>
                                <input type="text" name="home_why_f2_desc" value="<?php echo e($settings['home_why_f2_desc'] ?? '3D CBCT, EMG, polysomnography, kinesiography — for the most accurate diagnosis.'); ?>" class="shadow-sm focus:ring-teal-500 focus:border-teal-500 block w-full sm:text-sm border-gray-300 rounded-md">
                            </div>
                        </div>
                        
                        <!-- Feature 3 -->
                        <div class="space-y-2">
                            <div>
                                <label class="block text-sm font-medium text-gray-700 mb-1">Feature 3 Title</label>
                                <input type="text" name="home_why_f3_title" value="<?php echo e($settings['home_why_f3_title'] ?? '18+ Years of Mastery'); ?>" class="shadow-sm focus:ring-teal-500 focus:border-teal-500 block w-full sm:text-sm border-gray-300 rounded-md">
                            </div>
                            <div>
                                <label class="block text-sm font-medium text-gray-700 mb-1">Feature 3 Description</label>
                                <input type="text" name="home_why_f3_desc" value="<?php echo e($settings['home_why_f3_desc'] ?? 'Decades of experience treating complex, multi-layered craniofacial conditions.'); ?>" class="shadow-sm focus:ring-teal-500 focus:border-teal-500 block w-full sm:text-sm border-gray-300 rounded-md">
                            </div>
                        </div>
                        
                        <!-- Feature 4 -->
                        <div class="space-y-2">
                            <div>
                                <label class="block text-sm font-medium text-gray-700 mb-1">Feature 4 Title</label>
                                <input type="text" name="home_why_f4_title" value="<?php echo e($settings['home_why_f4_title'] ?? 'Global Specialist Network'); ?>" class="shadow-sm focus:ring-teal-500 focus:border-teal-500 block w-full sm:text-sm border-gray-300 rounded-md">
                            </div>
                            <div>
                                <label class="block text-sm font-medium text-gray-700 mb-1">Feature 4 Description</label>
                                <input type="text" name="home_why_f4_desc" value="<?php echo e($settings['home_why_f4_desc'] ?? 'Eight clinics across India, UAE and Nepal, with telemedicine options worldwide.'); ?>" class="shadow-sm focus:ring-teal-500 focus:border-teal-500 block w-full sm:text-sm border-gray-300 rounded-md">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- CTA Section -->
    <div class="mb-8">
        <h4 class="text-md font-bold text-gray-800 mb-4 pb-2 border-b border-gray-200">CTA Section</h4>
        <div class="bg-white border border-gray-200 shadow-sm rounded-lg p-6">
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">CTA Title Line 1</label>
                    <input type="text" name="home_cta_title_1" value="<?php echo e($settings['home_cta_title_1'] ?? 'Ready to take the next step?'); ?>" class="shadow-sm focus:ring-teal-500 focus:border-teal-500 block w-full sm:text-sm border-gray-300 rounded-md">
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">CTA Title Line 2</label>
                    <input type="text" name="home_cta_title_2" value="<?php echo e($settings['home_cta_title_2'] ?? 'Schedule your consultation today.'); ?>" class="shadow-sm focus:ring-teal-500 focus:border-teal-500 block w-full sm:text-sm border-gray-300 rounded-md">
                </div>
            </div>
        </div>
    </div>

    <div class="flex justify-end pt-5 border-t border-gray-200 pb-10">
        <button type="submit" class="bg-teal-600 border border-transparent rounded-md shadow-sm py-2 px-6 text-sm font-medium text-white hover:bg-teal-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-teal-500">
            Save Homepage Content
        </button>
    </div>
</form>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.admin', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /Users/sumankc/Desktop/ Websites/Dr Rajan/resources/views/admin/homepage/edit.blade.php ENDPATH**/ ?>