@extends('admin.layouts.admin')

@section('content')
<div class="p-6 max-w-2xl mx-auto">
    <h1 class="text-2xl font-bold text-gray-800 mb-6">إعدادات التواصل (لشراء الملفات)</h1>

    @if(session('success'))
        <div class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded mb-4">
            {{ session('success') }}
        </div>
    @endif

    <div class="bg-white p-6 rounded-lg shadow">
        <form action="{{ route('admin.settings.update') }}" method="POST" class="space-y-4">
            @csrf
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1">رقم الهاتف للتواصل:</label>
                <input type="text" name="site_phone" value="{{ $settings['site_phone'] }}" class="w-full border p-2 rounded focus:ring-2 focus:ring-blue-500 outline-none">
            </div>

            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1">رقم الواتساب:</label>
                <input type="text" name="site_whatsapp" value="{{ $settings['site_whatsapp'] }}" class="w-full border p-2 rounded focus:ring-2 focus:ring-blue-500 outline-none">
                <p class="text-xs text-gray-400 mt-1">يُرجى إدخال الرقم بالكود الدولي (مثال: 201234567890)</p>
            </div>

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