@extends('admin.layouts.admin')
@section('title', 'إدارة CTA 3')
@section('content')
<div class="max-w-4xl mx-auto bg-white p-8 rounded-xl shadow-lg text-right" dir="rtl">
    <h2 class="text-2xl font-bold mb-6 border-b pb-4 text-gray-800">إدارة قسم نداء الإجراء (CTA 3)</h2>
    
    <form action="{{ route('admin.cta3.update') }}" method="POST" class="space-y-6">
        @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-8 bg-gray-50 p-6 rounded-xl border border-gray-100">
            <!-- الزر الأول -->
            <div class="space-y-4">
                <h3 class="font-bold text-blue-600 border-b pb-2">الزر الأول (الأساسي)</h3>
                <div>
                    <label class="block text-sm mb-1">نص الزر</label>
                    <input type="text" name="btn1_text" value="{{ $cta->btn1_text }}" class="w-full border p-2 rounded-lg outline-none focus:ring-2 focus:ring-blue-500" required>
                </div>
                <div>
                    <label class="block text-sm mb-1">الرابط</label>
                    <input type="text" name="btn1_link" value="{{ $cta->btn1_link }}" class="w-full border p-2 rounded-lg outline-none focus:ring-2 focus:ring-blue-500 text-left" dir="ltr" required>
                </div>
            </div>

            <!-- الزر الثاني -->
            <div class="space-y-4 border-r pr-8">
                <h3 class="font-bold text-gray-600 border-b pb-2">الزر الثاني (الثانوي)</h3>
                <div>
                    <label class="block text-sm mb-1">نص الزر</label>
                    <input type="text" name="btn2_text" value="{{ $cta->btn2_text }}" class="w-full border p-2 rounded-lg outline-none focus:ring-2 focus:ring-blue-500" required>
                </div>
                <div>
                    <label class="block text-sm mb-1">الرابط</label>
                    <input type="text" name="btn2_link" value="{{ $cta->btn2_link }}" class="w-full border p-2 rounded-lg outline-none focus:ring-2 focus:ring-blue-500 text-left" dir="ltr" required>
                </div>
            </div>
        </div>

        <button type="submit" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-4 rounded-xl shadow-lg transition duration-300">حفظ جميع التغييرات</button>
    </form>
</div>
@endsection