@extends('layouts.portal')
@section('title', 'Send communication')
@section('subtitle', 'Pick the people, pick a template, add an optional note — preview it, then send. Every message is logged against the learner.')
@section('actions')
  <a class="btn btn-secondary" href="{{ route('admin.comms.history') }}"><x-icon name="history" :size="16"/> Communication history</a>
  <a class="btn btn-secondary" href="{{ route('admin.templates.index') }}"><x-icon name="file-text" :size="16"/> Email templates</a>
@endsection
@section('content')
@php($vb = '{'.'{')
<div class="op-quick mb-2" aria-label="Quick templates">
  @foreach(['course_details' => 'Course details', 'workshop_details' => 'Workshop details', 'batch_schedule' => 'Batch schedule', 'meeting_details' => 'Meeting details', 'payment_details' => 'Payment details', 'invoice' => 'Invoice', 'receipt' => 'Receipt', 'installment_schedule' => 'Installment schedule', 'attendance_report' => 'Attendance report', 'certificate' => 'Certificate', 'badge' => 'Badge', 'assessment_result' => 'Assessment result', 'enrollment_confirmation' => 'Enrollment confirmation', 'custom' => 'Custom'] as $k => $label)
    <a class="op-chip {{ $tpl?->key === $k ? 'blue' : '' }}" href="{{ request()->fullUrlWithQuery(['template' => $k]) }}">{{ $label }}</a>
  @endforeach
