@extends('layouts.app')
@section('title', 'Dasbor')
@section('content')
<div class="d-flex flex-wrap justify-content-between align-items-center mb-4 gap-2">
  <div><h3 class="fw-bold mb-1">Selamat datang, {{ auth()->user()->name }}</h3><div class="text-secondary">Ringkasan aktivitas OetaraPay hari ini.</div></div>
  <span class="badge text-bg-light border px-3 py-2">Waktu Indonesia Barat</span>
</div>
<div class="row g-3 mb-4">
 @foreach([
  ['Jumlah Pesanan', number_format($stats['jumlah_pesanan'])],
  ['Menunggu Pembayaran', number_format($stats['menunggu'])],
  ['Pesanan Selesai', number_format($stats['selesai'])],
  ['Pembayaran Berhasil', 'Rp '.number_format((float)$stats['pembayaran_berhasil'],0,',','.')]
 ] as [$label,$value])
 <div class="col-sm-6 col-xl-3"><div class="card stat-card p-3 h-100"><div class="stat-label">{{ $label }}</div><div class="stat-value mt-2">{{ $value }}</div></div></div>
 @endforeach
</div>
<div class="card panel">
 <div class="card-body p-4">
  <div class="d-flex justify-content-between align-items-center mb-3"><h5 class="fw-bold mb-0">Pesanan Terbaru</h5><span class="text-secondary small">8 data terakhir</span></div>
  <div class="table-responsive">
   <table class="table align-middle">
    <thead><tr><th>Nomor Pesanan</th><th>Pelanggan</th><th>Agen</th><th>Total</th><th>Status</th></tr></thead>
    <tbody>
    @forelse($transaksiTerbaru as $item)
      <tr><td class="fw-semibold">{{ $item->order_number }}</td><td>{{ $item->customer_name }}</td><td>{{ $item->agent->name ?? '-' }}</td><td>Rp {{ number_format((float)$item->total_amount,0,',','.') }}</td><td><span class="badge text-bg-light">{{ ucfirst($item->status) }}</span></td></tr>
    @empty
      <tr><td colspan="5" class="text-center text-secondary py-4">Belum ada pesanan.</td></tr>
    @endforelse
    </tbody>
   </table>
  </div>
 </div>
</div>
@endsection