@extends('admin.layout')

@section('title', 'إعدادات الموقع')
@section('header', 'إعدادات الموقع')

@section('content')
    <div class="bg-white rounded-lg shadow overflow-hidden">
        <div class="p-6 text-gray-900">
            <form action="{{ route('admin.website.update') }}" method="POST">
                @csrf
                @method('PUT')
                
                <div class="mb-4">
                    <label class="block text-gray-700 text-sm font-bold mb-2" for="landing_hero_title">
                        عنوان الصفحة الرئيسية (Hero Title)
                    </label>
                    <input class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" id="landing_hero_title" name="landing_hero_title" type="text" placeholder="أدخل العنوان الرئيسي" value="{{ \App\Models\Setting::where('key', 'landing_hero_title')->value('value') }}">
                </div>

                <div class="mb-4">
                    <label class="block text-gray-700 text-sm font-bold mb-2" for="landing_features">
                        المميزات (JSON or Text)
                    </label>
                    <textarea class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" id="landing_features" name="landing_features" rows="4">{{ \App\Models\Setting::where('key', 'landing_features')->value('value') }}</textarea>
                </div>

                <button type="submit" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline transition">
                    حفظ الإعدادات
                </button>
            </form>
        </div>
    </div>
@endsection