{{-- resources/views/admin/payments/index.blade.php --}}
@extends('admin.layouts.app')

@section('title', $pageTitle ?? 'المدفوعات')

@push('styles')
<style>
    .card{border:1px solid rgba(255,255,255,.06)}
    .form-control, .form-select{background:#0b1220;color:#e2e8f0;border-color:rgba(255,255,255,.08)}
    .form-control::placeholder{color:#94a3b8}
    .form-control:focus, .form-select:focus{box-shadow:0 0 0 .2rem rgba(14,165,233,.15);border-color:#0ea5e9}
    .table thead th{color:#cbd5e1;border-bottom-color:rgba(255,255,255,.08)}
    .table tbody td{color:#e2e8f0;border-color:rgba(255,255,255,.06);vertical-align:middle}
    .badge{font-weight:600}
    .badge-soft{background:rgba(255,255,255,.06);color:#e2e8f0;border:1px solid rgba(255,255,255,.08)}
    .small-muted{font-size:.85rem;color:#94a3b8}
    .table-responsive{border-radius:1rem;overflow:hidden;border:1px solid rgba(255,255,255,.06)}
    .kpis .card{min-height:110px}
</style>
@endpush

@section('content')
@php
    use Illuminate\Support\Facades\Route;
    $c = $cols ?? [];
    $F = $filters ?? [];
    $gateways = $gateways ?? [];
    $hasStart  = Route::has('admin.payments.start');
    $hasShow   = Route::has('admin.payments.show');
    $hasUpd    = Route::has('admin.payments.updateStatus');
@endphp

<div class="d-flex align-items-center justify-content-between mb-3">
    <h4 class="m-0">
        <i class="bi bi-credit-card-2-front me-1"></i>
        {{ $pageTitle ?? 'المدفوعات' }}
    </h4>
    <a class="btn btn-outline-light btn-sm" href="{{ url()->current() }}">
        <i class="bi bi-arrow-repeat me-1"></i> تحديث
    </a>
</div>

{{-- KPIs --}}
<div class="row g-3 kpis mb-2">
    <div class="col-12 col-md-3">
        <div class="card rounded-2xl">
            <div class="card-body d-flex justify-content-between align-items-center">
                <div>
                    <div class="small-muted mb-1">إجمالي السجلات</div>
                    <div class="h4 mb-0">{{ number_format($payments->total()) }}</div>
                </div>
                <i class="bi bi-collection h3 m-0 text-info"></i>
            </div>
        </div>
    </div>
    @if(!empty($c['amount']))
    <div class="col-12 col-md-3">
        @php $pageSum = $payments->getCollection()->sum(fn($row)=> (float)($row->{$c['amount']} ?? 0)); @endphp
        <div class="card rounded-2xl">
            <div class="card-body d-flex justify-content-between align-items-center">
                <div>
                    <div class="small-muted mb-1">إجمالي المبالغ (صفحة)</div>
                    <div class="h4 mb-0">{{ number_format($pageSum, 2) }}</div>
                </div>
                <i class="bi bi-cash-coin h3 m-0 text-success"></i>
            </div>
        </div>
    </div>
    @endif
    @if(!empty($c['is_paid']) || !empty($c['status']))
    <div class="col-12 col-md-3">
        @php
            $paidCount = $payments->getCollection()->filter(function($row) use($c){
                $v = $c['is_paid'] ? ($row->{$c['is_paid']} ?? null) : ($row->{$c['status']} ?? null);
                return in_array(strtolower((string)$v), ['1','true','paid','success','succeeded'], true);
            })->count();
        @endphp
        <div class="card rounded-2xl">
            <div class="card-body d-flex justify-content-between align-items-center">
                <div>
                    <div class="small-muted mb-1">مدفوع (صفحة)</div>
                    <div class="h4 mb-0">{{ number_format($paidCount) }}</div>
                </div>
                <i class="bi bi-check2-circle h3 m-0 text-success"></i>
            </div>
        </div>
    </div>
    @endif
    @php $dateCol = $c['paid_at'] ?? $c['created_at'] ?? null; @endphp
    @if($dateCol)
    <div class="col-12 col-md-3">
        <div class="card rounded-2xl">
            <div class="card-body d-flex justify-content-between align-items-center">
                <div>
                    <div class="small-muted mb-1">آخر عملية</div>
                    <div class="h6 mb-0">
                        {{ optional($payments->first()?->{$dateCol} ?? null)->format('Y-m-d') ?? (is_string($payments->first()?->{$dateCol} ?? null) ? \Illuminate\Support\Str::substr($payments->first()?->{$dateCol},0,10) : '—') }}
                    </div>
                </div>
                <i class="bi bi-clock-history h4 m-0 text-warning"></i>
            </div>
        </div>
    </div>
    @endif
</div>

{{-- بدء عملية دفع جديدة (Woo-like) --}}
<div class="card rounded-2xl mb-3">
    <div class="card-body">
        <h6 class="mb-3"><i class="bi bi-lightning-charge me-1"></i> بدء عملية دفع</h6>

        @if(!$hasStart)
            <div class="alert alert-warning mb-0">
                مسار <code>admin.payments.start</code> غير معرّف. أضِف:
                <code>POST /admin/payments/start → PaymentController@start</code>
            </div>
        @elseif(empty($gateways))
            <div class="alert alert-warning mb-0">
                لا توجد بوابات مفعّلة. أضِف إعداداتك في <code>config/payments.php</code> ضمن
                <code>['gateways' => ['stripe'=>['enabled'=>true], ...]]</code>.
            </div>
        @else
            <form class="row g-3 align-items-end" method="POST" action="{{ route('admin.payments.start') }}">
                @csrf
                <div class="col-6 col-md-2">
                    <label class="form-label">المبلغ</label>
                    <input type="number" name="amount" step="0.01" min="0.1" class="form-control" required>
                </div>
                <div class="col-6 col-md-2">
                    <label class="form-label">العملة</label>
                    <select name="currency" class="form-select">
                        @foreach(['AED','SAR','USD','EUR','EGP'] as $ccy)
                            <option value="{{ $ccy }}">{{ $ccy }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-6 col-md-3">
                    <label class="form-label">البوابة</label>
                    <select name="gateway" class="form-select" required>
                        @foreach(array_keys($gateways) as $gw)
                            <option value="{{ $gw }}">{{ strtoupper($gw) }}</option>
                        @endforeach
                    </select>
                </div>
                @if(!empty($c['order_id']))
                <div class="col-6 col-md-3">
                    <label class="form-label">رقم الطلب/الحجز (اختياري)</label>
                    <input type="number" name="order_id" class="form-control" placeholder="ID">
                </div>
                @endif
                <div class="col-12 col-md-2">
                    <button class="btn btn-primary w-100">
                        <i class="bi bi-credit-card me-1"></i> ادفع الآن
                    </button>
                </div>
            </form>
        @endif
    </div>
</div>

{{-- فلاتر البحث --}}
<div class="card rounded-2xl mb-3">
    <div class="card-body">
        <form class="row g-3 align-items-end" method="GET" action="{{ url()->current() }}">
            <div class="col-12 col-md-3">
                <label class="form-label">بحث عام</label>
                <div class="input-group">
                    <span class="input-group-text"><i class="bi bi-search"></i></span>
                    <input type="text" name="q" value="{{ $F['q'] ?? '' }}" class="form-control" placeholder="مرجع/معاملة/إيميل/هاتف">
                </div>
            </div>

            <div class="col-6 col-md-2">
                <label class="form-label">الحالة</label>
                @php $st = $F['status'] ?? ''; @endphp
                <select class="form-select" name="status">
                    <option value="">الكل</option>
                    <option value="paid" @selected($st==='paid')>مدفوع</option>
                    <option value="unpaid" @selected($st==='unpaid')>غير مدفوع</option>
                    <option value="success" @selected($st==='success')>نجاح</option>
                    <option value="pending" @selected($st==='pending')>قيد الانتظار</option>
                    <option value="failed" @selected($st==='failed')>فشل</option>
                </select>
            </div>

            <div class="col-6 col-md-2">
                <label class="form-label">البوابة</label>
                @php $gwf = $F['gateway'] ?? ''; @endphp
                <select class="form-select" name="gateway">
                    <option value="">الكل</option>
                    @foreach(array_keys($gateways) as $gw)
                        <option value="{{ $gw }}" @selected($gwf===$gw)>{{ strtoupper($gw) }}</option>
                    @endforeach
                </select>
            </div>

            @if($dateCol)
            <div class="col-6 col-md-2">
                <label class="form-label">من تاريخ</label>
                <input type="date" name="date_from" value="{{ $F['date_from'] ?? '' }}" class="form-control">
            </div>
            <div class="col-6 col-md-2">
                <label class="form-label">إلى تاريخ</label>
                <input type="date" name="date_to" value="{{ $F['date_to'] ?? '' }}" class="form-control">
            </div>
            @endif

            <div class="col-6 col-md-2">
                <label class="form-label">لكل صفحة</label>
                @php $pp = (int)($F['per_page'] ?? 20); @endphp
                <select class="form-select" name="per_page" id="per_page">
                    @foreach([10,20,30,50,100] as $n)
                        <option value="{{ $n }}" @selected($pp===$n)>{{ $n }}</option>
                    @endforeach
                </select>
            </div>

            <div class="col-12 col-md-2">
                <button class="btn btn-primary w-100">
                    <i class="bi bi-filter-circle me-1"></i> تطبيق الفلاتر
                </button>
            </div>
        </form>
    </div>
</div>

{{-- جدول المدفوعات --}}
<div class="card rounded-2xl">
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead>
                    <tr>
                        <th>#</th>
                        @if(!empty($c['reference'])) <th>المرجع</th> @endif
                        @if(!empty($c['transaction_id'])) <th>رقم المعاملة</th> @endif
                        @if(!empty($c['amount'])) <th>المبلغ</th> @endif
                        @if(!empty($c['currency'])) <th>العملة</th> @endif
                        @if(!empty($c['status']) || !empty($c['is_paid'])) <th>الحالة</th> @endif
                        @if(!empty($c['gateway'])) <th>البوابة</th> @endif
                        @if(!empty($c['email'])) <th>الإيميل</th> @endif
                        @if(!empty($c['phone'])) <th>الهاتف</th> @endif
                        @if(!empty($c['paid_at']) || !empty($c['created_at'])) <th>التاريخ</th> @endif
                        <th class="text-center" style="width:160px">إجراءات</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($payments as $row)
                        <tr>
                            <td>{{ $row->{$c['id'] ?? 'id'} ?? '—' }}</td>

                            @if(!empty($c['reference']))
                                <td><span class="badge badge-soft">{{ $row->{$c['reference']} }}</span></td>
                            @endif

                            @if(!empty($c['transaction_id']))
                                <td>{{ $row->{$c['transaction_id']} }}</td>
                            @endif

                            @if(!empty($c['amount']))
                                <td>{{ number_format((float)($row->{$c['amount']} ?? 0), 2) }}</td>
                            @endif

                            @if(!empty($c['currency']))
                                <td>{{ $row->{$c['currency']} ?? '—' }}</td>
                            @endif

                            @if(!empty($c['status']) || !empty($c['is_paid']))
                                @php
                                    $sv = $c['status'] ? (string)($row->{$c['status']} ?? '') : '';
                                    $pv = $c['is_paid'] ? (string)($row->{$c['is_paid']} ?? '') : '';
                                    $isOk = in_array(strtolower($sv), ['paid','success','succeeded'], true) || in_array($pv, ['1','true'], true);
                                    $isPend = in_array(strtolower($sv), ['pending','processing'], true);
                                    $cls = $isOk ? 'bg-success' : ($isPend ? 'bg-warning text-dark' : 'bg-danger');
                                    $txt = $sv !== '' ? $sv : ($isOk ? 'paid' : ($isPend ? 'pending' : 'failed'));
                                @endphp
                                <td><span class="badge {{ $cls }}">{{ $txt }}</span></td>
                            @endif

                            @if(!empty($c['gateway']))
                                <td>{{ strtoupper((string)($row->{$c['gateway']} ?? '—')) }}</td>
                            @endif

                            @if(!empty($c['email']))
                                <td>{{ $row->{$c['email']} ?? '—' }}</td>
                            @endif

                            @if(!empty($c['phone']))
                                <td>{{ $row->{$c['phone']} ?? '—' }}</td>
                            @endif

                            @php $dcol = $c['paid_at'] ?? $c['created_at'] ?? null; @endphp
                            @if($dcol)
                                <td>
                                    {{ optional($row->{$dcol} ?? null)->format('Y-m-d') ?? (is_string($row->{$dcol} ?? null) ? \Illuminate\Support\Str::substr($row->{$dcol},0,10) : '—') }}
                                </td>
                            @endif

                            <td class="text-center">
                                <div class="d-flex justify-content-center gap-2">
                                    @if($hasShow)
                                        <a class="btn btn-outline-light btn-sm" href="{{ route('admin.payments.show', $row->{$c['id'] ?? 'id'}) }}">
                                            <i class="bi bi-eye"></i>
                                        </a>
                                    @endif

                                    @if($hasUpd)
                                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#u{{ $row->{$c['id'] ?? 'id'} }}">
                                            <i class="bi bi-pencil-square"></i>
                                        </button>
                                    @endif
                                </div>

                                @if($hasUpd)
                                    <div class="modal fade" id="u{{ $row->{$c['id'] ?? 'id'} }}" tabindex="-1" aria-hidden="true">
                                        <div class="modal-dialog">
                                            <form method="POST" action="{{ route('admin.payments.updateStatus', $row->{$c['id'] ?? 'id'}) }}" class="modal-content">
                                                @csrf
                                                @method('PATCH')
                                                <div class="modal-header">
                                                    <h6 class="modal-title">تحديث الدفع #{{ $row->{$c['id'] ?? 'id'} }}</h6>
                                                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="إغلاق"></button>
                                                </div>
                                                <div class="modal-body row g-3">
                                                    @if(!empty($c['status']))
                                                        <div class="col-12">
                                                            <label class="form-label">الحالة</label>
                                                            <input type="text" name="status" class="form-control" value="{{ $row->{$c['status']} ?? '' }}" placeholder="paid / pending / failed ...">
                                                        </div>
                                                    @endif
                                                    @if(!empty($c['is_paid']))
                                                        <div class="col-12">
                                                            <label class="form-label">مدفوع؟</label>
                                                            <select name="is_paid" class="form-select">
                                                                @php $cur = (string)($row->{$c['is_paid']} ?? '0'); @endphp
                                                                <option value="">بدون تغيير</option>
                                                                <option value="1" @selected(in_array($cur,['1','true'],true))>نعم</option>
                                                                <option value="0" @selected(in_array($cur,['0','false'],true))>لا</option>
                                                            </select>
                                                            <div class="small-muted mt-1">عند اختيار "نعم" سيتم تعيين تاريخ الدفع تلقائياً (إن وُجد حقل <code>paid_at</code>).</div>
                                                        </div>
                                                    @endif
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-outline-light" data-bs-dismiss="modal">إلغاء</button>
                                                    <button class="btn btn-primary"><i class="bi bi-check2-circle me-1"></i> حفظ</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="12" class="text-center text-muted py-5">لا توجد نتائج حالياً.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        <div class="d-flex justify-content-between align-items-center mt-3">
            <div class="small-muted">
                عرض {{ $payments->firstItem() }}–{{ $payments->lastItem() }} من أصل {{ $payments->total() }}
            </div>
            <nav>{{ $payments->onEachSide(1)->links('pagination::bootstrap-5') }}</nav>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
    document.getElementById('per_page')?.addEventListener('change', function(){
        this.closest('form')?.submit();
    });
</script>
@endpush