@php
  $editId = (int) request('edit');
  $row = $editId ? $testimonials->firstWhere('id', $editId) : null;
  $open = $row || request()->has('new') || $errors->any();
  $live = $testimonials->where('published', true)->count();
@endphp

<div class="callout warn mb-3" role="note">
  <x-icon name="alert" :size="20"/>
  <div><b>Only publish real feedback.</b> Add a testimonial only when the learner has agreed to be quoted by name. Do not invent or edit quotes. Published testimonials appear on the home page, at most three at a time, in the order below.</div>
</div>

@if($open)
<form method="post" action="{{ route('admin.content.testimonials.save') }}" enctype="multipart/form-data" 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 testimonial' : 'New testimonial' }}</h2><a class="btn btn-ghost btn-sm" href="{{ route('admin.content.index', ['tab' => 'testimonials']) }}">Cancel</a></div>
    <div class="panel-body">
      <div class="form-grid">
        <x-field name="name" id="ts-name" label="Learner name" :value="$row?->name" required/>
        <x-field name="role" id="ts-role" label="Job title" :value="$row?->role" placeholder="e.g. Cloud Support Engineer"/>
        <x-field name="company" id="ts-co" label="Company" :value="$row?->company" placeholder="Optional"/>
        <x-field name="course_id" id="ts-course" type="select" label="Course taken" :options="$courses->pluck('title', 'id')->all()" :value="$row?->course_id" blank="Not linked to a course"/>
        <div class="field full">
          <label class="label" for="ts-quote">Quote <span class="req">*</span></label>
          <textarea class="textarea @error('quote') is-invalid @enderror" id="ts-quote" name="quote" rows="4" maxlength="800" required data-counter="800">{{ old('quote', $row?->quote) }}</textarea>
          <div class="help b2-help-row"><span>The learner's own words, as they gave them.</span><span class="mono" data-counter-out></span></div>
          @error('quote')<div class="field-error">{{ $message }}</div>@enderror
        </div>
        <div class="field">
          <label class="label" for="ts-photo">Photo</label>
          <input class="input @error('photo') is-invalid @enderror" id="ts-photo" type="file" name="photo" accept="image/jpeg,image/png,image/webp">
          <div class="help">Optional. Square JPG, PNG or WebP up to 2 MB{{ $row?->photo_path ? '. Choose a file to replace the current photo.' : '.' }}</div>
          @error('photo')<div class="field-error">{{ $message }}</div>@enderror
        </div>
        <x-field name="sort_order" id="ts-sort" type="number" label="Display order" :value="$row?->sort_order ?? 0" min="0" max="9999" help="Lower numbers are shown first."/>
        <div class="field full">
          <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 website</span></label>
        </div>
      </div>
      <div class="row" style="justify-content:flex-end"><button class="btn btn-primary" type="submit"><x-icon name="check" :size="16"/> Save testimonial</button></div>
    </div>
  </div>
</form>
@endif

<div class="panel">
  <div class="panel-head">
    <div><h2>Testimonials</h2><div class="xs muted">{{ $testimonials->count() }} total · {{ $live }} published</div></div>
    @unless($open)<a class="btn btn-primary btn-sm" href="{{ route('admin.content.index', ['tab' => 'testimonials', 'new' => 1]) }}#editor"><x-icon name="plus" :size="16"/> New testimonial</a>@endunless
  </div>
  @if($testimonials->isEmpty())
    <x-empty icon="quote" title="No testimonials yet" text="Add feedback from graduates who agreed to be quoted."><a class="btn btn-primary btn-sm" href="{{ route('admin.content.index', ['tab' => 'testimonials', 'new' => 1]) }}#editor">Add a testimonial</a></x-empty>
  @else
  <div class="table-wrap b2-flush">
    <table class="table ad-table b2-cms">
      <thead><tr><th>Learner</th><th>Quote</th><th>Course</th><th class="num">Order</th><th>Status</th><th class="actions">Actions</th></tr></thead>
      <tbody>
      @foreach($testimonials as $t)
        @php $course = $courses->firstWhere('id', $t->course_id); @endphp
        <tr>
          <td><a class="b2-title" href="{{ route('admin.content.index', ['tab' => 'testimonials', 'edit' => $t->id]) }}#editor">{{ $t->name }}</a><span class="b2-sub">{{ collect([$t->role, $t->company])->filter()->implode(' · ') ?: 'No job title' }}</span></td>
          <td class="b2-quote">{{ \Illuminate\Support\Str::limit($t->quote, 110) }}</td>
          <td class="small">{{ $course?->title ?: '—' }}</td>
          <td class="num">{{ $t->sort_order }}</td>
          <td><x-pill :status="$t->published ? 'published' : 'draft'"/></td>
          <td class="actions">
            <div class="ad-actions">
              <form method="post" action="{{ route('admin.content.toggle', ['type' => 'testimonials', 'id' => $t->id]) }}">@csrf<button class="btn btn-secondary btn-sm" type="submit">{{ $t->published ? 'Unpublish' : 'Publish' }}</button></form>
              <a class="icon-btn" href="{{ route('admin.content.index', ['tab' => 'testimonials', 'edit' => $t->id]) }}#editor" aria-label="Edit testimonial by {{ $t->name }}" title="Edit"><x-icon name="edit" :size="16"/></a>
              <form method="post" action="{{ route('admin.content.testimonials.delete', $t) }}" data-confirm="Delete the testimonial by {{ $t->name }}?">@csrf @method('DELETE')<button class="icon-btn" type="submit" aria-label="Delete testimonial by {{ $t->name }}" title="Delete"><x-icon name="trash" :size="16"/></button></form>
            </div>
          </td>
        </tr>
      @endforeach
      </tbody>
    </table>
  </div>
  @endif
</div>