@extends('layouts.app')
@section('title','Dashboard') @section('page-title','Ringkasan toko')
@section('content')
<div class="page-heading"><div><span class="eyebrow">HARI INI DI D'SHOP</span><h2>Kendali toko dalam satu pandangan.</h2><p>Pantau transaksi, inventori, dan aktivitas terbaru tanpa berpindah halaman.</p></div></div>
<section class="metric-grid">
<article class="metric-card metric-dark"><div class="metric-top"><span>PENDAPATAN</span><span class="metric-icon icon-revenue"><i class="bi bi-cash-stack"></i></span></div><strong>Rp {{ number_format($totalRevenue,0,',','.') }}</strong><small>Total seluruh pesanan</small></article>
<article class="metric-card"><div class="metric-top"><span>PRODUK AKTIF</span><span class="metric-icon icon-product"><i class="bi bi-handbag"></i></span></div><strong>{{ $totalProducts }}</strong><small>{{ $totalCategories }} kategori</small></article>
<article class="metric-card"><div class="metric-top"><span>PESANAN</span><span class="metric-icon icon-order"><i class="bi bi-receipt-cutoff"></i></span></div><strong>{{ $totalOrders }}</strong><small>{{ $pendingOrders }} menunggu tindakan</small></article>
<article class="metric-card"><div class="metric-top"><span>PELANGGAN</span><span class="metric-icon icon-customer"><i class="bi bi-people"></i></span></div><strong>{{ $totalCustomers }}</strong><small>Terdaftar di D'Shop</small></article>
</section>
<section class="dashboard-grid"><div class="surface panel"><div class="panel-head"><h3>Produk terbaru</h3><a href="{{ route('admin.products.index') }}">Lihat semua →</a></div><table class="shop-table"><thead><tr><th>Produk</th><th>Harga</th><th>Stok</th></tr></thead><tbody>
@forelse($latestProducts as $product)<tr><td><div style="display:flex;align-items:center;gap:11px">@if($product->image_url)<img class="product-thumb" src="{{ $product->image_url }}" alt="{{ $product->name }}">@else<span class="empty-thumb"><i class="bi bi-image"></i></span>@endif<div><span class="product-name">{{ $product->name }}</span><small style="display:block;color:#94867c">{{ $product->category->name ?? 'Tanpa kategori' }}</small></div></div></td><td>Rp {{ number_format($product->price,0,',','.') }}</td><td><span class="stock-pill {{ $product->stock <= 5 ? 'stock-low' : '' }}">{{ $product->stock }} unit</span></td></tr>@empty<tr><td colspan="3">Belum ada produk.</td></tr>@endforelse
</tbody></table></div><aside class="surface panel"><div class="panel-head"><h3>Perlu perhatian</h3><a href="{{ route('admin.products.index') }}">Kelola stok</a></div>
@forelse($lowStockProducts as $product)<div style="display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #eee8e2"><div><b style="font-size:12px">{{ $product->name }}</b><small style="display:block;color:#9a8c82">Stok menipis</small></div><span class="stock-pill stock-low">{{ $product->stock }}</span></div>@empty<p style="color:#718274;font-size:12px">✓ Semua stok masih aman.</p>@endforelse
<div class="panel-head" style="margin-top:24px"><h3>Status pesanan</h3></div>@foreach([['Menunggu',$pendingOrders],['Diproses',$processedOrders],['Dikirim',$shippedOrders],['Selesai',$completedOrders]] as [$label,$count])<div style="display:flex;justify-content:space-between;padding:8px 0;font-size:12px"><span>{{ $label }}</span><b>{{ $count }}</b></div>@endforeach</aside></section>
@endsection