@extends('layouts.admin')

@section('title', 'إعدادات الدفع')
@section('heading', 'إعدادات الدفع')
@section('subheading', 'فعّل وسائل الدفع وأدخل بيانات التحويل — زين كاش، ماستر، Google Pay، Apple Pay، بطاقة مدار')

@section('content')
    <div class="mb-6 flex flex-wrap items-center gap-3">
        <a href="{{ route('admin.payments.reviews') }}"
           class="inline-flex items-center gap-2 rounded-xl bg-amber-600 px-4 py-2.5 text-sm font-bold text-white hover:bg-amber-700">
            مراجعة المدفوعات
        </a>
    </div>

    <form method="post" action="{{ route('admin.payments.settings.update') }}" class="space-y-6">
        @csrf
        @method('PUT')

        @foreach ($methods as $method)
            <div class="rounded-2xl border border-zinc-200 bg-white p-6 shadow-sm">
                <div class="flex flex-wrap items-start justify-between gap-4 border-b border-zinc-100 pb-4">
                    <div>
                        <h3 class="text-lg font-bold text-zinc-900">{{ $method->name_ar }}</h3>
                        <p class="mt-1 font-mono text-xs text-zinc-500">{{ $method->slug }}</p>
                    </div>
                    <label class="flex cursor-pointer items-center gap-3 rounded-xl border border-zinc-200 bg-zinc-50 px-4 py-2.5">
                        <input type="checkbox" name="enabled[]" value="{{ $method->id }}" class="size-4 rounded border-zinc-300 text-teal-600"
                               @checked($method->is_enabled)>
                        <span class="text-sm font-semibold text-zinc-800">مفعّل للمستخدمين</span>
                    </label>
                </div>

                <input type="hidden" name="methods[{{ $loop->index }}][id]" value="{{ $method->id }}">

                <div class="mt-4 grid gap-4 sm:grid-cols-2">
                    <div>
                        <label class="mb-1 block text-sm font-medium text-zinc-700">تسمية الحساب (مثال: رقم زين كاش)</label>
                        <input type="text" name="methods[{{ $loop->index }}][account_label]" maxlength="120"
                               value="{{ old('methods.'.$loop->index.'.account_label', $method->account_label) }}"
                               class="w-full rounded-xl border border-zinc-300 px-4 py-2.5 text-sm">
                    </div>
                    <div>
                        <label class="mb-1 block text-sm font-medium text-zinc-700">قيمة الحساب / الرقم</label>
                        <input type="text" name="methods[{{ $loop->index }}][account_value]" maxlength="255"
                               value="{{ old('methods.'.$loop->index.'.account_value', $method->account_value) }}"
                               class="w-full rounded-xl border border-zinc-300 px-4 py-2.5 font-mono text-sm" dir="ltr">
                    </div>
                </div>

                <div class="mt-4">
                    <label class="mb-1 block text-sm font-medium text-zinc-700">تعليمات للمستخدم</label>
                    <textarea name="methods[{{ $loop->index }}][instructions]" rows="3" maxlength="5000"
                              class="w-full rounded-xl border border-zinc-300 px-4 py-2.5 text-sm">{{ old('methods.'.$loop->index.'.instructions', $method->instructions) }}</textarea>
                </div>
            </div>
        @endforeach

        <div class="flex justify-end">
            <button type="submit" class="rounded-xl bg-madar-950 px-8 py-3 text-sm font-bold text-white hover:bg-madar-900">
                حفظ إعدادات الدفع
            </button>
        </div>
    </form>
@endsection