@extends('layouts.portal')
@section('title', 'My fees')
@section('subtitle', 'Your course fee, payments, installments and receipts in one place.')
@section('actions')
  <a class="btn btn-secondary" href="{{ route('student.fees.statement') }}" target="_blank" rel="noopener"><x-icon name="file-text" :size="16"/> Fee statement (PDF)</a>
  <a class="btn btn-primary" href="{{ route('student.billing') }}"><x-icon name="upload" :size="16"/> Pay / upload proof</a>
@endsection
@section('content')
<div class="op-fees">
  <div class="op-fee-card">
    <h2>Fee summary</h2>
    <div class="op-fee-line"><span>Course fee</span><b>{{ money2($summary['fee']) }}</b></div>
    <div class="op-fee-line"><span>Discount</span><b>{{ $summary['discount'] > 0 ? '− '.money2($summary['discount']) : money2(0) }}</b></div>
    <div class="op-fee-line"><span>Final fee</span><b>{{ money2($summary['final']) }}</b></div>
    <div class="op-fee-line"><span>Paid</span><b>{{ money2($summary['paid']) }}</b></div>
    @if($summary['waived'] > 0)<div class="op-fee-line"><span>Waived</span><b>{{ money2($summary['waived']) }}</b></div>@endif
    <div class="op-fee-line total"><span>Remaining</span><b>{{ money2($summary['remaining']) }}</b></div>
    @php($pct = $summary['final'] > 0 ? min(100, round($summary['paid'] / $summary['final'] * 100)) : 100)
    <div class="op-fee-bar" role="progressbar" aria-valuenow="{{ $pct }}" aria-valuemin="0" aria-valuemax="100" aria-label="Fees paid"><i style="width:{{ $pct }}%"></i></div>
    <small>{{ $pct }}% of your fees paid</small>
  </div>
  <div class="op-next">
    <span class="op-muted small">Next installment</span>
    @if($next)
      <div class="op-next-amt">{{ money2($next->outstanding()) }}</div>
      <div class="op-next-due {{ $next->isOverdue() ? 'late' : '' }}">{{ $next->isOverdue() ? 'Overdue since' : 'Due' }} {{ $next->due_date->format('d M Y') }} · {{ $next->label }}</div>
      @if($summary['overdue'] > 0)<div class="callout danger" style="padding:10px 12px;margin-top:6px"><x-icon name="alert" :size="18"/><div class="small">{{ money2($summary['overdue']) }} is overdue. Please pay as soon as possible, or reply to our email if you need a revised schedule.</div></div>@endif
      <div class="op-row">
        @if($next->plan->invoice)<a class="btn btn-primary" href="{{ route('invoices.show', $next->plan->invoice->token) }}"><x-icon name="wallet" :size="16"/> View invoice &amp; pay</a>@endif
        <a class="btn btn-secondary" href="#history">Payment history</a>
      </div>
    @elseif($summary['remaining'] <= 0 && $summary['final'] > 0)
      <div class="op-next-amt" style="color:var(--green-ink)">Fully paid</div>
      <div class="small op-muted">Thank you — nothing is outstanding.</div>
    @else
      <div class="op-next-amt">—</div>
      <div class="small op-muted">No installment is scheduled.</div>
    @endif
  </div>
</div>

