@extends('layouts.portal')
@section('title', $student->name)
@section('subtitle', 'Learner profile · joined '.$student->created_at->format('d M Y'))
@section('actions')
  <a class="btn btn-secondary btn-sm" href="{{ route('admin.students.index') }}"><x-icon name="arrow-left" :size="16"/> All learners</a>
  <a class="btn btn-secondary btn-sm" href="{{ route('admin.plans.statement', $student) }}" target="_blank" rel="noopener"><x-icon name="file-text" :size="16"/> Fee statement</a>
  <a class="btn btn-secondary btn-sm" href="{{ route('admin.comms.compose', ['user' => $student->id]) }}"><x-icon name="send" :size="16"/> Send details</a>
  <button class="btn btn-secondary btn-sm" type="button" data-modal-open="#edit-profile"><x-icon name="edit" :size="16"/> Edit profile</button>
@endsection

@section('content')
@php
  $suspended = ($student->status ?? 'active') === 'suspended';
  $liveCount = $enrollments->whereIn('status', ['active', 'completed'])->count();
  $due = $enrollments->whereIn('status', ['pending', 'active'])->sum(fn ($e) => $e->balance());
@endphp

<div class="ad-profile">
  <aside class="ad-profile-side">
    <section class="panel">
      <div class="panel-body center">
        <span class="avatar avatar-lg" style="margin:0 auto 12px">@if($student->avatarUrl())<img src="{{ $student->avatarUrl() }}" alt="{{ $student->name }}">@else{{ $student->initials() }}@endif</span>
        <h2 style="font-size:1.25rem;margin-bottom:2px">{{ $student->name }}</h2>
        @if($student->headline)<div class="small muted">{{ $student->headline }}</div>@endif
        <div class="mt-1"><x-pill :status="$student->status ?? 'active'"/> @if($student->email_verified_at)<span class="pill pill-green"><x-icon name="check" :size="12"/> Email verified</span>@else<span class="pill pill-amber">Email unverified</span>@endif</div>
      </div>
      <dl class="kv ad-kv-stack">
        <dt>Email</dt><dd><a href="mailto:{{ $student->email }}">{{ $student->email }}</a></dd>
        <dt>Phone</dt><dd>@if($student->phone)<a href="tel:{{ digits($student->phone) }}">{{ $student->phone }}</a>@else<span class="muted">Not provided</span>@endif</dd>
        <dt>Location</dt><dd>{{ $student->location ?: '—' }}</dd>
        <dt>Last sign-in</dt><dd>{{ $student->last_login_at ? $student->last_login_at->diffForHumans() : 'Never' }}</dd>
        @can('finance.view')<dt>Open balance</dt><dd>{{ $due > 0 ? money($due) : 'Nil' }}</dd>@endcan
      </dl>
      <div class="panel-body ad-stack">
        <form method="post" action="{{ route('admin.students.invite', $student) }}" data-confirm="Send a fresh set-your-password email to {{ $student->email }}?">@csrf<button class="btn btn-secondary btn-sm btn-block" type="submit"><x-icon name="mail" :size="16"/> Resend invite email</button></form>
        @if($student->id !== auth()->id())
          @if($suspended)
            <form method="post" action="{{ route('admin.students.status', $student) }}">@csrf<input type="hidden" name="status" value="active"><button class="btn btn-success btn-sm btn-block" type="submit"><x-icon name="refresh" :size="16"/> Reactivate account</button></form>
          @else
            <form method="post" action="{{ route('admin.students.status', $student) }}" data-confirm="Suspend {{ $student->name }}? They will be signed out and blocked from logging in.">@csrf<input type="hidden" name="status" value="suspended"><button class="btn btn-danger btn-sm btn-block" type="submit"><x-icon name="lock" :size="16"/> Suspend account</button></form>
          @endif
        @endif
      </div>
    </section>

    <section class="panel">
      <div class="panel-head"><h2>Send details</h2></div>
      <div class="panel-body op-quick">
        @foreach(['course_details' => 'Course details', 'batch_schedule' => 'Batch schedule', 'enrollment_confirmation' => 'Enrollment confirmation', 'payment_details' => 'Payment details', 'installment_schedule' => 'Installment schedule', 'invoice' => 'Invoice', 'receipt' => 'Receipt', 'fee_statement' => 'Fee statement', 'attendance_report' => 'Attendance report', 'assessment_result' => 'Assessment result', 'certificate' => 'Certificate', 'badge' => 'Badge', 'meeting_details' => 'Meeting details', 'custom' => 'Custom message'] as $k => $label)
          <a class="op-chip" href="{{ route('admin.comms.compose', ['user' => $student->id, 'template' => $k]) }}">{{ $label }}</a>
        @endforeach
      </div>
    </section>

    <section class="panel">
      <div class="panel-head"><h2>Enroll into a batch</h2></div>
      <form class="panel-body" method="post" action="{{ route('admin.students.enroll', $student) }}">
        @csrf
        <x-field name="batch_id" label="Batch" type="select" required blank="Choose a batch…" :options="$batches->mapWithKeys(fn ($b) => [$b->id => $b->course?->title.' · '.$b->batch_code.' · '.money($b->fee ?? $b->course?->fee)])->all()"/>
        <x-field name="discount" label="Discount (PKR)" type="number" min="0" step="1" placeholder="0"/>
        <button class="btn btn-primary btn-sm btn-block" type="submit"><x-icon name="plus" :size="16"/> Enroll learner</button>
        <p class="xs muted mt-1 mb-0">An invoice is emailed; access opens at 50% payment or when you activate it.</p>
      </form>
    </section>
  </aside>

  <div class="ad-profile-main">
    <div class="kpis ad-kpis ad-kpis-3">
      <div class="card kpi"><span class="ico"><x-icon name="clipboard-check" :size="20"/></span><span>Enrollments</span><b>{{ $enrollments->count() }}</b><small>{{ $liveCount }} with access</small></div>
      <div class="card kpi amber"><span class="ico"><x-icon name="award" :size="20"/></span><span>Certificates</span><b>{{ $credentials->count() }}</b><small>{{ $badges->count() }} {{ \Illuminate\Support\Str::plural('badge', $badges->count()) }}</small></div>
      <div class="card kpi violet"><span class="ico"><x-icon name="target" :size="20"/></span><span>Exam attempts</span><b>{{ $attempts->count() }}</b><small>{{ $attempts->where('passed', true)->count() }} passed</small></div>
    </div>

    <section class="panel">
      <div class="panel-head"><h2>Enrollments</h2></div>
      @if($enrollments->isEmpty())
        <x-empty icon="clipboard-check" title="Not enrolled in any batch" text="Use the form on the left to enroll this learner."/>
      @else
      <div class="table-wrap" style="border:0;border-radius:0">
        <table class="table ad-table">
          <thead><tr><th>Course · batch</th><th>Status &amp; attendance</th><th style="min-width:150px">Payment</th><th class="actions"><span class="sr-only">Actions</span></th></tr></thead>
          <tbody>
          @foreach($enrollments as $e)
            @php $net = $e->netFee(); $pp = $net > 0 ? min(100, round((float) $e->paid_amount / $net * 100)) : 100; $att = $attendance[$e->id] ?? null; @endphp
            <tr>
              <td><a href="{{ route('admin.batches.show', $e->batch_id) }}"><b>{{ $e->batch?->course?->title ?? 'Course removed' }}</b></a><div class="xs muted mono">{{ $e->batch?->batch_code }}</div></td>
              <td>
                <x-pill :status="$e->status"/>
                <div class="xs muted mt-1">
                @if($att && $att['sessions_taken'] > 0)
                  <b class="{{ ($att['percent'] ?? 0) < ($e->batch?->minAttendance() ?? 75) ? 'ad-bad' : '' }}">{{ rtrim(rtrim(number_format($att['percent'] ?? 0, 1), '0'), '.') }}%</b> attendance
                @else
                  {{ $att ? 'No registers yet' : 'Not started' }}
                @endif
                </div>
              </td>
              <td>
                <div class="progress {{ $pp >= 100 ? 'green' : ($pp >= 50 ? '' : 'amber') }}" aria-hidden="true"><i style="width:{{ $pp }}%"></i></div>
                <div class="xs muted mt-1">{{ money($e->paid_amount) }} / {{ money($net) }}<br><x-pill :status="$e->payment_status ?? 'unpaid'"/></div>
              </td>
              <td class="actions"><div class="ac-actions">@if($e->netFee() > 0 && in_array($e->status, ['pending', 'active'], true))<a class="icon-btn" href="{{ route('admin.plans.create', ['enrollment' => $e->id]) }}" aria-label="Installment plan" title="Installment plan"><x-icon name="wallet" :size="16"/></a>@endif<a class="icon-btn" href="{{ route('admin.enrollments.index', ['q' => $student->email]) }}" aria-label="Manage enrollment" title="Manage enrollment"><x-icon name="settings" :size="16"/></a></div></td>
            </tr>
          @endforeach
          </tbody>
        </table>
      </div>
      @endif
    </section>

    @can('finance.view')
    <section class="panel">
      <div class="panel-head"><h2>Fees &amp; installment plans</h2>@if($student->student_code)<span class="op-chip op-mono">{{ $student->student_code }}</span>@endif</div>
      @forelse($plans as $p)
        @php($n = $p->nextInstallment())
        <div class="ac-pay">
          <div><div class="ac-pay-top"><a class="ac-num" href="{{ route('admin.plans.show', $p) }}">{{ $p->code }}</a><x-pill :status="$p->financialStatus()"/></div>
            <div class="ac-pay-meta">{{ $p->course?->title }} · paid {{ money2($p->paidAmount()) }} of {{ money2($p->total) }}@if($n) · next {{ money2($n->outstanding()) }} due {{ $n->due_date->format('d M Y') }}@endif</div></div>
          <div class="ac-money {{ $p->overdueAmount() > 0 ? 'ac-late' : '' }}">{{ money2($p->remaining()) }}</div>
          <div class="ac-actions"><a class="btn btn-secondary btn-sm" href="{{ route('admin.plans.show', $p) }}">Open</a></div>
        </div>
      @empty
        <div class="panel-body small muted">No installment plan yet.@foreach($enrollments->whereIn('status', ['pending', 'active'])->filter(fn ($e) => $e->netFee() > 0) as $e) <a class="btn btn-secondary btn-sm" href="{{ route('admin.plans.create', ['enrollment' => $e->id]) }}"><x-icon name="wallet" :size="14"/> Create plan for {{ $e->batch?->batch_code }}</a>@endforeach</div>
      @endforelse
    </section>
    @endcan

    @if($registrations->isNotEmpty())
    <section class="panel">
      <div class="panel-head"><h2>Workshops</h2></div>
      @foreach($registrations as $r)<div class="ac-pay"><div><div class="ac-pay-top"><b>{{ $r->event?->title }}</b><x-pill :status="$r->status"/></div><div class="ac-pay-meta">{{ $r->event?->starts_at?->format('d M Y, h:i A') }} · {{ $r->code }}</div></div><div></div><div class="ac-actions">@if($r->event)<a class="btn btn-secondary btn-sm" href="{{ route('admin.workshops.show', $r->event) }}">Open</a>@endif</div></div>@endforeach
    </section>
    @endif

    <div data-tabs>
      <div class="tabs" role="tablist">
        <button type="button" data-tab="exams" role="tab">Exams ({{ $attempts->count() }})</button>
        <button type="button" data-tab="creds" role="tab">Credentials ({{ $credentials->count() + $badges->count() }})</button>
        @can('finance.view')<button type="button" data-tab="billing" role="tab">Billing ({{ $invoices->count() }})</button>@endcan
        <button type="button" data-tab="apps" role="tab">Jobs ({{ $applications->count() }})</button>
        <button type="button" data-tab="mail" role="tab">Emails ({{ $emails->count() }})</button>
      </div>

      <div data-pane="exams">
        <section class="panel">
          @forelse($attempts as $a)
            <div class="list-row">
              <span class="ad-chip {{ $a->passed ? 'ad-green' : 'ad-red' }}"><x-icon :name="$a->passed ? 'check-circle' : 'x'" :size="18"/></span>
              <div class="grow" style="min-width:0"><b>{{ $a->exam?->title ?? 'Exam' }}</b><div class="xs muted">Attempt {{ $a->attempt_no }} · {{ ($a->submitted_at ?? $a->started_at)?->format('d M Y, g:i A') }}</div></div>
              <b>{{ $a->percent !== null ? rtrim(rtrim(number_format($a->percent, 1), '0'), '.').'%' : '—' }}</b>
              <x-pill :status="$a->status === 'voided' ? 'voided' : ($a->passed ? 'passed' : 'failed')"/>
              <a class="icon-btn" href="{{ route('admin.exams.attempt', $a) }}" aria-label="Open attempt" title="Open attempt"><x-icon name="eye" :size="16"/></a>
            </div>
          @empty
            <x-empty icon="clipboard-check" title="No exam attempts" text="Finished attempts appear here."/>
          @endforelse
        </section>
      </div>

      <div data-pane="creds">
        <section class="panel">
          @forelse($credentials as $c)
            <div class="list-row">
              <span class="ad-chip ad-amber"><x-icon name="award" :size="18"/></span>
              <div class="grow" style="min-width:0"><b>{{ $c->title }}</b><div class="xs muted mono">{{ $c->credential_id }} · issued {{ $c->issued_at?->format('d M Y') }}</div></div>
              <x-pill :status="$c->effectiveStatus()"/>
              <a class="icon-btn" href="{{ $c->verifyUrl() }}" target="_blank" rel="noopener" aria-label="Open public verification page" title="Verify"><x-icon name="external-link" :size="16"/></a>
            </div>
          @empty
            <div class="list-row small muted">No certificates issued yet.</div>
          @endforelse
          @foreach($badges as $b)
            <div class="list-row">
              <span class="ad-chip"><x-icon name="badge-check" :size="18"/></span>
              <div class="grow" style="min-width:0"><b>{{ $b->badge?->name ?? 'Badge' }}</b><div class="xs muted mono">{{ $b->badge_id_code }} · issued {{ $b->issued_at?->format('d M Y') }}</div></div>
              <x-pill :status="$b->effectiveStatus()"/>
              <a class="icon-btn" href="{{ $b->verifyUrl() }}" target="_blank" rel="noopener" aria-label="Open public badge page" title="Verify"><x-icon name="external-link" :size="16"/></a>
            </div>
          @endforeach
        </section>
      </div>

      @can('finance.view')
      <div data-pane="billing">
        <section class="panel">
          <div class="panel-head"><h3>Invoices</h3><a class="small" href="{{ route('admin.billing.invoices.index', ['q' => $student->email]) }}">All invoices</a></div>
          @forelse($invoices as $i)
            <a class="list-row ad-row-link" href="{{ route('admin.billing.invoices.show', $i) }}">
              <div class="grow" style="min-width:0"><b class="mono">{{ $i->number }}</b><div class="xs muted">Issued {{ $i->issue_date?->format('d M Y') }}@if($i->due_date) · due {{ $i->due_date->format('d M Y') }}@endif</div></div>
              <div class="small" style="text-align:right"><b>{{ money($i->total) }}</b><div class="xs muted">paid {{ money($i->amount_paid) }}</div></div>
              <x-pill :status="$i->effectiveStatus()"/>
            </a>
          @empty
            <div class="list-row small muted">No invoices yet.</div>
          @endforelse
        </section>
        <section class="panel">
          <div class="panel-head"><h3>Payments</h3></div>
          @forelse($payments as $p)
            <div class="list-row">
              <div class="grow" style="min-width:0"><b>{{ money($p->amount) }}</b><div class="xs muted">{{ ucfirst(str_replace('_', ' ', $p->method ?? 'transfer')) }} · {{ ($p->paid_at ?? $p->created_at)->format('d M Y') }}@if($p->invoice) · {{ $p->invoice->number }}@endif</div></div>
              <x-pill :status="$p->status"/>
            </div>
          @empty
            <div class="list-row small muted">No payments recorded.</div>
          @endforelse
        </section>
      </div>
      @endcan

      <div data-pane="apps">
        <section class="panel">
          @forelse($applications as $a)
            <div class="list-row">
              <span class="ad-chip ad-violet"><x-icon name="briefcase" :size="18"/></span>
              <div class="grow" style="min-width:0"><b>{{ $a->job?->title ?? 'Job removed' }}</b><div class="xs muted">{{ $a->job?->employer?->company_name }} · applied {{ $a->created_at->format('d M Y') }}</div></div>
              <x-pill :status="$a->status"/>
            </div>
          @empty
            <x-empty icon="send" title="No job applications" text="Applications made through the career portal show here."/>
          @endforelse
        </section>
      </div>

      <div data-pane="mail">
        <section class="panel">
          @forelse($emails as $m)
            <div class="list-row">
              <span class="ad-chip {{ $m->status === 'failed' ? 'ad-red' : '' }}"><x-icon name="mail" :size="18"/></span>
              <div class="grow" style="min-width:0"><a class="ad-ellipsis b" href="{{ route('admin.comms.show', $m) }}">{{ $m->subject }}</a><div class="xs muted">{{ $m->template_key ?: ($m->category ?: 'general') }} · {{ $m->relatedLabel() ?? 'no related record' }} · {{ $m->created_at->format('d M Y, g:i A') }}{{ $m->sender ? ' · by '.$m->sender->name : '' }}@if($m->error) · {{ \Illuminate\Support\Str::limit($m->error, 80) }}@endif</div></div>
              <x-pill :status="$m->status"/>
              @if($m->status === 'failed')<form method="post" action="{{ route('admin.comms.retry', $m) }}">@csrf<button class="btn btn-secondary btn-sm" type="submit">Retry</button></form>@endif
            </div>
          @empty
            <x-empty icon="mail" title="No emails sent yet"/>
          @endforelse
          <div class="panel-body small"><a href="{{ route('admin.comms.history', ['q' => $student->email]) }}">Open full communication history for this learner</a></div>
        </section>
      </div>
    </div>
  </div>
</div>

<div class="modal" id="edit-profile" role="dialog" aria-modal="true" aria-labelledby="edit-profile-h">
  <div class="modal-box">
    <h2 id="edit-profile-h" style="font-size:1.25rem">Edit profile</h2>
    <form method="post" action="{{ route('admin.students.update', $student) }}">
      @csrf @method('PUT')
      <x-field name="name" label="Full name" :value="$student->name" required/>
      <x-field name="email" label="Email address" type="email" :value="$student->email" required help="Changing this changes the sign-in email."/>
      <x-field name="phone" label="Phone" type="tel" :value="$student->phone"/>
      <x-field name="headline" label="Headline" :value="$student->headline" placeholder="e.g. Systems administrator"/>
      <x-field name="location" label="Location" :value="$student->location" placeholder="e.g. Karachi"/>
      <div class="row" style="justify-content:flex-end"><button class="btn btn-secondary" type="button" data-modal-close>Cancel</button><button class="btn btn-primary" type="submit">Save changes</button></div>
    </form>
  </div>
</div>
@if($errors->any() && old('_method') === 'PUT')<script nonce="{{ csp_nonce() }}">document.getElementById('edit-profile').classList.add('open');</script>@endif
@endsection