@php
    $subscription = $subscription ?? null;
@endphp

<div class="subscription-wrapper p-4">

    {{-- HEADER --}}
    <div class="row g-3 mb-3">

        <div class="col-md-4">
            <div class="sub-card">
                <div class="sub-title">العضو</div>
                <h4 class="fw-bold mb-1">
                    {{ $subscription->member?->name ?? '—' }}
                </h4>
                <div class="text-muted">
                    {{ $subscription->member?->member_code ?? '' }}
                </div>
                <div class="badge bg-success mt-2">
                    {{ $subscription->status === 'approved' ? 'نشط' : 'غير نشط' }}
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="sub-card">
                <div class="sub-title">تفاصيل الاشتراك</div>
                <div class="fw-bold">
                    {{ $subscription->start_date?->format('d/m/Y') }}
                    ~
                    {{ $subscription->end_date?->format('d/m/Y') }}
                </div>
                <div class="text-muted mt-1">
                    {{ $subscription->duration }} يوم
                </div>
                <div class="text-primary mt-2">
                    رقم الاشتراك:
                    <strong>{{ $subscription->invoice_no }}</strong>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="sub-card text-center">
                <div class="fw-bold fs-4">
                    {{ $subscription->verification_code }}
                </div>
            </div>
        </div>

    </div>

    {{-- TABS --}}
    <ul class="nav nav-tabs mb-3">
        <li class="nav-item">
            <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#tab-sub">
                بيانات الاشتراك
            </button>
        </li>
        <li class="nav-item">
            <button class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-payments">
                الدفع
            </button>
        </li>
    </ul>

    <div class="tab-content">

        {{-- بيانات الاشتراك --}}
        <div class="tab-pane fade show active" id="tab-sub">
            <div class="sub-card">
                <p>الخدمة: {{ $subscription->item_name }}</p>
                <p>الإجمالي: {{ number_format($subscription->total, 2) }}</p>
            </div>
        </div>

        {{-- الدفع --}}
        <div class="tab-pane fade" id="tab-payments">

            @php
                $rawPayments = $subscription->payment_methods;

                if (is_string($rawPayments)) {
                    $rawPayments = json_decode($rawPayments, true);
                }

                $payments = collect($rawPayments ?? []);
            @endphp

            <div class="sub-card">
                <table class="table table-bordered table-sm">
                    <thead>
                        <tr>
                            <th>طريقة الدفع</th>
                            <th>المبلغ</th>
                        </tr>
                    </thead>
                    <tbody>

                        @if ($payments->isNotEmpty())

                            @foreach ($payments as $payment)
                                @php
                                    if (is_array($payment) && isset($payment['method_id'])) {
                                        $methodId = (int) $payment['method_id'];
                                        $methodName = isset($paymentMethods[$methodId])
                                            ? $paymentMethods[$methodId]->name_ar
                                            : '—';
                                    } else {
                                        $methodName = is_string($payment) ? $payment : '—';
                                    }

                                    $amount = is_array($payment)
                                        ? $payment['amount'] ?? $subscription->total
                                        : $subscription->total;
                                @endphp

                                <tr>
                                    <td>{{ $methodName }}</td>
                                    <td>{{ number_format($amount, 2) }}</td>
                                </tr>
                            @endforeach
                        @else
                            <tr>
                                <td colspan="2" class="text-success text-center">
                                    تم الدفع
                                </td>
                            </tr>
                        @endif

                    </tbody>
                </table>
            </div>

        </div>

    </div>
</div>