@extends('layouts.admin')
@section('content')
<p class="hms-kicker">Website content</p>
<h1 class="font-serif text-4xl">Testimonials</h1>
<p class="mt-3 max-w-3xl text-black/60">Testimonials can be saved as drafts or published directly. The only separate requirement retained here is reuse permission: HMS should not publish someone’s testimonial unless permission to reuse it is confirmed.</p>

<form class="mt-6 grid gap-4 rounded-2xl border border-black/10 bg-white p-6 lg:grid-cols-2" method="POST" action="{{ route('admin.testimonials.store') }}">
    @csrf
    <label class="grid gap-2 text-sm font-semibold">Attribution<input class="rounded-xl border border-black/15 px-4 py-3" name="attribution" placeholder="Name or public attribution"></label>
    <label class="grid gap-2 text-sm font-semibold">Source<input class="rounded-xl border border-black/15 px-4 py-3" name="source" placeholder="Where this testimonial came from"></label>
    <label class="grid gap-2 text-sm font-semibold lg:col-span-2">Original wording<textarea class="min-h-28 rounded-xl border border-black/15 px-4 py-3" name="original_wording" required></textarea></label>
    <label class="grid gap-2 text-sm font-semibold lg:col-span-2">Public wording <span class="font-normal text-black/45">Optional; leave blank to use the original wording</span><textarea class="min-h-28 rounded-xl border border-black/15 px-4 py-3" name="public_wording"></textarea></label>
    <label class="grid gap-2 text-sm font-semibold">Reuse permission
        <select class="rounded-xl border border-black/15 px-4 py-3" name="permission_status">
            <option value="unverified">Not confirmed yet</option>
            <option value="requested">Permission requested</option>
            <option value="confirmed">Confirmed — HMS may publish</option>
            <option value="withdrawn">Withdrawn</option>
        </select>
    </label>
    <label class="grid gap-2 text-sm font-semibold">Publishing status
        <select class="rounded-xl border border-black/15 px-4 py-3" name="status">
            <option value="draft">Draft — not public</option>
            <option value="published">Published — visible now</option>
            <option value="archived">Archived — hidden</option>
        </select>
    </label>
    <label class="flex items-center gap-2 text-sm"><input type="checkbox" name="disclaimer_required" value="1"> The configured medical-use disclaimer should accompany this testimonial</label>
    <div class="lg:col-span-2"><button class="hms-button hms-button-primary">Save testimonial</button></div>
</form>

<div class="mt-8 grid gap-4">
    @forelse($testimonials as $testimonial)
        <article class="rounded-2xl border border-black/10 bg-white p-5">
            <div class="flex flex-wrap items-start justify-between gap-3">
                <div><strong>{{ $testimonial->attribution ?: 'Unattributed' }}</strong><p class="mt-1 text-xs text-black/45">{{ $testimonial->source ?: 'No source recorded' }}</p></div>
                <div class="flex gap-2"><span class="rounded-full bg-black/5 px-2 py-1 text-xs">{{ str($testimonial->permission_status)->headline() }}</span><span class="rounded-full {{ $testimonial->status === 'published' ? 'bg-green-50 text-green-800' : 'bg-black/5' }} px-2 py-1 text-xs">{{ str($testimonial->status)->headline() }}</span></div>
            </div>
            <p class="mt-4 whitespace-pre-wrap leading-relaxed">{{ $testimonial->public_wording ?: $testimonial->original_wording }}</p>
        </article>
    @empty
        <p class="rounded-2xl border border-dashed border-black/15 p-6 text-black/45">No testimonials yet.</p>
    @endforelse
</div>
@endsection