@extends('layouts.app')
@section('title','Dashboard | BASCORE')
@section('content')
<div class="toolbar">
    <div>
        <h1 class="page-title">Dashboard</h1>
        <div class="page-subtitle">Revenue, outstanding balances and recent activity.</div>
    </div>
    <div class="actions">
        <a class="btn btn-light" href="{{ route('customers.create') }}">Add Customer</a>
        <a class="btn btn-primary" href="{{ route('payments.create') }}">Record Payment</a>
    </div>
</div>
<div class="grid" style="grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-bottom:18px">
    @foreach([
        ['Total Invoices',$totalInvoices],
        ['Paid Amount','AED '.number_format($paidAmount,2)],
        ['Outstanding','AED '.number_format($outstanding,2)],
        ['Overdue',$overdueCount],
        ['Pending Quotes',$pendingQuotations],
    ] as [$label,$value])
        <div class="card card-pad metric"><div><div class="metric-label">{{ $label }}</div><div class="metric-value">{{ $value }}</div></div><div class="metric-icon">◆</div></div>
    @endforeach
</div>
<div class="grid grid-2">
    <div class="card card-pad">
        <h2>Recent Invoices</h2>
        @include('documents.partials.mini-table',['documents'=>$recentInvoices,'type'=>'invoice'])
    </div>
    <div class="card card-pad">
        <h2>Recent Quotations</h2>
        @include('documents.partials.mini-table',['documents'=>$recentQuotations,'type'=>'quotation'])
    </div>
</div>
<div class="card card-pad" style="margin-top:18px">
    <h2>Top Customers</h2>
    <div class="table-wrap"><table><thead><tr><th>Customer</th><th>Company</th><th>Total Value</th></tr></thead><tbody>
        @forelse($topCustomers as $customer)
            <tr><td>{{ $customer->customer_name }}</td><td>{{ $customer->company_name }}</td><td>AED {{ number_format($customer->total_value,2) }}</td></tr>
        @empty<tr><td colspan="3" class="empty">No customer activity yet.</td></tr>@endforelse
    </tbody></table></div>
</div>
@endsection