@extends('admin.layouts.app')
@section('title', 'My Fees')

@section('breadcrumb')
    <li class="breadcrumb-item active">My Fees</li>
@endsection

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">Fee Payments</h1>
        <p class="page-subtitle">View and pay your college fees online</p>
    </div>
</div>

<!-- SUMMARY -->
<div class="row g-3 mb-4">
    <div class="col-md-4">
        <div class="stat-card">
            <div class="stat-icon" style="background:#dcfce7"><i class="bi bi-check-circle-fill" style="color:#16a34a"></i></div>
            <div>
                <div class="stat-value">₹{{ number_format($totalPaid) }}</div>
                <div class="stat-label">Total Paid</div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="stat-card">
            <div class="stat-icon" style="background:#fee2e2"><i class="bi bi-hourglass-split" style="color:#dc2626"></i></div>
            <div>
                <div class="stat-value">₹{{ number_format($totalPending) }}</div>
                <div class="stat-label">Pending Amount</div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="stat-card">
            <div class="stat-icon" style="background:#dbeafe"><i class="bi bi-receipt" style="color:#2563eb"></i></div>
            <div>
                <div class="stat-value">{{ $payments->count() }}</div>
                <div class="stat-label">Total Transactions</div>
            </div>
        </div>
    </div>
</div>

@if($totalPending > 0)
<div class="alert alert-warning d-flex align-items-center gap-2 mb-4">
    <i class="bi bi-exclamation-triangle-fill"></i>
    <strong>You have pending dues of ₹{{ number_format($totalPending) }}.</strong> Please pay before the due date to avoid late fees.
</div>
@endif

<!-- FEE GROUPS ASSIGNED TO CLASS -->
@if($assignedGroups->count())
<div class="card mb-4">
    <div class="card-header"><i class="bi bi-collection me-2 text-primary"></i>Fee Schedule for Your Class</div>
    <div class="card-body">
        <div class="row g-3">
            @foreach($assignedGroups->filter() as $group)
            @php
                $isPaid = $payments->where('fee_group_id', $group->id)->where('status','paid')->count() > 0;
            @endphp
            <div class="col-md-6">
                <div class="card border {{ $isPaid ? 'border-success' : 'border-warning' }}" style="border-width:2px !important">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-start mb-3">
                            <div>
                                <h6 class="mb-1" style="font-size:0.92rem">{{ $group->name }}</h6>
                                <div style="font-size:0.78rem; color:#64748b">
                                    <i class="bi bi-calendar3 me-1"></i>
                                    Due: {{ $group->due_date ? $group->due_date->format('d M Y') : 'N/A' }}
                                </div>
                            </div>
                            @if($isPaid)
                                <span class="badge badge-soft-success"><i class="bi bi-check-circle me-1"></i>Paid</span>
                            @else
                                <span class="badge badge-soft-warning">Pending</span>
                            @endif
                        </div>

                        <!-- Fee breakdown -->
                        @foreach($group->items as $item)
                        <div class="d-flex justify-content-between py-1 border-bottom" style="font-size:0.83rem">
                            <span class="text-secondary">{{ $item->feeHead?->name }}</span>
                            <span class="fw-500">₹{{ number_format($item->amount) }}</span>
                        </div>
                        @endforeach
                        <div class="d-flex justify-content-between pt-2 mt-1">
                            <strong>Total</strong>
                            <strong>₹{{ number_format($group->items->sum('amount')) }}</strong>
                        </div>

                        @if(!$isPaid)
                        <form method="POST" action="{{ route('student.fees.pay') }}" class="mt-3">
                            @csrf
                            <input type="hidden" name="fee_group_id" value="{{ $group->id }}">
                            <div class="mb-2">
                                <select name="payment_method" class="form-select form-select-sm">
                                    <option value="upi">UPI Payment</option>
                                    <option value="online">Online/Net Banking</option>
                                </select>
                            </div>
                            <button type="submit" class="btn btn-primary btn-sm w-100">
                                <i class="bi bi-credit-card me-1"></i>Pay ₹{{ number_format($group->items->sum('amount')) }}
                            </button>
                        </form>
                        @else
                        @php $paidRecord = $payments->where('fee_group_id', $group->id)->first(); @endphp
                        @if($paidRecord)
                        <a href="{{ route('student.fees.receipt', $paidRecord->id) }}" class="btn btn-outline-success btn-sm w-100 mt-3">
                            <i class="bi bi-download me-1"></i>Download Receipt
                        </a>
                        @endif
                        @endif
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</div>
@endif

<!-- PAYMENT HISTORY -->
<div class="card">
    <div class="card-header"><i class="bi bi-clock-history me-2 text-info"></i>Payment History</div>
    <div class="table-responsive">
        <table class="table table-hover mb-0">
            <thead>
                <tr>
                    <th>Payment No.</th>
                    <th>Description</th>
                    <th>Date</th>
                    <th>Method</th>
                    <th>Amount</th>
                    <th>Status</th>
                    <th>Receipt</th>
                </tr>
            </thead>
            <tbody>
                @forelse($payments as $pay)
                <tr>
                    <td><code style="font-size:0.8rem">{{ $pay->payment_no }}</code></td>
                    <td style="font-size:0.85rem">{{ $pay->feeGroup?->name ?? $pay->feeHead?->name ?? 'Fee Payment' }}</td>
                    <td style="font-size:0.82rem; color:#64748b">{{ $pay->payment_date->format('d M Y') }}</td>
                    <td>
                        <span class="badge badge-soft-secondary text-uppercase" style="font-size:0.7rem">
                            {{ $pay->payment_method }}
                        </span>
                    </td>
                    <td style="font-weight:600">₹{{ number_format($pay->net_amount) }}</td>
                    <td>
                        <span class="badge badge-soft-{{ $pay->status === 'paid' ? 'success' : 'danger' }}">
                            {{ ucfirst($pay->status) }}
                        </span>
                    </td>
                    <td>
                        @if($pay->status === 'paid')
                        <a href="{{ route('student.fees.receipt', $pay->id) }}" class="btn btn-xs btn-light" style="padding:3px 8px;font-size:0.75rem">
                            <i class="bi bi-receipt"></i>
                        </a>
                        @endif
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="7" class="text-center py-4 text-muted">No payment history found</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection