@php
  $editId = (int) request('edit');
  $row = $editId ? $faqs->firstWhere('id', $editId) : null;
  $open = $row || request()->has('new') || $errors->any();
  $live = $faqs->where('published', true)->count();
  $contexts = $faqs->pluck('context')->filter()->unique()->sort()->values();
  $groups = $faqs->groupBy(fn ($f) => $f->context ?: 'general');
@endphp

@if($open)
<form method="post" action="{{ route('admin.content.faqs.save') }}" id="editor" class="b2-editor" novalidate>
  @csrf
  <input type="hidden" name="id" value="{{ old('id', $row?->id) }}">
  <div class="panel">
    <div class="panel-head"><h2>{{ $row ? 'Edit FAQ' : 'New FAQ' }}</h2><a class="btn btn-ghost btn-sm" href="{{ route('admin.content.index', ['tab' => 'faqs']) }}">Cancel</a></div>
    <div class="panel-body">
      <x-field name="question" id="fq-q" label="Question" :value="$row?->question" required help="Write it the way a learner would ask it."/>
      <div class="field">
        <label class="label" for="fq-a">Answer <span class="req">*</span></label>
        <textarea class="textarea @error('answer') is-invalid @enderror" id="fq-a" name="answer" rows="5" maxlength="3000" required data-counter="3000">{{ old('answer', $row?->answer) }}</textarea>
        <div class="help b2-help-row"><span>Answer directly in the first sentence, then add detail. Plain text only.</span><span class="mono" data-counter-out></span></div>
        @error('answer')<div class="field-error">{{ $message }}</div>@enderror
      </div>
      <div class="form-grid">
        <div class="field">
          <label class="label" for="fq-ctx">Category</label>
          <input class="input @error('context') is-invalid @enderror" id="fq-ctx" name="context" value="{{ old('context', $row?->context) }}" maxlength="40" list="fq-ctx-list" placeholder="e.g. Admissions">
          <datalist id="fq-ctx-list">@foreach($contexts as $c)<option value="{{ $c }}">@endforeach</datalist>
          <div class="help">Questions are grouped by category on the FAQ page. Empty becomes “general”.</div>
          @error('context')<div class="field-error">{{ $message }}</div>@enderror
        </div>
        <x-field name="sort_order" id="fq-sort" type="number" label="Display order" :value="$row?->sort_order ?? 0" min="0" max="9999" help="Lower numbers come first within a category."/>
      </div>
      <div class="field">
        <input type="hidden" name="published" value="0">
        <label class="check"><input type="checkbox" name="published" value="1" @checked(old('published', $row ? $row->published : true))> <span><b>Published</b> — visible on the FAQ page</span></label>
      </div>
      <div class="row" style="justify-content:flex-end"><button class="btn btn-primary" type="submit"><x-icon name="check" :size="16"/> Save FAQ</button></div>
    </div>
  </div>
</form>
@endif

<div class="panel">
  <div class="panel-head">
    <div><h2>Frequently asked questions</h2><div class="xs muted">{{ $faqs->count() }} total · {{ $live }} published · also feeds the FAQPage structured data used by search and AI answers</div></div>
    @unless($open)<a class="btn btn-primary btn-sm" href="{{ route('admin.content.index', ['tab' => 'faqs', 'new' => 1]) }}#editor"><x-icon name="plus" :size="16"/> New FAQ</a>@endunless
  </div>
  @if($faqs->isEmpty())
    <x-empty icon="help" title="No FAQs yet" text="Add the questions counsellors answer most often."><a class="btn btn-primary btn-sm" href="{{ route('admin.content.index', ['tab' => 'faqs', 'new' => 1]) }}#editor">Add the first FAQ</a></x-empty>
  @else
  <div class="table-wrap b2-flush">
    <table class="table ad-table b2-cms">
      <thead><tr><th>Question</th><th>Category</th><th class="num">Order</th><th>Status</th><th class="actions">Actions</th></tr></thead>
      <tbody>
      @foreach($groups as $ctx => $items)
        @foreach($items as $f)
        <tr>
          <td class="b2-faq-q"><a class="b2-title" href="{{ route('admin.content.index', ['tab' => 'faqs', 'edit' => $f->id]) }}#editor">{{ $f->question }}</a><span class="b2-sub">{{ \Illuminate\Support\Str::limit($f->answer, 110) }}</span></td>
          <td class="nowrap">{{ $ctx }}</td>
          <td class="num">{{ $f->sort_order }}</td>
          <td><x-pill :status="$f->published ? 'published' : 'draft'"/></td>
          <td class="actions">
            <div class="ad-actions">
              <form method="post" action="{{ route('admin.content.toggle', ['type' => 'faqs', 'id' => $f->id]) }}">@csrf<button class="btn btn-secondary btn-sm" type="submit">{{ $f->published ? 'Unpublish' : 'Publish' }}</button></form>
              <a class="icon-btn" href="{{ route('admin.content.index', ['tab' => 'faqs', 'edit' => $f->id]) }}#editor" aria-label="Edit FAQ: {{ $f->question }}" title="Edit"><x-icon name="edit" :size="16"/></a>
              <form method="post" action="{{ route('admin.content.faqs.delete', $f) }}" data-confirm="Delete this FAQ?">@csrf @method('DELETE')<button class="icon-btn" type="submit" aria-label="Delete FAQ: {{ $f->question }}" title="Delete"><x-icon name="trash" :size="16"/></button></form>
            </div>
          </td>
        </tr>
        @endforeach
      @endforeach
      </tbody>
    </table>
  </div>
  @endif
</div>