@extends('layouts.app')
@section('title', 'Dashboard')
@section('content')
<div class="flex justify-between items-center mb-6">
    <h1 class="text-2xl font-bold text-gray-800">Dashboard</h1>
    <span class="text-sm text-gray-500">Selamat datang, {{ session('merchant.name') }}</span>
</div>

<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
    <div class="bg-white p-6 rounded-xl shadow-sm border border-gray-100">
        <div class="text-gray-500 text-sm">Total Produk</div>
        <div class="text-3xl font-bold text-[#0b6e7a]">{{ $products['total'] ?? 0 }}</div>
    </div>
    <div class="bg-white p-6 rounded-xl shadow-sm border border-gray-100">
        <div class="text-gray-500 text-sm">Pesanan Aktif</div>
        <div class="text-3xl font-bold text-[#0b6e7a]">{{ $orders['total'] ?? 0 }}</div>
    </div>
    <div class="bg-white p-6 rounded-xl shadow-sm border border-gray-100">
        <div class="text-gray-500 text-sm">Saldo</div>
        <div class="text-3xl font-bold text-[#0b6e7a]">Rp {{ number_format(session('merchant.balance', 0), 0, ',', '.') }}</div>
    </div>
</div>

<div class="mt-8 grid grid-cols-1 lg:grid-cols-2 gap-6">
    <div class="bg-white p-6 rounded-xl shadow-sm border border-gray-100">
        <h3 class="font-semibold text-gray-700 mb-3">🛍️ Produk Terbaru</h3>
        <ul class="divide-y divide-gray-100">
            @forelse (($products['data'] ?? []) as $p)
                <li class="py-2 flex justify-between text-sm">
                    <span>{{ $p['name'] }}</span>
                    <span class="text-gray-500">Rp {{ number_format($p['price'], 0, ',', '.') }}</span>
                </li>
            @empty
                <li class="py-2 text-gray-400 text-sm">Belum ada produk.</li>
            @endforelse
        </ul>
    </div>
    <div class="bg-white p-6 rounded-xl shadow-sm border border-gray-100">
        <h3 class="font-semibold text-gray-700 mb-3">📦 Pesanan Terbaru</h3>
        <ul class="divide-y divide-gray-100">
            @forelse (($orders['data'] ?? []) as $o)
                <li class="py-2 flex justify-between text-sm">
                    <span>{{ $o['order_number'] }}</span>
                    <span class="text-gray-500">{{ $o['formatted_status'] }}</span>
                </li>
            @empty
                <li class="py-2 text-gray-400 text-sm">Belum ada pesanan.</li>
            @endforelse
        </ul>
    </div>
</div>
@endsection