@extends('layouts.adminlte')
@section('title','Dashboard')

@section('content')
<h2 class="mb-4">Dashboard</h2>

<div class="row g-3">
    <div class="col-md-3"><div class="card p-3"><div class="text-secondary">Sites</div><h2>{{ $siteCount }}</h2><a href="{{ route('sites.index') }}">Manage</a></div></div>
    <div class="col-md-3"><div class="card p-3"><div class="text-secondary">Vendors</div><h2>{{ $vendorCount }}</h2><a href="{{ route('vendors.index') }}">Manage</a></div></div>
    <div class="col-md-3"><div class="card p-3"><div class="text-secondary">Particulars</div><h2>{{ $particularCount }}</h2><a href="{{ route('particulars.index') }}">Manage</a></div></div>
    <div class="col-md-3"><div class="card p-3"><div class="text-secondary">Vouchers</div><h2>{{ $voucherCount }}</h2><div>Posted total: ₹ {{ number_format($voucherTotal,2) }}</div></div></div>
</div>

<div class="card mt-4">
    <div class="card-header fw-bold">Recent Vouchers</div>
    <div class="table-responsive">
        <table class="table table-striped mb-0">
            <thead><tr><th>Voucher No</th><th>Date</th><th>Site</th><th>Vendor</th><th>Amount</th><th></th></tr></thead>
            <tbody>
            @forelse($recentVouchers as $v)
                <tr>
                    <td>{{ $v->voucher_no }}</td>
                    <td>{{ $v->voucher_date->format('d-m-Y') }}</td>
                    <td>{{ $v->site->name }}</td>
                    <td>{{ $v->vendor->name }}</td>
                    <td>₹ {{ number_format($v->amount,2) }}</td>
                    <td><a class="btn btn-sm btn-outline-primary" href="{{ route('vouchers.show',$v) }}">View</a></td>
                </tr>
            @empty
                <tr><td colspan="6" class="text-center p-4">No vouchers found.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection