@php($title = 'Admin • Settings')
@php($heading = 'Site Settings')
@php($sidebar = view()->make('dashboard.partials.admin-sidebar')->render())

@extends('layouts.dashboard', compact('title','heading','sidebar'))

@section('content')
    <div class="rounded-2xl bg-white shadow p-4">
        <h3 class="font-semibold mb-2">Site Settings</h3>
        <p class="text-sm text-slate-600">Update general site configuration and homepage content.</p>

        <form class="mt-3 space-y-3" method="post" action="{{ route('admin.settings.update') }}" enctype="multipart/form-data">
            @csrf

            <div>
                <label class="block text-sm font-medium">Homepage Hero Title</label>
                <input type="text" name="hero_title" class="mt-1 w-full border rounded p-2" value="{{ \App\Support\SiteSettings::get('hero_title', 'Welcome to the Marketplace') }}" />
            </div>

            <div>
                <label class="block text-sm font-medium">Homepage Hero Subtitle</label>
                <input type="text" name="hero_subtitle" class="mt-1 w-full border rounded p-2" value="{{ \App\Support\SiteSettings::get('hero_subtitle', 'Browse products and manage your licenses') }}" />
            </div>

            <div class="grid grid-cols-1 md:grid-cols-2 gap-3">
                <div>
                    <label class="block text-sm font-medium">Hero CTA Text</label>
                    <input type="text" name="hero_cta_text" class="mt-1 w-full border rounded p-2" value="{{ \App\Support\SiteSettings::get('hero_cta_text', 'Shop Now') }}" />
                </div>
                <div>
                    <label class="block text-sm font-medium">Hero CTA URL</label>
                    <input type="text" name="hero_cta_url" class="mt-1 w-full border rounded p-2" value="{{ \App\Support\SiteSettings::get('hero_cta_url', '/products') }}" />
                </div>
            </div>

            <hr class="my-4">
            <h4 class="font-medium">Branding</h4>
            <div>
                <label class="block text-sm font-medium">Brand Logo</label>
                <input type="file" name="brand_logo" accept="image/*" class="mt-1 w-full border rounded p-2" />
                @php($brandLogoUrl = \App\Support\SiteSettings::get('brand_logo'))
                @if(!empty($brandLogoUrl))
                    <div class="mt-2">
                        <img src="{{ $brandLogoUrl }}" alt="Current brand logo" class="h-10 w-auto">
                    </div>
                @endif
                <p class="text-xs text-slate-500 mt-1">Max 4MB; PNG, JPG, SVG.</p>
            </div>

            <hr class="my-4">
            <h4 class="font-medium">Header Menu (JSON)</h4>
            <p class="text-xs text-slate-500">Provide an array of items: [{"title":"Home","url":"/"}].</p>
            <textarea name="header_menu" class="mt-1 w-full border rounded p-2 font-mono text-xs" rows="6">{{ old('header_menu', json_encode(\App\Support\SiteSettings::getJson('header_menu', []), JSON_PRETTY_PRINT|JSON_UNESCAPED_SLASHES)) }}</textarea>

            <h4 class="font-medium mt-4">Footer Links (JSON)</h4>
            <p class="text-xs text-slate-500">Provide an array of items: [{"label":"Privacy","url":"/privacy"}].</p>
            <textarea name="footer_links" class="mt-1 w-full border rounded p-2 font-mono text-xs" rows="6">{{ old('footer_links', json_encode(\App\Support\SiteSettings::getJson('footer_links', []), JSON_PRETTY_PRINT|JSON_UNESCAPED_SLASHES)) }}</textarea>

            <div class="mt-3">
                <label class="block text-sm font-medium">Footer Text</label>
                <input type="text" name="footer_text" class="mt-1 w-full border rounded p-2" value="{{ old('footer_text', \App\Support\SiteSettings::get('footer_text')) }}" />
            </div>

            <hr class="my-4">
            <h4 class="font-medium">SEO</h4>
            <div class="grid grid-cols-1 md:grid-cols-2 gap-3">
                <div>
                    <label class="block text-sm font-medium">SEO Title</label>
                    <input type="text" name="seo_title" class="mt-1 w-full border rounded p-2" value="{{ old('seo_title', \App\Support\SiteSettings::get('seo_title')) }}" />
                </div>
                <div>
                    <label class="block text-sm font-medium">SEO Keywords</label>
                    <input type="text" name="seo_keywords" class="mt-1 w-full border rounded p-2" value="{{ old('seo_keywords', \App\Support\SiteSettings::get('seo_keywords')) }}" placeholder="comma,separated,keywords" />
                </div>
            </div>
            <div>
                <label class="block text-sm font-medium">SEO Description</label>
                <textarea name="seo_description" class="mt-1 w-full border rounded p-2" rows="3">{{ old('seo_description', \App\Support\SiteSettings::get('seo_description')) }}</textarea>
            </div>
            <div class="grid grid-cols-1 md:grid-cols-2 gap-3">
                <div>
                    <label class="block text-sm font-medium">OG Title</label>
                    <input type="text" name="seo_og_title" class="mt-1 w-full border rounded p-2" value="{{ old('seo_og_title', \App\Support\SiteSettings::get('seo_og_title')) }}" />
                </div>
                <div>
                    <label class="block text-sm font-medium">OG Description</label>
                    <input type="text" name="seo_og_description" class="mt-1 w-full border rounded p-2" value="{{ old('seo_og_description', \App\Support\SiteSettings::get('seo_og_description')) }}" />
                </div>
            </div>
            <div>
                <label class="block text-sm font-medium">OG Image</label>
                <input type="file" name="seo_og_image" accept="image/*" class="mt-1 w-full border rounded p-2" />
                @php($ogImageUrl = \App\Support\SiteSettings::get('seo_og_image'))
                @if(!empty($ogImageUrl))
                    <div class="mt-2">
                        <img src="{{ $ogImageUrl }}" alt="Current OG image" class="h-24 w-auto">
                    </div>
                @endif
                <p class="text-xs text-slate-500 mt-1">Recommended 1200x630; Max 8MB.</p>
            </div>

            <div class="mt-2">
                <button type="submit" class="px-3 py-2 rounded bg-slate-800 text-white">Save Settings</button>
            </div>
        </form>

        <p class="text-xs text-slate-500 mt-3">Note: Submitting will show a status message; backend persistence is not implemented yet.</p>
    </div>
@endsection