@extends('layouts.portal')
@section('title', 'Add learner')
@section('subtitle', 'Create the account, optionally enroll into a batch, and email a set-your-password link.')
@section('actions')<a class="btn btn-secondary btn-sm" href="{{ route('admin.students.index') }}"><x-icon name="arrow-left" :size="16"/> All learners</a>@endsection

@section('content')
<form method="post" action="{{ route('admin.students.store') }}" class="ad-form">
  @csrf
  <div class="ad-form-grid">
    <div>
      <section class="panel">
        <div class="panel-head"><h2>Account details</h2></div>
        <div class="panel-body">
          <div class="form-grid">
            <x-field name="name" label="Full name" required autocomplete="off" placeholder="e.g. Ayesha Khan"/>
            <x-field name="email" label="Email address" type="email" required autocomplete="off" placeholder="name@example.com" help="Used to sign in. The invite is sent here."/>
            <x-field name="phone" label="Phone / WhatsApp" type="tel" placeholder="+92 3xx xxxxxxx"/>
          </div>
        </div>
      </section>
      <section class="panel">
        <div class="panel-head"><h2>Enroll now (optional)</h2></div>
        <div class="panel-body">
          <div class="form-grid">
            <x-field name="batch_id" label="Batch" type="select" blank="Do not enroll yet" :options="$batches->mapWithKeys(fn ($b) => [$b->id => $b->course?->title.' · '.$b->batch_code.' · starts '.($b->start_date?->format('d M Y') ?? 'TBA').' · '.money($b->fee ?? $b->course?->fee)])->all()" full/>
            <x-field name="discount" label="Discount (PKR)" type="number" min="0" step="1" placeholder="0" help="Deducted from the batch fee on the invoice."/>
          </div>
          @if($batches->isEmpty())<p class="small muted mb-0">There are no open or upcoming batches. <a href="{{ route('admin.batches.create') }}">Create a batch</a> first if you want to enroll straight away.</p>@endif
        </div>
      </section>
    </div>
    <aside>
      <div class="callout">
        <x-icon name="info" :size="20"/>
        <div><b>What happens next</b>
          <ol class="small" style="margin:8px 0 0;padding-left:1.1rem">
            <li>The learner account is created as <b>active</b> and the email is marked verified.</li>
            <li>A &ldquo;set your password&rdquo; email is sent (logged in the email log).</li>
            <li>If you pick a batch, an invoice is raised and emailed. Access opens once 50% is paid, or when you activate it manually.</li>
          </ol>
        </div>
      </div>
    </aside>
  </div>
  <div class="ad-actionbar">
    <a class="btn btn-secondary" href="{{ route('admin.students.index') }}">Cancel</a>
    <button class="btn btn-primary" type="submit"><x-icon name="user-plus" :size="18"/> Create learner &amp; send invite</button>
  </div>
</form>
@endsection