@extends('layouts.app')

@section('content')
<div class="container">
    <h1>User Detail</h1>

    <div class="card mb-4">
        <div class="card-body">
            <h5>{{ $user->display_name }}</h5>
            <p><strong>Email:</strong> {{ $user->user_email }}</p>
            <p><strong>Role:</strong> 
                {{ $user->meta->where('meta_key', 'wp_capabilities')->first()->meta_value ?? 'N/A' }}
            </p>
            <p><strong>PayPal Email:</strong> 
                {{ $user->meta->where('meta_key', 'paypal_email')->first()->meta_value ?? 'N/A' }}
            </p>
        </div>
    </div>

    <h3>Redeem History</h3>
    <table class="table table-bordered">
        <thead>
            <tr>
                <th>ID</th>
                <th>Points</th>
                <th>Status</th>
                <th>Description</th>
                <th>Date</th>
                <th>Detail</th>
            </tr>
        </thead>
        <tbody>
            @foreach($user->redeemPoints as $redeem)
            <tr>
                <td>{{ $redeem->id }}</td>
                <td>{{ $redeem->points }}</td>
                <td>{{ $redeem->status }}</td>
                <td>{{ $redeem->description }}</td>
                <td>{{ $redeem->created_at }}</td>
                <td>
                    <a href="{{ route('redeempoints.edit', $redeem->id) }}" class="btn btn-sm btn-info">
                        View
                    </a>
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>
@endsection