@extends('admin.templates.layout')

@section('content')
<div class="row g-3">
    <div class="col-lg-4">
        <div class="card h-100">
            <div class="card-header border-bottom"><h5 class="card-title mb-0">User Information</h5></div>
            <div class="card-body">
                <div class="text-center mb-3">
                    <div class="avatar-lg mx-auto mb-2">
                        <span class="avatar-title rounded-circle bg-secondary-subtle text-secondary fw-bold fs-24">
                            {{ name_initials($user->name) }}
                        </span>
                    </div>
                    <h5 class="mb-1">{{ $user->name }}</h5>
                    <p class="text-muted mb-1">{{ $user->email }}</p>
                    <div>{!! account_status_badge($user->status) !!}</div>
                </div>

                <hr>
                <h6 class="text-muted text-uppercase fs-11 mb-2">Account</h6>
                <dl class="row mb-3">
                    <dt class="col-5 text-muted fs-13">User Code</dt>   <dd class="col-7 fs-13">{{ $user->user_code ?: '-' }}</dd>
                    <dt class="col-5 text-muted fs-13">Role</dt>        <dd class="col-7 fs-13">{{ config("global.user_roles.{$user->role}") ?: '-' }}</dd>
                    <dt class="col-5 text-muted fs-13">First Name</dt>  <dd class="col-7 fs-13">{{ $user->first_name ?: '-' }}</dd>
                    <dt class="col-5 text-muted fs-13">Last Name</dt>   <dd class="col-7 fs-13">{{ $user->last_name ?: '-' }}</dd>
                    <dt class="col-5 text-muted fs-13">Email</dt>       <dd class="col-7 fs-13">{{ $user->email ?: '-' }}</dd>
                    <dt class="col-5 text-muted fs-13">Phone</dt>       <dd class="col-7 fs-13">{{ ($user->dial_code || $user->phone) ? '+' . $user->dial_code . $user->phone : '-' }}</dd>
                    <dt class="col-5 text-muted fs-13">Social Login</dt><dd class="col-7 fs-13">{!! $user->is_social ? '<span class="badge bg-info-subtle text-info">' . e(ucfirst($user->social_type ?: 'social')) . '</span>' : '<span class="badge bg-secondary-subtle text-secondary">No</span>' !!}</dd>
                    <dt class="col-5 text-muted fs-13">Registered</dt>  <dd class="col-7 fs-13">{{ web_date_in_timezone($user->created_at, 'M d, Y h:i A') }}</dd>
                </dl>

                <!-- <hr>
                <h6 class="text-muted text-uppercase fs-11 mb-2">Location</h6>
                <dl class="row mb-0">
                    <dt class="col-5 text-muted fs-13">City</dt>    <dd class="col-7 fs-13">{{ $user->city?->name ?: '-' }}</dd>
                    <dt class="col-5 text-muted fs-13">Country</dt> <dd class="col-7 fs-13">{{ $user->country?->name ?: '-' }}</dd>
                </dl> -->
            </div>
        </div>
    </div>

    <div class="col-lg-8">
        <div class="card h-100">
            <div class="card-header border-bottom d-flex justify-content-between align-items-center">
                <h5 class="card-title mb-0">Wishlist</h5>
                <span class="badge bg-primary-subtle text-primary">{{ $wishList->count() }} shown</span>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-hover align-middle mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>Item</th>
                                <th class="text-end">Min Price</th>
                                <th>Added</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($wishList as $w)
                                <tr>
                                    <td>
                                        <div class="d-flex align-items-center gap-2">
                                            @if($w->orderItem?->image)
                                                <img src="{{ $w->orderItem->image->url }}" width="36" height="36" class="rounded border" style="object-fit:cover;">
                                            @endif
                                            <div class="fw-semibold">{{ $w->orderItem?->name ?: '-' }}</div>
                                        </div>
                                    </td>
                                    <td class="text-end">
                                        {{ $w->orderItem?->min_variant_price ? number_format((float) $w->orderItem->min_variant_price, 2) : '-' }}
                                    </td>
                                    <td class="text-muted fs-12">{{ web_date_in_timezone($w->created_at, 'M d, Y') }}</td>
                                </tr>
                            @empty
                                <tr><td colspan="3" class="text-center text-muted py-4">No wishlist items yet.</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection