@extends('layouts.app')
@section('title', ($testimonial->exists ? 'Edit testimonial' : 'Add testimonial').' — InLynq')
@section('heading', 'Testimonials')

@section('content')
<form method="POST" action="{{ $testimonial->exists ? route('testimonials.update', $testimonial) : route('testimonials.store') }}" enctype="multipart/form-data" class="app-narrow">
  @csrf @if($testimonial->exists) @method('PUT') @endif
  <x-iq.page-head :title="$testimonial->exists ? 'Edit testimonial' : 'Add testimonial'" crumb="Testimonials" :crumb-href="route('testimonials.index')" />
  @if ($testimonial->is_verified)
    <div class="iq-banner" style="margin-bottom:16px"><x-iq.icon name="info" /><div><b>Confirmed by {{ $testimonial->name }}.</b> Editing the quote's words removes the confirmation.</div></div>
  @endif
  <div class="iq-card" style="padding:24px"><div class="iq-grid-2">
    <x-iq.field label="Quote" name="content" :counter="mb_strlen((string) $testimonial->content).' / 600'" span help="Under 200 characters reads best."><x-iq.textarea name="content" :value="$testimonial->content" max="600" required /></x-iq.field>
    <x-iq.field label="Name" name="name"><x-iq.input name="name" :value="$testimonial->name" required maxlength="100" /></x-iq.field>
    <x-iq.field label="Role" name="role" optional><x-iq.input name="role" :value="$testimonial->role" placeholder="Head of Growth" /></x-iq.field>
    <x-iq.field label="Company" name="company" optional><x-iq.input name="company" :value="$testimonial->company" /></x-iq.field>
    <x-iq.field label="Source" name="source_url" optional help="Where it was said, e.g. a LinkedIn recommendation."><x-iq.input name="source_url" :value="$testimonial->source_url" /></x-iq.field>
    <div style="grid-column:1/-1"><x-iq.upload name="avatar" shape="avatar" :src="$testimonial->avatar_url" :initials="$testimonial->initials" label="Their photo" help="Optional. Only with their permission." /></div>
    <label class="iq-row" style="gap:12px;font-size:14px;grid-column:1/-1"><x-iq.switch name="is_public" :checked="$testimonial->is_public ?? true" /> Show on my profile</label>
  </div></div>
  <div class="app-formactions" style="border:0"><a class="iq-btn iq-btn-quiet" href="{{ route('testimonials.index') }}">Cancel</a><button class="iq-btn iq-btn-primary">Save testimonial</button></div>
</form>
@endsection