@extends('layouts.app')

@section('content')
<div class="container">
    <h1>{{ $user->name }}</h1>
    <p>{{ $user->email }}</p>

    <form method="POST" action="{{ route('vanilo.admin.people.send_test_hook', $user) }}" class="mb-3">
        @csrf
        <button type="submit" class="btn btn-sm btn-outline-primary">Send Test Hook</button>
    </form>

    <h3>Addresses</h3>
    <ul>
        @foreach($user->addresses as $addr)
            <li>{{ $addr->address }}, {{ $addr->city }} {{ $addr->postalcode }} ({{ $addr->country_id }})</li>
        @endforeach
    </ul>

    <h3>Purchased Products</h3>
    @if(isset($purchasedProducts) && $purchasedProducts->isNotEmpty())
        <table class="table table-sm">
            <thead>
                <tr>
                    <th>SKU</th>
                    <th>Name</th>
                    <th>Quantity</th>
                </tr>
            </thead>
            <tbody>
                @foreach($purchasedProducts as $p)
                    <tr>
                        <td>{{ $p['sku'] }}</td>
                        <td>{{ $p['name'] }}</td>
                        <td>{{ $p['quantity'] }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    @else
        <p class="text-muted">No purchased products found.</p>
    @endif

    <h3>Orders</h3>
    <table class="table">
        <thead>
            <tr>
                <th>Number</th>
                <th>Date</th>
                <th>Status</th>
                <th>Total</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
        @foreach($orders as $order)
            <tr>
                <td>{{ $order->number }}</td>
                <td>{{ $order->ordered_at }}</td>
                <td>{{ $order->status }}</td>
                <td>{{ $order->total() }}</td>
                <td><a class="btn btn-sm btn-secondary" href="{{ route('vanilo.admin.order.show', $order) }}">View Order</a></td>
            </tr>
        @endforeach
        </tbody>
    </table>

    {{ $orders->links() }}
</div>
@endsection