@foreach($plans as $plan)
  @php($course = $plan->enrollment?->batch?->course ?? $plan->course)
  <section class="panel">
    <div class="panel-head"><h2>{{ $course?->title ?? 'Payment plan' }} · {{ $plan->code }}</h2>
      <div class="op-row"><x-pill :status="$plan->financialStatus()"/><a class="btn btn-secondary btn-sm" href="{{ route('student.fees.plan', $plan) }}" target="_blank" rel="noopener"><x-icon name="download" :size="14"/> Schedule PDF</a></div></div>
    <div class="table-wrap" style="border:0;box-shadow:none"><table class="op-sched">
      <thead><tr><th>Installment</th><th>Due date</th><th class="num">Amount</th><th class="num">Paid</th><th class="num">Balance</th><th>Status</th></tr></thead>
      <tbody>
      @foreach($plan->installments->where('status', '!=', 'cancelled') as $x)
        <tr class="{{ $x->status === 'overdue' ? 'is-overdue' : ($x->status === 'due' ? 'is-due' : (in_array($x->status, ['paid', 'waived'], true) ? 'is-paid' : '')) }}">
          <td><span class="op-inst-label">{{ $x->label }}</span>@if($x->allocations->where('reversed', false)->isNotEmpty())<span class="op-inst-meta">Receipt {{ $x->allocations->where('reversed', false)->map(fn ($a) => $a->payment->receipt_no)->filter()->unique()->implode(', ') }}</span>@endif</td>
          <td class="nowrap">{{ $x->due_date->format('d M Y') }}</td>
          <td class="num">{{ money2($x->amount) }}</td><td class="num">{{ money2($x->paid_amount) }}</td><td class="num"><b>{{ money2($x->outstanding()) }}</b></td>
          <td><x-pill :status="$x->status"/></td>
        </tr>
      @endforeach
      </tbody>
      <tfoot><tr><td>Total</td><td></td><td class="num">{{ money2($plan->total) }}</td><td class="num">{{ money2($plan->paidAmount()) }}</td><td class="num">{{ money2($plan->remaining()) }}</td><td></td></tr></tfoot>
    </table></div>
  </section>
@endforeach

<div class="op-grid-2 mt-3">
  <section class="panel" id="history"><div class="panel-head"><h2>Payment history</h2></div>
    @forelse($payments as $p)
      <div class="ac-pay">
        <div><div class="ac-pay-top"><span class="ac-num">{{ $p->receipt_no ?: $p->reference }}</span><x-pill :status="$p->status"/></div><div class="ac-pay-meta">{{ ($p->paid_at ?? $p->created_at)->format('d M Y') }} · {{ ucfirst(str_replace('_', ' ', (string) $p->method)) }}{{ $p->invoice ? ' · '.$p->invoice->number : '' }}</div></div>
        <div class="ac-money">{{ money2($p->amount) }}</div>
        <div class="ac-actions">@if($p->receipt_url)<a class="btn btn-secondary btn-sm" href="{{ $p->receipt_url }}" target="_blank" rel="noopener"><x-icon name="download" :size="14"/> Receipt</a>@elseif($p->status === 'pending')<span class="small muted">Being verified</span>@endif</div>
      </div>
    @empty
      <div class="op-empty">No payments yet.</div>
    @endforelse
  </section>
  <section class="panel"><div class="panel-head"><h2>Invoices</h2></div>
    @forelse($invoices as $i)
      <div class="ac-pay">
        <div><div class="ac-pay-top"><span class="ac-num">{{ $i->number }}</span><x-pill :status="$i->effectiveStatus()"/></div><div class="ac-pay-meta">{{ $i->issue_date?->format('d M Y') }} · total {{ money2($i->total) }} · balance {{ money2($i->balance()) }}</div></div>
        <div></div>
        <div class="ac-actions"><a class="btn btn-secondary btn-sm" href="{{ route('invoices.show', $i->token) }}">View</a><a class="btn btn-secondary btn-sm" href="{{ route('invoices.pdf', $i->token) }}" target="_blank" rel="noopener"><x-icon name="download" :size="14"/> PDF</a></div>
      </div>
    @empty
      <div class="op-empty">No invoices yet.</div>
    @endforelse
  </section>
</div>

<section class="panel mt-3"><div class="panel-head"><h2>How to pay</h2></div><div class="panel-body">
  <ul class="checks small">@foreach($methods as $m)<li><x-icon name="check" :size="16"/> {{ $m }}</li>@endforeach</ul>
  <p class="small muted" style="margin:8px 0 0">After paying, upload your proof on the invoice page or in <a href="{{ route('student.billing') }}">Invoices &amp; receipts</a>. Your official receipt is emailed once the payment is verified.</p>
</div></section>
@endsection