@extends('layouts.admin')
@section('title','Fee Payments')
@section('breadcrumb')<li class="breadcrumb-item active">Fee Payments</li>@endsection
@section('admin-content')

<div class="d-flex align-items-center justify-content-between mb-4">
    <div>
        <h4 class="fw-bold mb-1" style="color:var(--primary)"><i class="fas fa-money-bill-wave me-2"></i>Fee Payments</h4>
        <p class="text-muted mb-0 small">{{ $payments->total() }} records &nbsp;|&nbsp; Total: <strong class="text-success">₹{{ number_format($totalAmount, 0) }}</strong></p>
    </div>
    <button onclick="window.print()" class="btn btn-outline-secondary btn-sm no-print"><i class="fas fa-print me-1"></i>Print</button>
</div>

{{-- Filters --}}
<div class="card mb-3 no-print">
    <div class="card-body py-3">
    <form method="GET" action="{{ route('admin.fees.index') }}" class="row g-2 align-items-end">
        <div class="col-md-3 col-6">
            <input type="text" name="search" class="form-control form-control-sm" placeholder="Receipt / Student / Enrollment" value="{{ request('search') }}">
        </div>
        <div class="col-md-2 col-6">
            <select name="institute_id" class="form-select form-select-sm">
                <option value="">All Institutes</option>
                @foreach($institutes as $i)<option value="{{ $i->id }}" @selected(request('institute_id')==$i->id)>{{ $i->name }}</option>@endforeach
            </select>
        </div>
        <div class="col-md-2 col-6">
            <select name="session_id" class="form-select form-select-sm">
                <option value="">All Sessions</option>
                @foreach($sessions as $s)<option value="{{ $s->id }}" @selected(request('session_id')==$s->id)>{{ $s->name }}</option>@endforeach
            </select>
        </div>
        <div class="col-md-2 col-6">
            <select name="course_id" class="form-select form-select-sm">
                <option value="">All Courses</option>
                @foreach($courses as $c)<option value="{{ $c->id }}" @selected(request('course_id')==$c->id)>{{ $c->name }}</option>@endforeach
            </select>
        </div>
        <div class="col-md-2 col-6">
            <select name="mode" class="form-select form-select-sm">
                <option value="">All Modes</option>
                @foreach($modes as $m)<option value="{{ $m }}" @selected(request('mode')==$m)>{{ $m }}</option>@endforeach
            </select>
        </div>
        <div class="col-md-1 col-3">
            <input type="date" name="from_date" class="form-control form-control-sm" value="{{ request('from_date') }}" title="From Date">
        </div>
        <div class="col-md-1 col-3">
            <input type="date" name="to_date" class="form-control form-control-sm" value="{{ request('to_date') }}" title="To Date">
        </div>
        <div class="col-md-1 col-3 d-flex gap-1">
            <button type="submit" class="btn btn-primary btn-sm flex-grow-1"><i class="fas fa-search"></i></button>
            <a href="{{ route('admin.fees.index') }}" class="btn btn-outline-secondary btn-sm"><i class="fas fa-times"></i></a>
        </div>
    </form>
    </div>
</div>

<div class="card">
<div class="table-responsive">
<table class="table table-hover align-middle mb-0">
<thead class="table-light">
<tr>
    <th>Receipt No</th>
    <th>Date</th>
    <th>Student</th>
    <th>Institute</th>
    <th>Course</th>
    <th>Session</th>
    <th>Mode</th>
    <th class="text-end">Amount</th>
    <th>Cashier</th>
    <th class="no-print">Actions</th>
</tr>
</thead>
<tbody>
@forelse($payments as $p)
<tr>
    <td class="font-monospace small fw-bold">{{ $p->receipt_no }}</td>
    <td class="small">{{ $p->payment_date->format('d M Y') }}</td>
    <td>
        <strong>{{ optional($p->student)->name }}</strong>
        <div class="small text-muted">{{ optional($p->student)->enrollment_no }}</div>
    </td>
    <td class="small">{{ optional(optional($p->student)->institute)->name ?? '-' }}</td>
    <td class="small">{{ optional(optional($p->student)->course)->name ?? '-' }}</td>
    <td class="small">{{ optional($p->academicSession)->name ?? '-' }}</td>
    <td><span class="badge bg-light text-dark border">{{ $p->payment_mode }}</span></td>
    <td class="text-end fw-bold text-success">₹{{ number_format($p->amount_paid, 0) }}</td>
    <td class="small text-muted">{{ optional($p->cashier)->name ?? 'System' }}</td>
    <td class="no-print">
        <div class="d-flex gap-1">
            <a href="{{ route('admin.receipts.show', $p) }}" class="btn btn-sm btn-outline-primary py-0 px-2" title="View Receipt"><i class="fas fa-eye"></i></a>
            <a href="{{ route('admin.receipts.print', $p) }}" class="btn btn-sm btn-outline-success py-0 px-2" title="PDF" target="_blank"><i class="fas fa-file-pdf"></i></a>
        </div>
    </td>
</tr>
@empty
<tr><td colspan="10" class="text-center py-4 text-muted">No payments found.</td></tr>
@endforelse
</tbody>
</table>
</div>
@if($payments->hasPages())
<div class="card-footer d-flex justify-content-between align-items-center no-print">
    <small class="text-muted">Showing {{ $payments->firstItem() }}-{{ $payments->lastItem() }} of {{ $payments->total() }}</small>
    {{ $payments->links('pagination::bootstrap-5') }}
</div>
@endif
</div>
@endsection