@extends('layouts.app')
@section('title', 'Dashboard')
@section('content')
<div class="page-head"><div><h1>Dashboard</h1><p class="muted">Ringkasan {{ now()->translatedFormat('d F Y') }}</p></div></div>
<section class="stats-grid">
    <article class="stat"><span>Penjualan hari ini</span><strong>Rp{{ number_format($today->sales, 0, ',', '.') }}</strong></article>
    <article class="stat"><span>Transaksi hari ini</span><strong>{{ number_format($today->transactions) }}</strong></article>
    <article class="stat"><span>HPP hari ini</span><strong>Rp{{ number_format($today->hpp, 0, ',', '.') }}</strong></article>
    <article class="stat"><span>Laba kotor hari ini</span><strong>Rp{{ number_format($today->profit, 0, ',', '.') }}</strong></article>
    <article class="stat"><span>Penjualan bulan ini</span><strong>Rp{{ number_format($monthSales, 0, ',', '.') }}</strong></article>
    <article class="stat"><span>Total kas</span><strong>Rp{{ number_format($cash, 0, ',', '.') }}</strong></article>
</section>
<div class="two-cols">
    <section class="panel"><h2>Penjualan 7 hari</h2><div class="bars">
        @php($max = max(1, $chart->max('total') ?? 1))
        @foreach($chart as $point)<div class="bar-row"><span>{{ \Carbon\Carbon::parse($point->date)->format('d/m') }}</span><i style="width:{{ min(100, ($point->total / $max) * 100) }}%"></i><b>Rp{{ number_format($point->total, 0, ',', '.') }}</b></div>@endforeach
        @if($chart->isEmpty())<p class="empty">Belum ada transaksi.</p>@endif
    </div></section>
    <section class="panel"><h2>Produk terlaris hari ini</h2><ol class="rank-list">@forelse($topProducts as $product)<li><span>{{ $product->product_name }}</span><strong>{{ number_format($product->quantity, 2, ',', '.') }}</strong></li>@empty<li class="empty">Belum ada transaksi.</li>@endforelse</ol></section>
</div>
<div class="two-cols">
    <section class="panel"><h2>Stok hampir habis</h2><ul class="rank-list">@forelse($lowStock as $item)<li><span>{{ $item->name }}</span><strong class="danger">{{ number_format($item->quantity, 2, ',', '.') }}</strong></li>@empty<li class="empty">Tidak ada stok kritis.</li>@endforelse</ul></section>
    <section class="panel"><h2>Transaksi terbaru</h2><div class="table-wrap"><table><thead><tr><th>Nomor</th><th>Kasir</th><th>Total</th><th>Status</th></tr></thead><tbody>@forelse($recent as $sale)<tr><td><a href="{{ route('pos.receipt', $sale) }}">{{ $sale->number }}</a></td><td>{{ $sale->cashier->name }}</td><td>Rp{{ number_format($sale->total, 0, ',', '.') }}</td><td><span class="badge {{ $sale->status }}">{{ $sale->status }}</span></td></tr>@empty<tr><td colspan="4" class="empty">Belum ada transaksi.</td></tr>@endforelse</tbody></table></div></section>
</div>
@endsection