@extends('layouts.admin')

@section('title', 'Customer Detail')

@section('content')
    <div class="stat-card p-4 mb-3">
        <h5>{{ $customer->name }}</h5>
        <p class="text-muted mb-1">{{ $customer->email ?? '-' }} &middot; {{ $customer->phone }}</p>
        <p class="mb-1">Wallet Balance: ₹{{ number_format($customer->wallet_balance, 2) }}</p>
        <p class="mb-1">Referral Code: {{ $customer->referral_code ?? '-' }}</p>
        <p class="mb-0">Status: <span class="badge bg-{{ $customer->status === 'active' ? 'success' : 'danger' }}">{{ ucfirst($customer->status) }}</span></p>
    </div>

    <div class="stat-card p-3">
        <h6 class="mb-3">Recent Orders</h6>
        <table class="table table-sm mb-0">
            <thead>
                <tr><th>Order #</th><th>Restaurant</th><th>Status</th><th class="text-end">Total</th></tr>
            </thead>
            <tbody>
                @forelse ($customer->orders as $order)
                    <tr>
                        <td><a href="{{ route('admin.orders.show', $order) }}">{{ $order->order_number }}</a></td>
                        <td>{{ $order->restaurant->name ?? '-' }}</td>
                        <td>{{ ucfirst($order->status) }}</td>
                        <td class="text-end">₹{{ number_format($order->total_amount, 2) }}</td>
                    </tr>
                @empty
                    <tr><td colspan="4" class="text-muted">No orders yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
@endsection