@extends('layouts.app')
@section('title','Dashboard')
@section('page-title','Dashboard overview')
@section('content')
<div class="d-flex justify-content-between align-items-center flex-wrap gap-2 mb-4"><div class="text-secondary">Here's what's happening with your business today.</div><span class="badge text-bg-light border px-3 py-2"><i class="bi bi-calendar3 me-1"></i> {{ now()->format('d M Y') }}</span></div>
<div class="row g-3 mb-4">
@foreach([['Total products',$kpis['products'],'bi-boxes'],['Low stock alerts',$kpis['low_stock'],'bi-exclamation-triangle'],['Customers',$kpis['customers'],'bi-people'],['Suppliers',$kpis['suppliers'],'bi-truck']] as $k)
<div class="col-6 col-xl-3"><div class="card-soft kpi h-100"><div class="d-flex justify-content-between align-items-center"><span class="muted">{{ $k[0] }}</span><span class="kpi-icon"><i class="bi {{ $k[2] }}"></i></span></div><div class="kpi-value">{{ number_format($k[1]) }}</div><div class="muted mt-1">Current records</div></div></div>
@endforeach
</div>
<div class="row g-3 mb-4">
<div class="col-lg-8"><div class="card-soft p-4 h-100"><div class="d-flex justify-content-between mb-3"><div><div class="section-title">Sales overview</div><div class="muted">Last 7 days · recorded sales</div></div><span class="badge text-bg-primary-subtle text-primary">INR</span></div><canvas id="salesChart" height="115"></canvas></div></div>
<div class="col-lg-4"><div class="card-soft p-4 h-100"><div class="section-title mb-1">Sales summary</div><div class="muted mb-4">Based on recorded invoices</div><div class="muted">Today's sales</div><div class="fs-3 fw-bold mb-4">₹{{ number_format($kpis['today_sales'],2) }}</div><div class="muted">This month's sales</div><div class="fs-3 fw-bold">₹{{ number_format($kpis['month_sales'],2) }}</div><a href="{{ route('products.index') }}" class="btn btn-primary w-100 mt-4"><i class="bi bi-plus-lg me-1"></i> Manage inventory</a></div></div>
</div>
<div class="card-soft p-4"><div class="section-title mb-3">Recent sales</div><div class="table-responsive"><table class="table align-middle mb-0"><thead><tr><th>Invoice</th><th>Customer</th><th>Date</th><th>Status</th><th class="text-end">Total</th></tr></thead><tbody>
@forelse($recentSales as $sale)<tr><td class="fw-semibold">{{ $sale->invoice_no }}</td><td>{{ $sale->customer_name ?: 'Walk-in customer' }}</td><td>{{ $sale->sold_at?->format('d M Y') }}</td><td><span class="badge text-bg-success-subtle text-success">{{ ucfirst($sale->status) }}</span></td><td class="text-end fw-semibold">₹{{ number_format($sale->total,2) }}</td></tr>@empty<tr><td colspan="5" class="text-center text-secondary py-4">No sales recorded yet. Sales and invoice workflow is planned for the next phase.</td></tr>@endforelse
</tbody></table></div></div>
<script>
new Chart(document.getElementById('salesChart'),{type:'line',data:{labels:@json($chartLabels),datasets:[{label:'Sales (₹)',data:@json($chartValues),borderColor:'#3b82f6',backgroundColor:'rgba(59,130,246,.12)',fill:true,tension:.35,pointRadius:3}]},options:{responsive:true,plugins:{legend:{display:false}},scales:{y:{beginAtZero:true,grid:{color:'#eef2f8'}},x:{grid:{display:false}}}}});
</script>
@endsection