@extends('layouts.admin', ['heading' => 'Homepage CMS - Settings'])

@section('content')
    @include('admin.cms._tabs')

    @if(session('status'))
        <div class="mb-4 rounded bg-emerald-100 p-3 text-emerald-800">{{ session('status') }}</div>
    @endif
    @if($errors->any())
        <div class="mb-4 rounded bg-rose-100 p-3 text-rose-800">
            <ul class="list-disc pl-5 text-sm">
                @foreach($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <form method="POST" action="{{ route('admin.cms.homepage-settings.update') }}" enctype="multipart/form-data" class="space-y-6">
        @csrf

        <div class="rounded bg-white p-4 shadow">
            <h3 class="mb-3 text-lg font-semibold">Hero Section</h3>
            <div class="grid grid-cols-1 gap-3 md:grid-cols-2">
                <input name="hero_title" value="{{ old('hero_title', $settings['hero_title'] ?? '') }}" placeholder="Hero Title" class="rounded border p-2 text-sm">
                <input name="hero_subtitle" value="{{ old('hero_subtitle', $settings['hero_subtitle'] ?? '') }}" placeholder="Hero Subtitle" class="rounded border p-2 text-sm">
                <input name="hero_button_1_text" value="{{ old('hero_button_1_text', $settings['hero_button_1_text'] ?? '') }}" placeholder="Button 1 Text" class="rounded border p-2 text-sm">
                <input name="hero_button_1_link" value="{{ old('hero_button_1_link', $settings['hero_button_1_link'] ?? '') }}" placeholder="Button 1 Link" class="rounded border p-2 text-sm">
                <input name="hero_button_2_text" value="{{ old('hero_button_2_text', $settings['hero_button_2_text'] ?? '') }}" placeholder="Button 2 Text" class="rounded border p-2 text-sm">
                <input name="hero_button_2_link" value="{{ old('hero_button_2_link', $settings['hero_button_2_link'] ?? '') }}" placeholder="Button 2 Link" class="rounded border p-2 text-sm">
                <div>
                    <label class="mb-1 block text-xs font-semibold">Hero Background Image</label>
                    <input name="hero_background_image" type="file" class="w-full rounded border p-2 text-sm">
                </div>
                <div>
                    <label class="mb-1 block text-xs font-semibold">Hero Dashboard Image</label>
                    <input name="hero_dashboard_image" type="file" class="w-full rounded border p-2 text-sm">
                </div>
                <div class="md:col-span-2">
                    <label class="mb-1 block text-xs font-semibold">Trust Badges (one per line)</label>
                    <textarea name="trust_badges" class="w-full rounded border p-2 text-sm" rows="3">{{ old('trust_badges', implode("\n", $trustBadges)) }}</textarea>
                </div>
            </div>
        </div>

        <div class="rounded bg-white p-4 shadow">
            <h3 class="mb-3 text-lg font-semibold">About Section</h3>
            <div class="grid grid-cols-1 gap-3 md:grid-cols-2">
                <input name="about_title" value="{{ old('about_title', $settings['about_title'] ?? '') }}" placeholder="About Title" class="rounded border p-2 text-sm">
                <input name="founder_name" value="{{ old('founder_name', $settings['founder_name'] ?? '') }}" placeholder="Founder Name (optional)" class="rounded border p-2 text-sm">
                <div>
                    <label class="mb-1 block text-xs font-semibold">About Image</label>
                    <input name="about_image" type="file" class="w-full rounded border p-2 text-sm">
                </div>
                <div>
                    <label class="mb-1 block text-xs font-semibold">Founder Signature</label>
                    <input name="founder_signature" type="file" class="w-full rounded border p-2 text-sm">
                </div>
                <div class="md:col-span-2">
                    <label class="mb-1 block text-xs font-semibold">About Description (use blank line for new paragraph)</label>
                    <textarea name="about_description" class="w-full rounded border p-2 text-sm" rows="4">{{ old('about_description', $settings['about_description'] ?? '') }}</textarea>
                </div>
                <div class="md:col-span-2">
                    <label class="mb-1 block text-xs font-semibold">Highlights (one per line)</label>
                    <textarea name="about_highlights" class="w-full rounded border p-2 text-sm" rows="3">{{ old('about_highlights', implode("\n", $aboutHighlights)) }}</textarea>
                </div>
            </div>
        </div>

        <div class="rounded bg-white p-4 shadow">
            <h3 class="mb-3 text-lg font-semibold">CTA Banner</h3>
            <div class="grid grid-cols-1 gap-3 md:grid-cols-2">
                <input name="cta_title" value="{{ old('cta_title', $settings['cta_title'] ?? '') }}" placeholder="CTA Title" class="rounded border p-2 text-sm">
                <input name="cta_subtitle" value="{{ old('cta_subtitle', $settings['cta_subtitle'] ?? '') }}" placeholder="CTA Subtitle" class="rounded border p-2 text-sm">
                <input name="cta_button_text" value="{{ old('cta_button_text', $settings['cta_button_text'] ?? '') }}" placeholder="CTA Button Text" class="rounded border p-2 text-sm">
                <input name="cta_button_link" value="{{ old('cta_button_link', $settings['cta_button_link'] ?? '') }}" placeholder="CTA Button Link" class="rounded border p-2 text-sm">
            </div>
        </div>

        <div class="rounded bg-white p-4 shadow">
            <h3 class="mb-3 text-lg font-semibold">Statistics</h3>
            <div class="grid grid-cols-1 gap-3 md:grid-cols-2">
                <label class="flex items-center gap-2 text-sm">
                    <input type="radio" name="homepage_stats_mode" value="auto" {{ (old('homepage_stats_mode', $settings['homepage_stats_mode'] ?? 'auto') === 'auto') ? 'checked' : '' }}>
                    Auto (use live database stats)
                </label>
                <label class="flex items-center gap-2 text-sm">
                    <input type="radio" name="homepage_stats_mode" value="manual" {{ (old('homepage_stats_mode', $settings['homepage_stats_mode'] ?? 'auto') === 'manual') ? 'checked' : '' }}>
                    Manual (override values)
                </label>
                <input name="homepage_stat_total_members" value="{{ old('homepage_stat_total_members', $settings['homepage_stat_total_members'] ?? '') }}" placeholder="Total Members" class="rounded border p-2 text-sm">
                <input name="homepage_stat_total_withdrawals" value="{{ old('homepage_stat_total_withdrawals', $settings['homepage_stat_total_withdrawals'] ?? '') }}" placeholder="Total Withdrawals" class="rounded border p-2 text-sm">
                <input name="homepage_stat_total_business" value="{{ old('homepage_stat_total_business', $settings['homepage_stat_total_business'] ?? '') }}" placeholder="Total Business Volume" class="rounded border p-2 text-sm">
                <input name="homepage_stat_active_distributors" value="{{ old('homepage_stat_active_distributors', $settings['homepage_stat_active_distributors'] ?? '') }}" placeholder="Active Distributors" class="rounded border p-2 text-sm">
            </div>
        </div>

        <div class="rounded bg-white p-4 shadow">
            <h3 class="mb-3 text-lg font-semibold">Compliance Section</h3>
            <div class="grid grid-cols-1 gap-3">
                <label class="mb-1 block text-xs font-semibold">Compliance Items (one per line)</label>
                <textarea name="compliance_items" class="w-full rounded border p-2 text-sm" rows="4">{{ old('compliance_items', implode("\n", $complianceItems)) }}</textarea>
            </div>
        </div>

        <div class="rounded bg-white p-4 shadow">
            <h3 class="mb-3 text-lg font-semibold">Homepage SEO</h3>
            <div class="grid grid-cols-1 gap-3 md:grid-cols-2">
                <input name="home_meta_title" value="{{ old('home_meta_title', $settings['home_meta_title'] ?? '') }}" placeholder="Meta Title" class="rounded border p-2 text-sm">
                <input name="home_meta_description" value="{{ old('home_meta_description', $settings['home_meta_description'] ?? '') }}" placeholder="Meta Description" class="rounded border p-2 text-sm">
                <input name="home_canonical_url" value="{{ old('home_canonical_url', $settings['home_canonical_url'] ?? '') }}" placeholder="Canonical URL" class="rounded border p-2 text-sm">
                <div>
                    <label class="mb-1 block text-xs font-semibold">OG Image</label>
                    <input name="home_og_image" type="file" class="w-full rounded border p-2 text-sm">
                </div>
                <label class="flex items-center gap-2 text-sm">
                    <input type="checkbox" name="home_indexable" value="1" {{ (old('home_indexable', $settings['home_indexable'] ?? '1') == '1') ? 'checked' : '' }}>
                    Allow indexing
                </label>
            </div>
        </div>

        <div class="flex justify-end">
            <button class="rounded bg-slate-900 px-4 py-2 text-sm text-white">Save Settings</button>
        </div>
    </form>
@endsection