@extends('layouts.app')
@section('title', 'Admin')
@section('content')
<h1 class="text-2xl font-bold mb-6">Admin</h1>
<div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-4">
@foreach($stats as $k=>$v)
<div class="bg-white rounded-2xl p-5 border"><div class="text-xs text-slate-500 uppercase">{{ $k }}</div><div class="text-xl font-bold">{{ is_numeric($v) ? number_format((float)$v, 2) : $v }}</div></div>
@endforeach
</div>
<canvas id="rev" class="mt-8 bg-white p-4 rounded-2xl" height="80"></canvas>
<script>new Chart(document.getElementById('rev'),{type:'bar',data:{labels:['Revenue','Cost','Profit'],datasets:[{data:[{{ $stats['revenue'] }},{{ $stats['costs'] }},{{ $stats['profit'] }}],backgroundColor:'#6366f1'}]}});</script>
@endsection