@extends('admin.layouts.admin')
@section('title', 'إدارة CTA')
@section('content')
<div class="max-w-4xl mx-auto bg-white p-8 rounded-xl shadow-lg" dir="rtl">
    <h2 class="text-2xl font-bold mb-6 text-right border-b pb-4">إدارة قسم نداء الإجراء (CTA)</h2>
    <form action="{{ route('admin.cta.update') }}" method="POST" class="space-y-6 text-right">
        @csrf
        <div>
            <label class="block font-bold mb-2">العنوان</label>
            <input type="text" name="title" value="{{ $cta->title }}" class="w-full border p-3 rounded-lg outline-none focus:ring-2 focus:ring-blue-500" required>
        </div>
        <div>
            <label class="block font-bold mb-2">الوصف</label>
            <textarea name="description" class="w-full border p-3 rounded-lg outline-none focus:ring-2 focus:ring-blue-500" rows="4" required>{{ $cta->description }}</textarea>
        </div>
        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
            <div>
                <label class="block font-bold mb-2">نص الزرار</label>
                <input type="text" name="btn_text" value="{{ $cta->btn_text }}" class="w-full border p-3 rounded-lg outline-none focus:ring-2 focus:ring-blue-500" required>
            </div>
            <div>
                <label class="block font-bold mb-2">رابط الزرار</label>
                <input type="text" name="btn_link" value="{{ $cta->btn_link }}" class="w-full border p-3 rounded-lg outline-none focus:ring-2 focus:ring-blue-500" required>
            </div>
        </div>
        <button type="submit" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-4 rounded-xl shadow transition">حفظ التغييرات</button>
    </form>
</div>
@endsection