@extends('layouts.app')

@section('content')
<div class="container">
    <h2 class="my-4">تفاصيل المحفظة</h2>

    <div class="card">
        <div class="card-body">
            <h4>معلومات المحفظة</h4>
            <ul class="list-group mb-3">
                <li class="list-group-item"><strong>رقم المحفظة:</strong> {{ $wallet->id }}</li>
                <li class="list-group-item"><strong>الرصيد:</strong> {{ $wallet->balanceFloat }}</li>
                <li class="list-group-item"><strong>النوع:</strong> {{ $wallet->meta['type'] ?? 'غير معروف' }}</li>
                <li class="list-group-item"><strong>الحالة:</strong> {{ $wallet->balance == 0 ? 'مقفلة' : 'نشطة' }}</li>
                <li class="list-group-item"><strong>تاريخ الإنشاء:</strong> {{ $wallet->created_at }}</li>
            </ul>

            <h4>معلومات المستخدم</h4>
            <ul class="list-group">
                <li class="list-group-item"><strong>الاسم:</strong> {{ $user->full_name }}</li>
                <li class="list-group-item"><strong>رقم الهاتف:</strong> {{ $user->contact_no ?? 'غير متوفر' }}</li>
                <li class="list-group-item"><strong>البريد الإلكتروني:</strong> {{ $user->email ?? 'غير متوفر' }}</li>
                <li class="list-group-item"><strong>العنوان:</strong> {{ $user->address ?? 'غير متوفر' }}</li>
            </ul>

            <a href="{{ route('wallets.index') }}" class="btn btn-secondary mt-4">🔙 عودة إلى قائمة المحافظ</a>
        </div>
    </div>
</div>
@endsection