</div>
<form class="op-compose" method="post" action="{{ route('admin.comms.send') }}" id="compose-form">
  @csrf
  @foreach($hints as $k => $v)<input type="hidden" name="{{ $k }}" value="{{ $v }}">@endforeach
  <div class="op-stack">
    <section class="panel"><div class="panel-head"><h2>1 · Template</h2>@if($tpl)<a class="ac-hint" href="{{ route('admin.templates.edit', $tpl) }}">Edit template →</a>@endif</div><div class="panel-body">
      <div class="field"><label class="label" for="c-tpl">Template <span class="req">*</span></label>
        <select class="select" id="c-tpl" name="template" required>
          @foreach($templates->groupBy('category') as $cat => $group)
            <optgroup label="{{ ucfirst($cat) }}">@foreach($group as $t)<option value="{{ $t->key }}" @selected($tpl?->key === $t->key)>{{ $t->name }}</option>@endforeach</optgroup>
          @endforeach
        </select>
        <div class="help">Attachments: {{ $tpl && $tpl->attachments ? implode(', ', array_map(fn ($a) => str_replace('_', ' ', $a), $tpl->attachments)) : 'none' }} — added automatically when the recipient has the matching record.</div>
      </div>
    </div></section>

    <section class="panel"><div class="panel-head"><h2>2 · Recipients</h2>@error('recipients')<span class="field-error">{{ $message }}</span>@enderror</div><div class="panel-body">
      <div class="field"><label class="label" for="c-mode">Send to</label>
        <select class="select" id="c-mode" name="mode">
          @foreach(['students' => 'Selected learners', 'batch' => 'Everyone in a batch', 'leads' => 'Leads / enquiries', 'event' => 'Workshop registrants', 'meeting' => 'Meeting participants', 'emails' => 'Email addresses'] as $k => $label)<option value="{{ $k }}" @selected($mode === $k)>{{ $label }}</option>@endforeach
        </select>
        <div class="help">Change the selection below for the chosen mode. Only the active mode is used when sending.</div>
      </div>

      <details class="mb-2" @if($mode === 'students') open @endif><summary class="b">Learners ({{ $students->count() }})</summary>
        <div class="op-row mt-1"><input class="input" type="search" placeholder="Filter learners…" data-recip-filter="#r-students" aria-label="Filter learners" style="max-width:280px"><label class="check"><input type="checkbox" data-recip-all="#r-students"> <span>Select all shown</span></label></div>
        <div class="op-recips mt-1" id="r-students">@foreach($students as $s)<label><input class="op-cb" type="checkbox" name="users[]" value="{{ $s->id }}" @checked(in_array($s->id, $selected, true))> <span>{{ $s->name }} <small>{{ $s->email }}{{ $s->student_code ? ' · '.$s->student_code : '' }}</small></span></label>@endforeach</div>
      </details>
      <details class="mb-2" @if($mode === 'batch') open @endif><summary class="b">Batch</summary>
        <div class="form-grid mt-1">
          <div class="field"><label class="label" for="c-batch">Batch</label><select class="select" id="c-batch" name="batch_id"><option value="">Choose…</option>@foreach($batches as $b)<option value="{{ $b->id }}" @selected(($hints['batch_id'] ?? null) == $b->id)>{{ $b->label() }} ({{ $b->status }})</option>@endforeach</select></div>
          <div class="field"><label class="label" for="c-bst">Learners</label><select class="select" id="c-bst" name="batch_status"><option value="live">Active &amp; pending</option><option value="all">Including completed</option></select></div>
        </div>
      </details>
      <details class="mb-2" @if($mode === 'leads') open @endif><summary class="b">Leads ({{ $leads->count() }})</summary>
        <div class="op-row mt-1"><input class="input" type="search" placeholder="Filter leads…" data-recip-filter="#r-leads" aria-label="Filter leads" style="max-width:280px"><label class="check"><input type="checkbox" data-recip-all="#r-leads"> <span>Select all shown</span></label></div>
        <div class="op-recips mt-1" id="r-leads">@foreach($leads as $l)<label><input class="op-cb" type="checkbox" name="leads[]" value="{{ $l->id }}" @checked(in_array($l->id, $selectedLeads, true))> <span>{{ $l->name }} <small>{{ $l->email }} · {{ $l->status }}</small></span></label>@endforeach</div>
      </details>
      <details class="mb-2" @if($mode === 'event') open @endif><summary class="b">Workshop registrants</summary>
        <div class="form-grid mt-1">
          <div class="field"><label class="label" for="c-ev">Workshop</label><select class="select" id="c-ev" name="event_id"><option value="">Choose…</option>@foreach($events as $e)<option value="{{ $e->id }}" @selected(($hints['event_id'] ?? null) == $e->id)>{{ $e->title }} · {{ $e->starts_at->format('d M Y') }}</option>@endforeach</select></div>
          <div class="field"><label class="label" for="c-rs">Registration status</label><select class="select" id="c-rs" name="reg_status">@foreach(['approved' => 'Approved', 'pending' => 'Pending', 'attended' => 'Attended', 'all' => 'Everyone'] as $k => $v)<option value="{{ $k }}">{{ $v }}</option>@endforeach</select></div>
        </div>
      </details>
      <details class="mb-2" @if($mode === 'meeting') open @endif><summary class="b">Meeting participants</summary>
        <div class="field mt-1"><select class="select" name="meeting_id" aria-label="Meeting"><option value="">Choose…</option>@foreach($meetings as $m)<option value="{{ $m->id }}" @selected(($hints['meeting_id'] ?? null) == $m->id)>{{ $m->title }} · {{ $m->starts_at->format('d M Y, h:i A') }}</option>@endforeach</select></div>
      </details>
      <details @if($mode === 'emails') open @endif><summary class="b">Email addresses</summary>
        <textarea class="textarea mt-1" name="emails" rows="3" placeholder="one@company.com, two@company.com" aria-label="Email addresses">{{ old('emails') }}</textarea>
      </details>
    </div></section>

    <section class="panel"><div class="panel-head"><h2>3 · Personal message (optional)</h2></div><div class="panel-body">
      <x-field name="custom_message" label="Message added to the email" type="textarea" :rows="5" placeholder="e.g. Your lab access will be activated on Monday. Bring your laptop to the first class." :help="'For the Custom communication template this is the whole message. Use '.$vb.'student_first_name}} to personalise.'"/>
      <div class="field"><label class="label" for="c-course">Course context (optional)</label><select class="select" id="c-course" name="course_id"><option value="">Use each learner's current course</option>@foreach($courses as $c)<option value="{{ $c->id }}" @selected(($hints['course_id'] ?? null) == $c->id)>{{ $c->title }}</option>@endforeach</select><div class="help">Used by "Course details" for leads, or to pick a learner's enrollment in that course.</div></div>
      <div class="op-row">
        <button class="btn btn-secondary" type="submit" formaction="{{ route('admin.comms.preview') }}" formtarget="preview-frame" data-preview-target="#preview-panel"><x-icon name="eye" :size="16"/> Preview</button>
        <button class="btn btn-primary" type="submit" data-confirm="Send this email now? Each recipient gets a personalised copy and it is logged in their communication history."><x-icon name="send" :size="16"/> Send now</button>
      </div>
    </div></section>
  </div>

  <section class="panel" id="preview-panel" style="position:sticky;top:84px">
    <div class="panel-head"><h2>Preview</h2><span class="ac-hint">as the first recipient sees it</span></div>
    <div class="panel-body" style="padding-top:6px">
      <iframe class="op-frame" name="preview-frame" title="Email preview" @if($preview) srcdoc="{{ view('admin.comms.preview-frame', ['p' => $preview, 'to' => null, 'count' => null])->render() }}" @endif></iframe>
    </div>
  </section>
</form>
@endsection
@push('scripts')<script src="{{ asset_v('assets/js/ops.js') }}" defer nonce="{{ csp_nonce() }}"></script>@endpush