@extends('layouts.portal')
@section('title', 'Learners')
@section('subtitle', number_format($students->total()).' '.\Illuminate\Support\Str::plural('learner', $students->total()).($filters ? ' match your filters' : ' registered').'.')
@section('actions')
  <a class="btn btn-secondary btn-sm" href="{{ route('admin.students.export') }}"><x-icon name="download" :size="16"/> Export all (CSV)</a>
  <a class="btn btn-primary btn-sm" href="{{ route('admin.students.create') }}"><x-icon name="user-plus" :size="16"/> Add learner</a>
@endsection

@section('content')
<form method="get" class="filters" role="search" aria-label="Filter learners">
  <div class="searchbox"><x-icon name="search" :size="18"/><input class="input" type="search" name="q" value="{{ $filters['q'] ?? '' }}" placeholder="Search by name, email or phone" aria-label="Search learners"></div>
  <select class="select" name="status" data-autosubmit aria-label="Account status">
    <option value="">Any status</option>
    @foreach(['active' => 'Active', 'suspended' => 'Suspended'] as $v => $l)<option value="{{ $v }}" @selected(($filters['status'] ?? '') === $v)>{{ $l }}</option>@endforeach
  </select>
  <select class="select" name="batch" data-autosubmit aria-label="Batch">
    <option value="">Any batch</option>
    @foreach($batches as $b)<option value="{{ $b->id }}" @selected((string) ($filters['batch'] ?? '') === (string) $b->id)>{{ $b->course?->title }} · {{ $b->batch_code }}</option>@endforeach
  </select>
  <button class="btn btn-secondary btn-sm" type="submit">Search</button>
  @if($filters)<a class="btn btn-ghost btn-sm" href="{{ route('admin.students.index') }}">Clear</a>@endif
</form>

@if($students->isEmpty())
  <div class="panel"><x-empty icon="users" :title="$filters ? 'No learners match these filters' : 'No learners yet'" :text="$filters ? 'Try a different name, email or clear the filters.' : 'Add your first learner and they will get an email to set their password.'"><a class="btn btn-primary btn-sm" href="{{ route('admin.students.create') }}">Add learner</a></x-empty></div>
@else
<div class="table-wrap">
  <table class="table ad-table">
    <thead><tr><th style="width:34px"><input class="op-cb" type="checkbox" data-bulk-all form="bulk-stu" aria-label="Select all"></th><th>Learner</th><th>Phone</th><th>Status</th><th class="num">Enrollments</th><th class="num">Certificates</th><th>Activity</th><th class="actions">Actions</th></tr></thead>
    <tbody>
    @foreach($students as $s)
      <tr>
        <td><input class="op-cb" type="checkbox" name="ids[]" value="{{ $s->id }}" form="bulk-stu" aria-label="Select {{ $s->name }}"></td>
        <td><div class="person"><span class="avatar avatar-sm">@if($s->avatarUrl())<img src="{{ $s->avatarUrl() }}" alt="">@else{{ $s->initials() }}@endif</span><div style="min-width:0"><a href="{{ route('admin.students.show', $s) }}"><b>{{ $s->name }}</b></a><div class="xs muted">{{ $s->email }}@unless($s->email_verified_at) · <span title="Email not verified">unverified</span>@endunless</div></div></div></td>
        <td class="small nowrap">{{ $s->phone ?: '—' }}</td>
        <td><x-pill :status="$s->status ?? 'active'"/></td>
        <td class="num">{{ $s->enrollments_count }}</td>
        <td class="num">{{ $s->credentials_count }}</td>
        <td class="small nowrap">Joined {{ $s->created_at->format('d M Y') }}<div class="xs muted">{{ $s->last_login_at ? 'Signed in '.$s->last_login_at->diffForHumans() : 'Never signed in' }}</div></td>
        <td class="actions">
          <div class="ad-actions">
            <a class="icon-btn" href="{{ route('admin.students.show', $s) }}" aria-label="View {{ $s->name }}" title="View profile"><x-icon name="eye" :size="17"/></a>
            <form method="post" action="{{ route('admin.students.invite', $s) }}" data-confirm="Send a fresh set-your-password email to {{ $s->email }}?">@csrf<button class="icon-btn" type="submit" aria-label="Resend invite to {{ $s->name }}" title="Resend invite"><x-icon name="mail" :size="17"/></button></form>
            @if(($s->status ?? 'active') === 'suspended')
              <form method="post" action="{{ route('admin.students.status', $s) }}">@csrf<input type="hidden" name="status" value="active"><button class="icon-btn" type="submit" aria-label="Reactivate {{ $s->name }}" title="Reactivate account"><x-icon name="refresh" :size="17"/></button></form>
            @else
              <form method="post" action="{{ route('admin.students.status', $s) }}" data-confirm="Suspend {{ $s->name }}? They will be signed out and blocked from logging in.">@csrf<input type="hidden" name="status" value="suspended"><button class="icon-btn" type="submit" aria-label="Suspend {{ $s->name }}" title="Suspend account"><x-icon name="lock" :size="17"/></button></form>
            @endif
          </div>
        </td>
      </tr>
    @endforeach
    </tbody>
  </table>
</div>
<form id="bulk-stu" method="post" action="{{ route('admin.bulk', 'students') }}" data-bulk>@csrf
  <div class="op-bulk"><b><span data-bulk-count>0</span> selected</b>
    <select class="select" name="action" aria-label="Bulk action"><option value="">Choose action…</option><option value="tpl:course_details" data-heavy>Send course details</option><option value="tpl:payment_details" data-heavy>Send payment details</option><option value="tpl:fee_statement" data-heavy>Send fee statement</option><option value="tpl:batch_schedule" data-heavy>Send batch schedule</option><option value="compose">Compose a custom message…</option><option value="export">Export selected (CSV)</option></select>
    <button class="btn btn-secondary btn-sm" type="submit">Apply</button>
  </div>
</form>
{{ $students->links() }}
@endif
@endsection
@push('scripts')<script src="{{ asset_v('assets/js/ops.js') }}" defer nonce="{{ csp_nonce() }}"></script>@endpush