@extends('layouts.app')
@section('title', __('Dashboard'))
@section('content')
<div class="row g-3 mb-4">
    @foreach([
        ['Today Sales', $todaySales, 'fa-sack-dollar', ''],
        ['Received Today', $todayPaid, 'fa-coins', ''],
        ['Customer Due', $customerDue, 'fa-user-clock', 'text-danger'],
        ['Stock Value', $stockValue, 'fa-warehouse', ''],
    ] as [$label, $value, $icon, $class])
        <div class="col-md-3"><div class="card"><div class="card-body d-flex align-items-center gap-3"><div class="stat-icon"><i class="fa-solid {{ $icon }}"></i></div><div><small class="text-muted">{{ __($label) }}</small><h5 class="mb-0 money {{ $class }}">{{ number_format($value, 2) }} {{ $moneyCode }}</h5></div></div></div></div>
    @endforeach
</div>
<div class="row g-3">
    <div class="col-lg-8">
        <div class="card"><div class="card-body"><div class="d-flex justify-content-between"><h6>{{ __('Sales & Purchase Trend') }}</h6><small class="text-muted">{{ __('Last 7 days') }}</small></div><canvas id="trendChart" height="105"></canvas></div></div>
    </div>
    <div class="col-lg-4">
        <div class="card h-100"><div class="card-body"><h6>{{ __('Business Health') }}</h6><div class="d-flex justify-content-between border-bottom py-3"><span>{{ __('Supplier Due') }}</span><strong class="text-danger money">{{ number_format($supplierDue, 2) }} {{ $moneyCode }}</strong></div><div class="d-flex justify-content-between border-bottom py-3"><span>{{ __('Customers') }}</span><strong>{{ $customers }}</strong></div><div class="d-flex justify-content-between py-3"><span>{{ __('Low Stock Items') }}</span><strong class="text-warning">{{ $lowStock->count() }}</strong></div><a href="{{ route('reports.index') }}" class="btn btn-success w-100">{{ __('Open Reports') }}</a></div></div>
    </div>
</div>
<div class="row g-3 mt-1">
    <div class="col-lg-7">
        <div class="card"><div class="card-body"><div class="d-flex justify-content-between align-items-center mb-3"><h6 class="mb-0">{{ __('Recent Invoices') }}</h6><a href="{{ route('invoices.index') }}" class="small">{{ __('View all') }}</a></div><div class="table-responsive"><table class="table align-middle"><thead><tr><th>#</th><th>{{ __('Customer') }}</th><th>{{ __('Total') }}</th><th>{{ __('Status') }}</th></tr></thead><tbody>@forelse($recentInvoices as $invoice)<tr><td><a href="{{ route('invoices.show', $invoice) }}">{{ $invoice->invoice_number }}</a><br><small>{{ $invoice->invoice_date->format('d M') }}</small></td><td>{{ $invoice->customer?->name ?? $invoice->walk_in_name ?? __('Walk-in Customer') }}</td><td class="money">{{ number_format($invoice->total, 2) }} {{ $invoice->currency_code }}</td><td><span class="badge badge-soft rounded-pill">{{ __(ucfirst($invoice->status)) }}</span></td></tr>@empty<tr><td colspan="4" class="text-center text-muted py-4">{{ __('No invoices yet.') }}</td></tr>@endforelse</tbody></table></div></div></div>
    </div>
    <div class="col-lg-5">
        <div class="card"><div class="card-body"><h6 class="mb-3"><i class="fa-solid fa-triangle-exclamation text-warning me-2"></i>{{ __('Low Stock Alert') }}</h6>@forelse($lowStock as $product)<div class="d-flex justify-content-between border-bottom py-2"><span>{{ $product->name }}<small class="d-block text-muted">{{ $product->sku }}</small></span><strong class="text-danger">{{ $product->stock_quantity }} {{ $product->unit }}</strong></div>@empty<p class="text-muted text-center py-3 mb-0">{{ __('Stock levels look good.') }}</p>@endforelse</div></div>
    </div>
</div>
@endsection
@push('scripts')<script src="https://cdn.jsdelivr.net/npm/chart.js"></script><script>new Chart(document.getElementById('trendChart'),{type:'line',data:{labels:@json($chartLabels),datasets:[{label:'{{ __('Sales') }}',data:@json($chartSales),borderColor:'#22a06b',backgroundColor:'rgba(34,160,107,.12)',fill:true,tension:.35},{label:'{{ __('Purchases') }}',data:@json($chartPurchases),borderColor:'#f59e0b',tension:.35}]},options:{responsive:true,plugins:{legend:{position:'bottom'}},scales:{y:{beginAtZero:true}}}});</script>@endpush