@extends('layouts.cashier')
@section('title','Cashier Dashboard')
@section('breadcrumb')<li class="breadcrumb-item active">Dashboard</li>@endsection
@section('cashier-content')
<h4 class="fw-bold mb-4" style="color:#1e3a5f">Welcome, {{ auth()->user()->name }}!</h4>
<div class="row g-3 mb-4">
    <div class="col-md-3"><div class="stat-card"><p class="text-muted small mb-1">Today's Collection</p><h3 class="fw-bold text-success mb-0">₹{{ number_format($todayAmount, 0) }}</h3><small class="text-muted">{{ $todayCount }} payments</small></div></div>
    <div class="col-md-3"><div class="stat-card"><p class="text-muted small mb-1">This Month</p><h3 class="fw-bold text-primary mb-0">₹{{ number_format($monthAmount, 0) }}</h3><small class="text-muted">{{ $monthCount }} payments</small></div></div>
    <div class="col-md-3"><div class="stat-card"><p class="text-muted small mb-1">Total Collected</p><h3 class="fw-bold mb-0" style="color:#1e3a5f">₹{{ number_format($totalAmount, 0) }}</h3><small class="text-muted">All time</small></div></div>
    <div class="col-md-3"><div class="stat-card"><p class="text-muted small mb-1">Total Receipts</p><h3 class="fw-bold text-warning mb-0">{{ $totalCount }}</h3><small class="text-muted">All time</small></div></div>
</div>
<div class="row g-3">
<div class="col-xl-8">
<div class="card"><div class="card-header d-flex justify-content-between"><h6 class="mb-0 fw-bold">Recent Payments</h6><a href="{{ route('cashier.receipts.index') }}" class="btn btn-sm btn-outline-primary">View All</a></div>
<div class="card-body p-0">
<table class="table table-hover mb-0">
<thead><tr><th>Receipt</th><th>Student</th><th>Amount</th><th>Mode</th><th>Date</th></tr></thead>
<tbody>
@forelse($recentPayments as $p)
<tr>
    <td><span class="badge bg-secondary font-monospace">{{ $p->receipt_no }}</span></td>
    <td>{{ optional($p->student)->name }}</td>
    <td class="text-success fw-bold">₹{{ number_format($p->amount_paid, 0) }}</td>
    <td><span class="badge bg-info text-dark">{{ $p->payment_mode }}</span></td>
    <td>{{ $p->payment_date->format('d M Y') }}</td>
</tr>
@empty
<tr><td colspan="5" class="text-center py-3 text-muted">No payments yet.</td></tr>
@endforelse
</tbody></table>
</div></div>
</div>
<div class="col-xl-4">
<div class="card"><div class="card-header"><h6 class="mb-0 fw-bold">Quick Actions</h6></div>
<div class="card-body d-grid gap-2">
    <a href="{{ route('cashier.fees.create') }}" class="btn btn-primary btn-lg"><i class="fas fa-plus-circle me-2"></i>New Fee Entry</a>
    <a href="{{ route('cashier.receipts.index') }}" class="btn btn-outline-primary"><i class="fas fa-receipt me-2"></i>View Receipts</a>
</div></div>
</div>
</div>
@endsection