@extends('layouts.admin')
@section('title', 'SEO Management')
@section('content')
<div class="max-w-4xl">
    <div class="admin-card overflow-hidden">
        <div class="border-b border-gold/10 px-6 py-4">
            <h3 class="font-playfair text-cream text-lg font-semibold">Search Engine Optimization</h3>
            <p class="text-cream/40 text-xs">Configure global SEO meta tags and social sharing settings.</p>
        </div>

        <form action="{{ route('admin.settings.seo.update') }}" method="POST" enctype="multipart/form-data" class="p-6 space-y-8">
            @csrf
            
            {{-- Default Meta Tags --}}
            <div>
                <h4 class="text-gold text-xs font-semibold uppercase tracking-widest mb-4 border-l-2 border-gold pl-3">Default Meta Tags</h4>
                <div class="space-y-4">
                    <div>
                        <label class="form-label">Meta Title *</label>
                        <input type="text" name="seo_title" value="{{ $seo['title'] ?? 'Shalik Restaurant | Authentic Bengali Cuisine' }}" required class="form-input">
                    </div>
                    <div>
                        <label class="form-label">Meta Description</label>
                        <textarea name="seo_description" rows="3" class="form-input resize-none">{{ $seo['description'] ?? '' }}</textarea>
                    </div>
                    <div>
                        <label class="form-label">Keywords (Comma separated)</label>
                        <input type="text" name="seo_keywords" value="{{ $seo['keywords'] ?? '' }}" class="form-input" placeholder="bengali food, shalik, restaurant dhaka, best biryani">
                    </div>
                </div>
            </div>

            {{-- Open Graph / Social sharing --}}
            <div>
                <h4 class="text-gold text-xs font-semibold uppercase tracking-widest mb-4 border-l-2 border-gold pl-3">Social Sharing (OG Tags)</h4>
                <div class="grid md:grid-cols-2 gap-6">
                    <div>
                        <label class="form-label">OG Image (Default share image)</label>
                        <input type="file" name="og_image" class="form-input text-xs">
                        @if(isset($seo['og_image']))
                        <img src="{{ asset('storage/'.$seo['og_image']) }}" class="w-full h-32 object-cover mt-2 rounded-xl border border-gold/20">
                        @endif
                    </div>
                    <div class="space-y-4">
                        <div>
                            <label class="form-label">OG Site Name</label>
                            <input type="text" name="og_site_name" value="{{ $seo['og_site_name'] ?? 'Shalik' }}" class="form-input">
                        </div>
                        <div>
                            <label class="form-label">Twitter Handle</label>
                            <input type="text" name="twitter_handle" value="{{ $seo['twitter_handle'] ?? '@shalikrestaurant' }}" class="form-input">
                        </div>
                    </div>
                </div>
            </div>

            {{-- Scripts --}}
            <div>
                <h4 class="text-gold text-xs font-semibold uppercase tracking-widest mb-4 border-l-2 border-gold pl-3">Global Scripts</h4>
                <div class="space-y-4">
                    <div>
                        <label class="form-label">Google Analytics ID (G-XXXXXXX)</label>
                        <input type="text" name="google_analytics_id" value="{{ $seo['google_analytics_id'] ?? '' }}" class="form-input">
                    </div>
                    <div>
                        <label class="form-label">Header Scripts (Tracking pixels, etc.)</label>
                        <textarea name="header_scripts" rows="4" class="form-input font-mono text-xs">{{ $seo['header_scripts'] ?? '' }}</textarea>
                    </div>
                </div>
            </div>

            <div class="pt-6 border-t border-gold/10">
                <button type="submit" class="btn-primary px-10 py-3">
                    <i class="fas fa-save mr-2"></i> Update SEO
                </button>
            </div>
        </form>
    </div>
</div>
@endsection