<?php $__env->startSection('title', 'Site Settings'); ?>

<?php $__env->startSection('content'); ?>
<div class="container mx-auto max-w-5xl">
    <div class="flex justify-between items-center mb-6">
        <h1 class="text-2xl font-bold text-slate-900">Site Settings</h1>
    </div>

    <form action="<?php echo e(route('admin.settings.update')); ?>" method="POST" class="bg-white shadow-sm rounded-xl border border-slate-100 p-6" x-data="{ activeTab: 'general' }">
        <?php echo csrf_field(); ?>
        
        <!-- Tabs -->
        <div class="flex flex-wrap border-b border-slate-200 mb-6 gap-2">
            <button type="button" @click="activeTab = 'general'" :class="{ 'border-brand-primary text-brand-primary': activeTab === 'general', 'border-transparent text-slate-500 hover:text-slate-700 hover:border-slate-300': activeTab !== 'general' }" class="whitespace-nowrap py-3 px-4 border-b-2 font-bold text-sm transition tracking-tight">General & Hero</button>
            <button type="button" @click="activeTab = 'about'" :class="{ 'border-brand-primary text-brand-primary': activeTab === 'about', 'border-transparent text-slate-500 hover:text-slate-700 hover:border-slate-300': activeTab !== 'about' }" class="whitespace-nowrap py-3 px-4 border-b-2 font-bold text-sm transition tracking-tight">About & Mission</button>
            <button type="button" @click="activeTab = 'contact'" :class="{ 'border-brand-primary text-brand-primary': activeTab === 'contact', 'border-transparent text-slate-500 hover:text-slate-700 hover:border-slate-300': activeTab !== 'contact' }" class="whitespace-nowrap py-3 px-4 border-b-2 font-bold text-sm transition tracking-tight">Contact & Social</button>
            <button type="button" @click="activeTab = 'meta'" :class="{ 'border-brand-primary text-brand-primary': activeTab === 'meta', 'border-transparent text-slate-500 hover:text-slate-700 hover:border-slate-300': activeTab !== 'meta' }" class="whitespace-nowrap py-3 px-4 border-b-2 font-bold text-sm transition tracking-tight">SEO & Meta Tags</button>
        </div>

        <!-- Tab Content: General & Hero -->
        <div x-show="activeTab === 'general'" x-cloak class="space-y-6">
            <div class="bg-slate-50 p-6 rounded-xl border border-slate-100">
                <h3 class="font-bold text-slate-800 mb-4 text-lg">Homepage Toast Notification</h3>
                <div>
                    <label class="block text-slate-700 text-sm font-bold mb-2">Welcome Message</label>
                    <textarea class="w-full px-4 py-3 bg-white border border-slate-200 rounded-lg focus:ring-2 focus:ring-brand-primary focus:border-transparent outline-none transition" name="welcome_message" rows="2"><?php echo e($settings['welcome_message'] ?? ''); ?></textarea>
                </div>
            </div>

            <div class="bg-slate-50 p-6 rounded-xl border border-slate-100">
                <h3 class="font-bold text-slate-800 mb-4 text-lg">Homepage Hero Section <span class="text-xs font-normal text-slate-500 ml-2">(Default fallback if no slides are active)</span></h3>
                <div class="space-y-5">
                    <div>
                        <label class="block text-slate-700 text-sm font-bold mb-2">Hero Tagline</label>
                        <input type="text" class="w-full px-4 py-3 bg-white border border-slate-200 rounded-lg focus:ring-2 focus:ring-brand-primary focus:border-transparent outline-none transition" name="hero_tagline" value="<?php echo e($settings['hero_tagline'] ?? ''); ?>">
                    </div>
                    <div>
                        <label class="block text-slate-700 text-sm font-bold mb-2">Hero Headline (HTML allowed)</label>
                        <textarea class="w-full px-4 py-3 bg-white border border-slate-200 rounded-lg focus:ring-2 focus:ring-brand-primary focus:border-transparent outline-none transition font-mono text-sm" name="hero_headline" rows="3"><?php echo e($settings['hero_headline'] ?? ''); ?></textarea>
                    </div>
                    <div>
                        <label class="block text-slate-700 text-sm font-bold mb-2">Hero Subtext</label>
                        <textarea class="w-full px-4 py-3 bg-white border border-slate-200 rounded-lg focus:ring-2 focus:ring-brand-primary focus:border-transparent outline-none transition" name="hero_subtext" rows="3"><?php echo e($settings['hero_subtext'] ?? ''); ?></textarea>
                    </div>
                </div>
            </div>
        </div>

        <!-- Tab Content: About & Mission -->
        <div x-show="activeTab === 'about'" x-cloak class="space-y-6">
            <div class="bg-slate-50 p-6 rounded-xl border border-slate-100">
                <h3 class="font-bold text-slate-800 mb-4 text-lg">Homepage About Summary</h3>
                <div class="space-y-5">
                    <div>
                        <label class="block text-slate-700 text-sm font-bold mb-2">Heading</label>
                        <input type="text" class="w-full px-4 py-3 bg-white border border-slate-200 rounded-lg focus:ring-2 focus:ring-brand-primary focus:border-transparent outline-none transition" name="about_heading" value="<?php echo e($settings['about_heading'] ?? ''); ?>">
                    </div>
                    <div>
                        <label class="block text-slate-700 text-sm font-bold mb-2">Text</label>
                        <textarea class="w-full px-4 py-3 bg-white border border-slate-200 rounded-lg focus:ring-2 focus:ring-brand-primary focus:border-transparent outline-none transition" name="about_text" rows="4"><?php echo e($settings['about_text'] ?? ''); ?></textarea>
                    </div>
                </div>
            </div>

            <div class="bg-slate-50 p-6 rounded-xl border border-slate-100">
                <h3 class="font-bold text-slate-800 mb-4 text-lg">About Page: Our Story</h3>
                <div class="space-y-5">
                    <div>
                        <label class="block text-slate-700 text-sm font-bold mb-2">Heading</label>
                        <input type="text" class="w-full px-4 py-3 bg-white border border-slate-200 rounded-lg focus:ring-2 focus:ring-brand-primary focus:border-transparent outline-none transition" name="about_story_heading" value="<?php echo e($settings['about_story_heading'] ?? ''); ?>">
                    </div>
                    <div>
                        <label class="block text-slate-700 text-sm font-bold mb-2">Paragraph 1</label>
                        <textarea class="w-full px-4 py-3 bg-white border border-slate-200 rounded-lg focus:ring-2 focus:ring-brand-primary focus:border-transparent outline-none transition" name="about_story_text" rows="3"><?php echo e($settings['about_story_text'] ?? ''); ?></textarea>
                    </div>
                    <div>
                        <label class="block text-slate-700 text-sm font-bold mb-2">Paragraph 2</label>
                        <textarea class="w-full px-4 py-3 bg-white border border-slate-200 rounded-lg focus:ring-2 focus:ring-brand-primary focus:border-transparent outline-none transition" name="about_story_text_2" rows="3"><?php echo e($settings['about_story_text_2'] ?? ''); ?></textarea>
                    </div>
                    <div class="mt-4">
                        <?php if (isset($component)) { $__componentOriginal17241dfc9b38bca5242bfc2326a1a5c9 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal17241dfc9b38bca5242bfc2326a1a5c9 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.media-picker','data' => ['name' => 'about_story_image','label' => 'Story Image','value' => $settings['about_story_image'] ?? '','preview' => ($settings['about_story_image'] ?? '') ? asset($settings['about_story_image']) : null]] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('media-picker'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['name' => 'about_story_image','label' => 'Story Image','value' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($settings['about_story_image'] ?? ''),'preview' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute(($settings['about_story_image'] ?? '') ? asset($settings['about_story_image']) : null)]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal17241dfc9b38bca5242bfc2326a1a5c9)): ?>
<?php $attributes = $__attributesOriginal17241dfc9b38bca5242bfc2326a1a5c9; ?>
<?php unset($__attributesOriginal17241dfc9b38bca5242bfc2326a1a5c9); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal17241dfc9b38bca5242bfc2326a1a5c9)): ?>
<?php $component = $__componentOriginal17241dfc9b38bca5242bfc2326a1a5c9; ?>
<?php unset($__componentOriginal17241dfc9b38bca5242bfc2326a1a5c9); ?>
<?php endif; ?>
                    </div>
                </div>
            </div>

            <div class="bg-slate-50 p-6 rounded-xl border border-slate-100">
                <h3 class="font-bold text-slate-800 mb-4 text-lg">Mission & Vision</h3>
                <div class="space-y-5">
                    <div>
                        <label class="block text-slate-700 text-sm font-bold mb-2">Mission Statement</label>
                        <textarea class="w-full px-4 py-3 bg-white border border-slate-200 rounded-lg focus:ring-2 focus:ring-brand-primary focus:border-transparent outline-none transition" name="mission_text" rows="3"><?php echo e($settings['mission_text'] ?? ''); ?></textarea>
                    </div>
                    <div>
                        <label class="block text-slate-700 text-sm font-bold mb-2">Vision Statement</label>
                        <textarea class="w-full px-4 py-3 bg-white border border-slate-200 rounded-lg focus:ring-2 focus:ring-brand-primary focus:border-transparent outline-none transition" name="vision_text" rows="3"><?php echo e($settings['vision_text'] ?? ''); ?></textarea>
                    </div>
                </div>
            </div>
        </div>

        <!-- Tab Content: Contact & Social -->
        <div x-show="activeTab === 'contact'" x-cloak class="space-y-6">
            <div class="bg-slate-50 p-6 rounded-xl border border-slate-100">
                <h3 class="font-bold text-slate-800 mb-4 text-lg">Contact Information</h3>
                <div class="grid md:grid-cols-2 gap-5">
                    <div>
                        <label class="block text-slate-700 text-sm font-bold mb-2">Email Address</label>
                        <input type="email" class="w-full px-4 py-3 bg-white border border-slate-200 rounded-lg focus:ring-2 focus:ring-brand-primary focus:border-transparent outline-none transition" name="contact_email" value="<?php echo e($settings['contact_email'] ?? ''); ?>">
                    </div>
                    <div>
                        <label class="block text-slate-700 text-sm font-bold mb-2">Phone Number</label>
                        <input type="text" class="w-full px-4 py-3 bg-white border border-slate-200 rounded-lg focus:ring-2 focus:ring-brand-primary focus:border-transparent outline-none transition" name="contact_phone" value="<?php echo e($settings['contact_phone'] ?? ''); ?>">
                    </div>
                    <div class="md:col-span-2">
                        <label class="block text-slate-700 text-sm font-bold mb-2">Physical Address</label>
                        <input type="text" class="w-full px-4 py-3 bg-white border border-slate-200 rounded-lg focus:ring-2 focus:ring-brand-primary focus:border-transparent outline-none transition" name="contact_address" value="<?php echo e($settings['contact_address'] ?? ''); ?>">
                    </div>
                    <div class="md:col-span-2">
                        <label class="block text-slate-700 text-sm font-bold mb-2">Google Maps Embed URL</label>
                        <input type="text" class="w-full px-4 py-3 bg-white border border-slate-200 rounded-lg focus:ring-2 focus:ring-brand-primary focus:border-transparent outline-none transition" name="contact_map_url" value="<?php echo e($settings['contact_map_url'] ?? ''); ?>">
                    </div>
                </div>
            </div>

            <div class="bg-slate-50 p-6 rounded-xl border border-slate-100">
                <h3 class="font-bold text-slate-800 mb-4 text-lg">Social Media Links</h3>
                <div class="grid md:grid-cols-2 gap-5">
                    <div>
                        <label class="block text-slate-700 text-sm font-bold mb-2">LinkedIn URL</label>
                        <input type="text" class="w-full px-4 py-3 bg-white border border-slate-200 rounded-lg focus:ring-2 focus:ring-brand-primary focus:border-transparent outline-none transition" name="social_linkedin" value="<?php echo e($settings['social_linkedin'] ?? ''); ?>">
                    </div>
                    <div>
                        <label class="block text-slate-700 text-sm font-bold mb-2">Instagram URL</label>
                        <input type="text" class="w-full px-4 py-3 bg-white border border-slate-200 rounded-lg focus:ring-2 focus:ring-brand-primary focus:border-transparent outline-none transition" name="social_instagram" value="<?php echo e($settings['social_instagram'] ?? ''); ?>">
                    </div>
                    <div>
                        <label class="block text-slate-700 text-sm font-bold mb-2">X / Twitter URL</label>
                        <input type="text" class="w-full px-4 py-3 bg-white border border-slate-200 rounded-lg focus:ring-2 focus:ring-brand-primary focus:border-transparent outline-none transition" name="social_twitter" value="<?php echo e($settings['social_twitter'] ?? ''); ?>">
                    </div>
                    <div>
                        <label class="block text-slate-700 text-sm font-bold mb-2">Facebook URL</label>
                        <input type="text" class="w-full px-4 py-3 bg-white border border-slate-200 rounded-lg focus:ring-2 focus:ring-brand-primary focus:border-transparent outline-none transition" name="social_facebook" value="<?php echo e($settings['social_facebook'] ?? ''); ?>">
                    </div>
                </div>
            </div>
        </div>

        <!-- Tab Content: Meta Tags -->
        <div x-show="activeTab === 'meta'" x-cloak class="space-y-6">
            <div class="bg-slate-50 p-6 rounded-xl border border-slate-100">
                <h3 class="font-bold text-slate-800 mb-4 text-lg">Homepage SEO</h3>
                <div class="space-y-5">
                    <div>
                        <label class="block text-slate-700 text-sm font-bold mb-2">Page Title</label>
                        <input type="text" class="w-full px-4 py-3 bg-white border border-slate-200 rounded-lg focus:ring-2 focus:ring-brand-primary focus:border-transparent outline-none transition" name="page_meta_home_title" value="<?php echo e($settings['page_meta_home_title'] ?? ''); ?>">
                    </div>
                    <div>
                        <label class="block text-slate-700 text-sm font-bold mb-2">Meta Description</label>
                        <textarea class="w-full px-4 py-3 bg-white border border-slate-200 rounded-lg focus:ring-2 focus:ring-brand-primary focus:border-transparent outline-none transition" name="page_meta_home_desc" rows="2"><?php echo e($settings['page_meta_home_desc'] ?? ''); ?></textarea>
                    </div>
                </div>
            </div>
            
            <div class="bg-slate-50 p-6 rounded-xl border border-slate-100">
                <h3 class="font-bold text-slate-800 mb-4 text-lg">About Page SEO</h3>
                <div class="space-y-5">
                    <div>
                        <label class="block text-slate-700 text-sm font-bold mb-2">Page Title</label>
                        <input type="text" class="w-full px-4 py-3 bg-white border border-slate-200 rounded-lg focus:ring-2 focus:ring-brand-primary focus:border-transparent outline-none transition" name="page_meta_about_title" value="<?php echo e($settings['page_meta_about_title'] ?? ''); ?>">
                    </div>
                    <div>
                        <label class="block text-slate-700 text-sm font-bold mb-2">Meta Description</label>
                        <textarea class="w-full px-4 py-3 bg-white border border-slate-200 rounded-lg focus:ring-2 focus:ring-brand-primary focus:border-transparent outline-none transition" name="page_meta_about_desc" rows="2"><?php echo e($settings['page_meta_about_desc'] ?? ''); ?></textarea>
                    </div>
                </div>
            </div>

            <div class="bg-slate-50 p-6 rounded-xl border border-slate-100">
                <h3 class="font-bold text-slate-800 mb-4 text-lg">Services Page SEO</h3>
                <div class="space-y-5">
                    <div>
                        <label class="block text-slate-700 text-sm font-bold mb-2">Page Title</label>
                        <input type="text" class="w-full px-4 py-3 bg-white border border-slate-200 rounded-lg focus:ring-2 focus:ring-brand-primary focus:border-transparent outline-none transition" name="page_meta_services_title" value="<?php echo e($settings['page_meta_services_title'] ?? ''); ?>">
                    </div>
                    <div>
                        <label class="block text-slate-700 text-sm font-bold mb-2">Meta Description</label>
                        <textarea class="w-full px-4 py-3 bg-white border border-slate-200 rounded-lg focus:ring-2 focus:ring-brand-primary focus:border-transparent outline-none transition" name="page_meta_services_desc" rows="2"><?php echo e($settings['page_meta_services_desc'] ?? ''); ?></textarea>
                    </div>
                </div>
            </div>

            <div class="bg-slate-50 p-6 rounded-xl border border-slate-100">
                <h3 class="font-bold text-slate-800 mb-4 text-lg">Contact Page SEO</h3>
                <div class="space-y-5">
                    <div>
                        <label class="block text-slate-700 text-sm font-bold mb-2">Page Title</label>
                        <input type="text" class="w-full px-4 py-3 bg-white border border-slate-200 rounded-lg focus:ring-2 focus:ring-brand-primary focus:border-transparent outline-none transition" name="page_meta_contact_title" value="<?php echo e($settings['page_meta_contact_title'] ?? ''); ?>">
                    </div>
                    <div>
                        <label class="block text-slate-700 text-sm font-bold mb-2">Meta Description</label>
                        <textarea class="w-full px-4 py-3 bg-white border border-slate-200 rounded-lg focus:ring-2 focus:ring-brand-primary focus:border-transparent outline-none transition" name="page_meta_contact_desc" rows="2"><?php echo e($settings['page_meta_contact_desc'] ?? ''); ?></textarea>
                    </div>
                </div>
            </div>
        </div>

        <!-- Submit Button -->
        <div class="mt-8 pt-6 border-t border-slate-200 flex justify-end">
            <button type="submit" class="bg-brand-primary hover:bg-brand-accent text-white font-bold py-3 px-8 rounded-lg shadow-lg shadow-brand-primary/30 transition flex items-center gap-2">
                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4"></path></svg>
                Save All Settings
            </button>
        </div>
    </form>
</div>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.admin', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\xampp\htdocs\ecs\resources\views/admin/settings/index.blade.php ENDPATH**/ ?>