@extends('layouts.user')
@section('page-title', 'Dashboard')

@section('content')
<h4 class="fw-bold mb-3">Welcome back, {{ $user->contact_person }}!</h4>

<div class="row g-3 mb-3">
    <div class="col-6 col-md-4"><div class="card"><div class="card-body"><div class="small text-muted text-uppercase">Total Orders</div><div class="fs-4 fw-bold">{{ $totalOrders }}</div></div></div></div>
    <div class="col-6 col-md-4"><div class="card"><div class="card-body"><div class="small text-muted text-uppercase">Pending Orders</div><div class="fs-4 fw-bold text-warning">{{ $pendingOrders }}</div></div></div></div>
    <div class="col-6 col-md-4"><div class="card"><div class="card-body"><div class="small text-muted text-uppercase">Completed Orders</div><div class="fs-4 fw-bold text-success">{{ $completedOrders }}</div></div></div></div>
    <div class="col-6 col-md-4"><div class="card"><div class="card-body"><div class="small text-muted text-uppercase">Total Purchase</div><div class="fs-4 fw-bold">₹{{ number_format($totalPurchase,2) }}</div></div></div></div>
    <div class="col-6 col-md-4"><div class="card"><div class="card-body"><div class="small text-muted text-uppercase">Available Credit</div><div class="fs-4 fw-bold text-success">₹{{ number_format($user->availableCredit(),2) }}</div></div></div></div>
    <div class="col-6 col-md-4"><div class="card"><div class="card-body"><div class="small text-muted text-uppercase">Outstanding</div><div class="fs-4 fw-bold text-danger">₹{{ number_format($user->outstanding_amount,2) }}</div></div></div></div>
</div>

<div class="row g-2 mb-3">
    <div class="col-6 col-md-3"><a href="{{ route('user.products.index') }}" class="btn btn-outline-secondary w-100 py-3">Browse Products</a></div>
    <div class="col-6 col-md-3"><a href="{{ route('user.cart.index') }}" class="btn btn-outline-secondary w-100 py-3">New Order</a></div>
    <div class="col-6 col-md-3"><a href="{{ route('user.orders.index') }}" class="btn btn-outline-secondary w-100 py-3">My Orders</a></div>
    <div class="col-6 col-md-3"><a href="{{ route('user.profile') }}" class="btn btn-outline-secondary w-100 py-3">My Profile</a></div>
</div>

<div class="card">
    <div class="card-body">
        <h6 class="fw-bold mb-3">Recent Orders</h6>
        <table class="table">
            <thead><tr><th>Order ID</th><th>Date</th><th>Items</th><th>Amount</th><th>Status</th><th></th></tr></thead>
            <tbody>
                @forelse ($recentOrders as $o)
                <tr>
                    <td class="fw-medium">{{ $o->order_number }}</td>
                    <td>{{ $o->created_at->format('d M Y') }}</td>
                    <td>{{ $o->items->sum('quantity') }}</td>
                    <td>₹{{ number_format($o->total_amount,2) }}</td>
                    <td><x-status-badge :status="$o->status" /></td>
                    <td><a href="{{ route('user.orders.show', $o) }}">View</a></td>
                </tr>
                @empty
                <tr><td colspan="6" class="text-center text-muted py-4">No orders yet — start by browsing products.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection