@extends('layouts.admin', ['title' => 'بوابات الدفع اليدوي | RaseedNow'])

@php
    $money = fn ($minor) => filled($minor) ? number_format($minor / 100, 2).' ج.م' : 'غير محدد';
    $receiverDefaults = [
        ['label' => 'رقم التحويل', 'value' => '', 'type' => 'phone', 'copyable' => true],
        ['label' => 'اسم المستلم', 'value' => '', 'type' => 'text', 'copyable' => true],
        ['label' => '', 'value' => '', 'type' => 'text', 'copyable' => true],
    ];
    $fieldDefaults = [
        ['key' => 'transfer_phone', 'label' => 'رقم المحوّل', 'type' => 'phone', 'placeholder' => '010xxxxxxxx', 'validation' => 'numeric', 'required' => true],
        ['key' => 'transfer_reference', 'label' => 'رقم العملية', 'type' => 'text', 'placeholder' => 'مثال: TXN123456', 'validation' => '', 'required' => false],
        ['key' => '', 'label' => '', 'type' => 'text', 'placeholder' => '', 'validation' => '', 'required' => false],
    ];
@endphp

@section('content')
    <section class="lc-page-shell ac-manual-payments">
        <div class="section-heading">
            <div>
                <span>Manual payment setup</span>
                <h1>بوابات الدفع اليدوي</h1>
                <p>رتّب وسائل التحويل التي تظهر للعميل: الرقم، التعليمات، الحقول المطلوبة، وصورة الإثبات.</p>
            </div>
            <div class="flex flex-wrap gap-2">
                <a class="secondary-button" href="{{ route('admin.manual-payments.submissions') }}">مراجعة التحويلات</a>
                <a class="secondary-button" href="{{ route('admin.exports.manual-payments') }}">تصدير CSV</a>
            </div>
        </div>

        @if(session('status'))
            <div class="ac-alert success">{{ session('status') }}</div>
        @endif
        @if($errors->any())
            <div class="ac-alert danger">{{ $errors->first() }}</div>
        @endif

        <div class="ac-mp-guide">
            <article>
                <span>1</span>
                <strong>اكتب اسم الوسيلة</strong>
                <p>مثال: فودافون كاش، إنستا باي، بنك.</p>
            </article>
            <article>
                <span>2</span>
                <strong>حط بيانات التحويل</strong>
                <p>الرقم أو الحساب الذي ينسخه العميل.</p>
            </article>
            <article>
                <span>3</span>
                <strong>حدد المطلوب من العميل</strong>
                <p>رقمه، رقم العملية، وصورة التحويل.</p>
            </article>
        </div>

        <div class="ac-mp-stats">
            <div class="ac-kpi"><span>كل البوابات</span><strong>{{ $gateways->count() }}</strong></div>
            <div class="ac-kpi"><span>مفعلة الآن</span><strong>{{ $gateways->where('is_active', true)->count() }}</strong></div>
            <div class="ac-kpi"><span>طلبات معلقة</span><strong>{{ $gateways->sum('pending_submissions_count') }}</strong></div>
            <div class="ac-kpi"><span>طلبات إجمالية</span><strong>{{ $gateways->sum('submissions_count') }}</strong></div>
        </div>

        <details class="surface ac-mp-create" open>
            <summary>
                <span>
                    <strong>إضافة بوابة دفع جديدة</strong>
                    <small>املأ الأساسيات فقط، والباقي له قيم جاهزة مناسبة.</small>
                </span>
                <em>فتح / إغلاق</em>
            </summary>

            <form method="POST" action="{{ route('admin.manual-payments.gateways.store') }}" enctype="multipart/form-data" class="ac-mp-form">
                @csrf
                <div class="ac-mp-section">
                    <h2>الأساسيات</h2>
                    <div class="ac-mp-grid two">
                        <label class="form-field"><span>اسم الوسيلة بالعربي</span><input name="name_ar" required placeholder="فودافون كاش"></label>
                        <label class="form-field"><span>الاسم بالإنجليزي</span><input name="name_en" placeholder="Vodafone Cash"></label>
                        <label class="form-field full"><span>وصف بسيط للعميل</span><textarea name="description_ar" rows="2" placeholder="حوّل على الرقم التالي وارفع صورة التحويل."></textarea></label>
                    </div>
                </div>

                <div class="ac-mp-section">
                    <h2>بيانات التحويل التي سيضغط العميل على نسخها</h2>
                    <div class="ac-mp-receiver-list">
                        @foreach($receiverDefaults as $index => $row)
                            <div class="ac-mp-mini-grid">
                                <input name="receiver_label[]" value="{{ $row['label'] }}" placeholder="العنوان: رقم فودافون">
                                <input name="receiver_value[]" value="{{ $row['value'] }}" placeholder="القيمة: 01000000000">
                                <select name="receiver_type[]">
                                    <option value="text">نص</option>
                                    <option value="phone" @selected($row['type'] === 'phone')>رقم/هاتف</option>
                                    <option value="email">بريد</option>
                                    <option value="bank">حساب بنكي</option>
                                </select>
                                <label class="ac-check"><input name="receiver_copyable[{{ $index }}]" type="checkbox" value="1" checked> يظهر زر نسخ</label>
                            </div>
                        @endforeach
                    </div>
                    <input type="hidden" name="account_label_ar" value="بيانات التحويل">
                    <label class="form-field mt-3"><span>الرقم الأساسي، لو عايز يظهر كاختصار</span><input name="account_number" required placeholder="01000000000"></label>
                </div>

                <div class="ac-mp-section">
                    <h2>المطلوب من العميل بعد التحويل</h2>
                    <div class="ac-mp-receiver-list">
                        @foreach($fieldDefaults as $index => $row)
                            <div class="ac-mp-field-grid">
                                <input name="field_key[]" value="{{ $row['key'] }}" placeholder="key">
                                <input name="field_label[]" value="{{ $row['label'] }}" placeholder="اسم الحقل للعميل">
                                <select name="field_type[]">
                                    <option value="text" @selected($row['type'] === 'text')>نص</option>
                                    <option value="phone" @selected($row['type'] === 'phone')>هاتف</option>
                                    <option value="email">بريد</option>
                                    <option value="number">رقم</option>
                                </select>
                                <input name="field_placeholder[]" value="{{ $row['placeholder'] }}" placeholder="مثال يظهر داخل الحقل">
                                <select name="field_validation[]">
                                    <option value="">عادي</option>
                                    <option value="numeric" @selected($row['validation'] === 'numeric')>أرقام فقط</option>
                                </select>
                                <label class="ac-check"><input name="field_required[{{ $index }}]" type="checkbox" value="1" @checked($row['required'])> إجباري</label>
                            </div>
                        @endforeach
                    </div>
                </div>

                <div class="ac-mp-section">
                    <h2>الحدود والإثبات</h2>
                    <div class="ac-mp-grid four">
                        <label class="form-field"><span>أقل مبلغ</span><input name="min_amount" type="number" step="0.01" min="0" placeholder="50"></label>
                        <label class="form-field"><span>أكبر مبلغ</span><input name="max_amount" type="number" step="0.01" min="0" placeholder="10000"></label>
                        <label class="form-field"><span>العملات</span><input name="supported_currencies" value="EGP"></label>
                        <label class="form-field"><span>الترتيب</span><input name="sort_order" type="number" value="1" min="1"></label>
                        <label class="form-field"><span>حجم الصورة MB</span><input name="proof_max_mb" type="number" min="1" max="20" value="6"></label>
                        <label class="form-field"><span>ينتهي بعد دقيقة</span><input name="expires_after_minutes" type="number" min="10" value="1440"></label>
                        <label class="form-field"><span>نوع الرسوم</span><select name="fee_type"><option value="none">بدون رسوم</option><option value="fixed">رسوم ثابتة</option><option value="percent">نسبة</option></select></label>
                        <label class="form-field"><span>قيمة الرسوم</span><input name="fee_value" type="number" min="0" value="0"></label>
                    </div>
                    <div class="ac-mp-grid two mt-3">
                        <label class="form-field"><span>تعليمات التحويل</span><textarea name="instructions_ar" rows="4" placeholder="1. انسخ الرقم. 2. حوّل نفس المبلغ. 3. ارفع صورة التحويل."></textarea></label>
                        <label class="form-field"><span>تعليمات الصورة</span><textarea name="proof_instructions_ar" rows="4" placeholder="ارفع لقطة شاشة واضحة يظهر فيها الرقم والمبلغ والتاريخ."></textarea></label>
                    </div>
                    <div class="ac-mp-toggles">
                        <label class="ac-switch"><input name="is_active" type="checkbox" value="1" checked><span></span> مفعلة وتظهر للعميل</label>
                        <label class="ac-switch"><input name="requires_proof" type="checkbox" value="1" checked><span></span> تقبل صورة إثبات</label>
                        <label class="ac-switch"><input name="proof_is_required" type="checkbox" value="1" checked><span></span> الصورة إجبارية</label>
                    </div>
                    <label class="form-field mt-3"><span>أيقونة الوسيلة</span><input name="icon" type="file" accept="image/*"></label>
                </div>

                <button class="primary-button" type="submit">حفظ وإظهار البوابة للعميل</button>
            </form>
        </details>

        <div class="ac-mp-list">
            @forelse($gateways as $gateway)
                @php
                    $receivers = $gateway->receiver_data ?: [['label' => $gateway->account_label_ar ?: 'بيانات التحويل', 'value' => $gateway->account_number, 'type' => 'text', 'copyable' => true]];
                    $fields = $gateway->required_fields ?: [];
                @endphp
                <article class="surface ac-mp-card {{ $gateway->is_active ? 'active' : 'inactive' }}">
                    <div class="ac-mp-card-head">
                        <div class="ac-mp-icon">
                            @if($gateway->icon_path)
                                <img src="{{ asset($gateway->icon_path) }}" alt="">
                            @else
                                {{ mb_substr($gateway->name_ar, 0, 1) }}
                            @endif
                        </div>
                        <div>
                            <span>{{ $gateway->is_active ? 'مفعلة للعميل' : 'متوقفة' }}</span>
                            <h2>{{ $gateway->name_ar }}</h2>
                            <p>{{ $gateway->description_ar ?: 'لا يوجد وصف مختصر.' }}</p>
                        </div>
                        <div class="ac-mp-card-meta">
                            <strong>{{ $gateway->pending_submissions_count }}</strong>
                            <small>تحويل معلق</small>
                        </div>
                    </div>

                    <div class="ac-mp-preview">
                        @foreach($receivers as $row)
                            @continue(blank($row['value'] ?? null))
                            <div>
                                <span>{{ $row['label'] ?? 'بيانات التحويل' }}</span>
                                <strong>{{ $row['value'] }}</strong>
                                @if(($row['copyable'] ?? true) === true)<em>زر نسخ</em>@endif
                            </div>
                        @endforeach
                    </div>

                    <details class="ac-mp-edit">
                        <summary>تعديل إعدادات البوابة</summary>
                        <form method="POST" action="{{ route('admin.manual-payments.gateways.update', $gateway) }}" enctype="multipart/form-data" class="ac-mp-form compact">
                            @csrf
                            @method('PATCH')
                            <div class="ac-mp-section">
                                <h3>الأساسيات</h3>
                                <div class="ac-mp-grid two">
                                    <label class="form-field"><span>الاسم عربي</span><input name="name_ar" value="{{ $gateway->name_ar }}" required></label>
                                    <label class="form-field"><span>Name English</span><input name="name_en" value="{{ $gateway->name_en }}"></label>
                                    <label class="form-field full"><span>وصف العميل</span><textarea name="description_ar" rows="2">{{ $gateway->description_ar }}</textarea></label>
                                    <label class="form-field"><span>الرقم الأساسي</span><input name="account_number" value="{{ $gateway->account_number }}" required></label>
                                    <label class="form-field"><span>عنوان الرقم الأساسي</span><input name="account_label_ar" value="{{ $gateway->account_label_ar ?: 'بيانات التحويل' }}"></label>
                                </div>
                            </div>

                            <div class="ac-mp-section">
                                <h3>بيانات النسخ للعميل</h3>
                                <div class="ac-mp-receiver-list">
                                    @for($i = 0; $i < 4; $i++)
                                        @php($row = $receivers[$i] ?? ['label' => '', 'value' => '', 'type' => 'text', 'copyable' => true])
                                        <div class="ac-mp-mini-grid">
                                            <input name="receiver_label[]" value="{{ $row['label'] ?? '' }}" placeholder="العنوان">
                                            <input name="receiver_value[]" value="{{ $row['value'] ?? '' }}" placeholder="القيمة">
                                            <select name="receiver_type[]">
                                                <option value="text" @selected(($row['type'] ?? '') === 'text')>نص</option>
                                                <option value="phone" @selected(($row['type'] ?? '') === 'phone')>رقم/هاتف</option>
                                                <option value="email" @selected(($row['type'] ?? '') === 'email')>بريد</option>
                                                <option value="bank" @selected(($row['type'] ?? '') === 'bank')>حساب</option>
                                            </select>
                                            <label class="ac-check"><input name="receiver_copyable[{{ $i }}]" type="checkbox" value="1" @checked($row['copyable'] ?? true)> زر نسخ</label>
                                        </div>
                                    @endfor
                                </div>
                            </div>

                            <div class="ac-mp-section">
                                <h3>حقول العميل</h3>
                                <div class="ac-mp-receiver-list">
                                    @for($i = 0; $i < 6; $i++)
                                        @php($field = $fields[$i] ?? ['key' => '', 'label' => '', 'type' => 'text', 'placeholder' => '', 'validation' => '', 'required' => false])
                                        <div class="ac-mp-field-grid">
                                            <input name="field_key[]" value="{{ $field['key'] ?? '' }}" placeholder="key">
                                            <input name="field_label[]" value="{{ $field['label'] ?? '' }}" placeholder="اسم الحقل">
                                            <select name="field_type[]">
                                                <option value="text" @selected(($field['type'] ?? '') === 'text')>نص</option>
                                                <option value="phone" @selected(($field['type'] ?? '') === 'phone')>هاتف</option>
                                                <option value="email" @selected(($field['type'] ?? '') === 'email')>بريد</option>
                                                <option value="number" @selected(($field['type'] ?? '') === 'number')>رقم</option>
                                            </select>
                                            <input name="field_placeholder[]" value="{{ $field['placeholder'] ?? '' }}" placeholder="مثال">
                                            <select name="field_validation[]">
                                                <option value="">عادي</option>
                                                <option value="numeric" @selected(($field['validation'] ?? '') === 'numeric')>أرقام فقط</option>
                                            </select>
                                            <label class="ac-check"><input name="field_required[{{ $i }}]" type="checkbox" value="1" @checked($field['required'] ?? false)> إجباري</label>
                                        </div>
                                    @endfor
                                </div>
                            </div>

                            <div class="ac-mp-section">
                                <h3>الحدود والتعليمات</h3>
                                <div class="ac-mp-grid four">
                                    <label class="form-field"><span>أقل مبلغ</span><input name="min_amount" type="number" step="0.01" value="{{ $gateway->min_amount_minor ? $gateway->min_amount_minor / 100 : '' }}"></label>
                                    <label class="form-field"><span>أكبر مبلغ</span><input name="max_amount" type="number" step="0.01" value="{{ $gateway->max_amount_minor ? $gateway->max_amount_minor / 100 : '' }}"></label>
                                    <label class="form-field"><span>العملات</span><input name="supported_currencies" value="{{ implode(',', $gateway->supported_currencies ?: ['EGP']) }}"></label>
                                    <label class="form-field"><span>الترتيب</span><input name="sort_order" type="number" value="{{ $gateway->sort_order }}" min="1"></label>
                                    <label class="form-field"><span>حجم الصورة MB</span><input name="proof_max_mb" type="number" min="1" max="20" value="{{ $gateway->proof_max_mb }}"></label>
                                    <label class="form-field"><span>ينتهي بعد دقيقة</span><input name="expires_after_minutes" type="number" min="10" value="{{ $gateway->expires_after_minutes }}"></label>
                                    <label class="form-field"><span>نوع الرسوم</span><select name="fee_type"><option value="none" @selected($gateway->fee_type === 'none')>بدون</option><option value="fixed" @selected($gateway->fee_type === 'fixed')>ثابتة</option><option value="percent" @selected($gateway->fee_type === 'percent')>نسبة</option></select></label>
                                    <label class="form-field"><span>قيمة الرسوم</span><input name="fee_value" type="number" min="0" value="{{ $gateway->fee_value }}"></label>
                                </div>
                                <div class="ac-mp-grid two mt-3">
                                    <label class="form-field"><span>تعليمات التحويل</span><textarea name="instructions_ar" rows="4">{{ $gateway->instructions_ar }}</textarea></label>
                                    <label class="form-field"><span>تعليمات الصورة</span><textarea name="proof_instructions_ar" rows="4">{{ $gateway->proof_instructions_ar }}</textarea></label>
                                </div>
                                <label class="form-field mt-3"><span>أيقونة حالية/مسار</span><input name="icon_path" value="{{ $gateway->icon_path }}"></label>
                                <label class="form-field mt-3"><span>رفع أيقونة جديدة</span><input name="icon" type="file" accept="image/*"></label>
                                <div class="ac-mp-toggles">
                                    <label class="ac-switch"><input name="is_active" type="checkbox" value="1" @checked($gateway->is_active)><span></span> مفعلة</label>
                                    <label class="ac-switch"><input name="requires_proof" type="checkbox" value="1" @checked($gateway->requires_proof)><span></span> تقبل صورة</label>
                                    <label class="ac-switch"><input name="proof_is_required" type="checkbox" value="1" @checked($gateway->proof_is_required)><span></span> الصورة إجبارية</label>
                                </div>
                            </div>

                            <div class="ac-mp-actions">
                                <button class="primary-button" type="submit">حفظ التعديلات</button>
                            </div>
                        </form>
                        <form method="POST" action="{{ route('admin.manual-payments.gateways.destroy', $gateway) }}" class="ac-mp-delete">
                            @csrf
                            @method('DELETE')
                            <button class="secondary-button danger" type="submit">حذف البوابة</button>
                        </form>
                    </details>
                </article>
            @empty
                <div class="surface ac-empty">
                    <h3>لا توجد بوابات دفع بعد</h3>
                    <p>ابدأ بإضافة فودافون كاش أو إنستا باي وسيظهر الخيار للعميل تلقائيًا.</p>
                </div>
            @endforelse
        </div>
    </section>
@endsection