@extends('layouts.student')
@section('title','Fee Payments')
@section('breadcrumb')<li class="breadcrumb-item active">Fee Payments</li>@endsection
@section('student-content')
<h4 class="fw-bold mb-4" style="color:#1e3a5f"><i class="fas fa-money-bill-wave me-2 text-warning"></i>Fee Payments</h4>
<div class="row g-3 mb-4">
    <div class="col-md-4"><div class="stat-card text-center"><p class="text-muted small mb-1">Total Fee</p><h3 class="fw-bold text-primary mb-0">₹{{ number_format(optional($student->feeStructure)->total_course_fee, 0) }}</h3></div></div>
    <div class="col-md-4"><div class="stat-card text-center"><p class="text-muted small mb-1">Paid</p><h3 class="fw-bold text-success mb-0">₹{{ number_format($student->total_paid, 0) }}</h3></div></div>
    <div class="col-md-4"><div class="stat-card text-center"><p class="text-muted small mb-1">Due</p><h3 class="fw-bold text-danger mb-0">₹{{ number_format($student->total_due, 0) }}</h3></div></div>
</div>
<div class="card"><div class="card-header"><h6 class="mb-0 fw-bold">Payment History</h6></div>
<div class="card-body p-0">
<table class="table table-hover mb-0">
<thead><tr><th>Receipt</th><th>Date</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 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('student.fees.receipt', $p) }}" class="btn btn-sm btn-outline-primary"><i class="fas fa-eye"></i></a>
    <a href="{{ route('student.fees.downloadReceipt', $p) }}" class="btn btn-sm btn-outline-secondary" target="_blank"><i class="fas fa-download"></i></a></td>
</tr>
@empty
<tr><td colspan="6" class="text-center py-4 text-muted">No payments found.</td></tr>
@endforelse
</tbody></table>
</div></div>
@endsection