@extends('layouts.admin')
@section('title', $testimonial->exists ? 'Modifier le témoignage' : 'Nouveau témoignage')
@section('page_title', $testimonial->exists ? 'Modifier le témoignage' : 'Nouveau témoignage')

@section('content')

<form method="POST" action="{{ $testimonial->exists ? route('admin.temoignages.update', $testimonial) : route('admin.temoignages.store') }}"
      enctype="multipart/form-data" class="bg-white rounded-2xl border border-gray-100 p-6 sm:p-8 space-y-5 max-w-xl">
    @csrf
    @if($testimonial->exists) @method('PUT') @endif

    @if($errors->any())
        <div class="bg-rose-50 border border-rose-200 text-rose-700 text-sm font-semibold px-4 py-3 rounded-xl">
            <ul class="list-disc list-inside space-y-0.5">@foreach($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul>
        </div>
    @endif

    <div class="grid sm:grid-cols-2 gap-5">
        <div>
            <label class="block text-sm font-bold text-navy-dark mb-1.5">Nom du client *</label>
            <input type="text" name="client_name" required value="{{ old('client_name', $testimonial->client_name) }}"
                   class="w-full px-4 py-3 rounded-xl border border-gray-200 text-sm focus:outline-none focus:ring-2 focus:ring-gold">
        </div>
        <div>
            <label class="block text-sm font-bold text-navy-dark mb-1.5">Fonction / entreprise</label>
            <input type="text" name="client_role" value="{{ old('client_role', $testimonial->client_role) }}"
                   class="w-full px-4 py-3 rounded-xl border border-gray-200 text-sm focus:outline-none focus:ring-2 focus:ring-gold">
        </div>
    </div>

    <div>
        <label class="block text-sm font-bold text-navy-dark mb-1.5">Témoignage *</label>
        <textarea name="quote" required rows="4" maxlength="1000"
                  class="w-full px-4 py-3 rounded-xl border border-gray-200 text-sm focus:outline-none focus:ring-2 focus:ring-gold">{{ old('quote', $testimonial->quote) }}</textarea>
    </div>

    <div>
        <label class="block text-sm font-bold text-navy-dark mb-1.5">Note (1 à 5)</label>
        <select name="rating" class="w-full px-4 py-3 rounded-xl border border-gray-200 text-sm focus:outline-none focus:ring-2 focus:ring-gold">
            @for($i = 5; $i >= 1; $i--)
                <option value="{{ $i }}" {{ old('rating', $testimonial->rating ?: 5) == $i ? 'selected' : '' }}>{{ $i }} étoile{{ $i > 1 ? 's' : '' }}</option>
            @endfor
        </select>
    </div>

    <div>
        <label class="block text-sm font-bold text-navy-dark mb-1.5">Photo du client</label>
        @if($testimonial->client_photo)
            <img src="{{ Storage::url($testimonial->client_photo) }}" class="w-16 h-16 object-cover rounded-full mb-2">
        @endif
        <input type="file" name="client_photo" accept="image/*"
               class="w-full text-sm border border-gray-200 rounded-xl px-3 py-2.5 file:mr-3 file:py-1.5 file:px-3 file:rounded-lg file:border-0 file:bg-navy file:text-white file:text-xs file:font-bold">
    </div>

    <label class="flex items-center gap-2 text-sm font-bold text-navy-dark">
        <input type="checkbox" name="is_published" value="1" {{ old('is_published', $testimonial->is_published) ? 'checked' : '' }}
               class="rounded border-gray-300 text-gold focus:ring-gold">
        Publié (visible sur le site)
    </label>

    <div class="flex items-center gap-3 pt-2">
        <button type="submit" class="btn-gold text-navy-dark font-display font-bold px-6 py-3 rounded-xl shadow-md hover:brightness-105 transition-all">
            {{ $testimonial->exists ? 'Enregistrer' : 'Ajouter le témoignage' }}
        </button>
        <a href="{{ route('admin.temoignages.index') }}" class="text-sm font-bold text-gray-400 hover:text-navy-dark">Annuler</a>
    </div>
</form>

@endsection