@extends('layouts.cashier')
@section('title','Fee Entries')
@section('breadcrumb')<li class="breadcrumb-item active">Fee Entries</li>@endsection
@section('cashier-content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h4 class="fw-bold mb-0" style="color:#1e3a5f"><i class="fas fa-list me-2 text-warning"></i>My Fee Entries</h4>
    <a href="{{ route('cashier.fees.create') }}" class="btn btn-primary"><i class="fas fa-plus me-1"></i>New Entry</a>
</div>
<div class="card"><div class="card-body p-0">
<table class="table table-hover mb-0">
<thead><tr><th>Receipt</th><th>Date</th><th>Student</th><th>Amount</th><th>Mode</th><th>Session</th><th>Action</th></tr></thead>
<tbody>
@forelse($payments as $p)
<tr>
    <td><span class="badge bg-secondary font-monospace">{{ $p->receipt_no }}</span></td>
    <td>{{ $p->payment_date->format('d M Y') }}</td>
    <td>{{ optional($p->student)->name }}<div class="small text-muted">{{ optional($p->student)->enrollment_no }}</div></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>{{ optional($p->academicSession)->name }}</td>
    <td><a href="{{ route('cashier.receipts.show', $p) }}" class="btn btn-sm btn-outline-primary"><i class="fas fa-receipt"></i></a></td>
</tr>
@empty
<tr><td colspan="7" class="text-center py-4 text-muted">No entries yet.</td></tr>
@endforelse
</tbody></table>
</div></div>
<div class="mt-3">{{ $payments->links() }}</div>
@endsection