@extends('layouts.admin')

@section('title', $mode === 'create' ? 'Add Testimonial' : 'Edit Testimonial')
@section('eyebrow', 'Content Modules')
@section('heading', $mode === 'create' ? 'Add Testimonial' : 'Edit Testimonial')

@section('header_actions')
    <div class="flex flex-wrap gap-3">
        <a href="{{ route('admin.testimonials.index') }}" class="lunara-button-secondary">Back to Testimonials</a>
        @if ($mode === 'edit')
            <a href="{{ route('home') }}" target="_blank" class="lunara-button-primary">Preview Home</a>
        @endif
    </div>
@endsection

@section('content')
    <form method="POST" action="{{ $mode === 'create' ? route('admin.testimonials.store') : route('admin.testimonials.update', $testimonial) }}" class="space-y-8">
        @csrf
        @if ($mode === 'edit')
            @method('PUT')
        @endif

        <section class="lunara-card p-7">
            <div class="grid gap-6 md:grid-cols-2">
                <div>
                    <label class="lunara-label" for="author">Author</label>
                    <input id="author" name="author" value="{{ old('author', $testimonial->author) }}" class="lunara-admin-input" required>
                </div>
                <div>
                    <label class="lunara-label" for="slug">Slug</label>
                    <input id="slug" name="slug" value="{{ old('slug', $testimonial->slug) }}" class="lunara-admin-input" placeholder="Auto-generated if blank">
                </div>
                <div>
                    <label class="lunara-label" for="location">Location</label>
                    <input id="location" name="location" value="{{ old('location', $testimonial->location) }}" class="lunara-admin-input" placeholder="Phuket visitor">
                </div>
                <div>
                    <label class="lunara-label" for="rating">Rating</label>
                    <input id="rating" type="number" min="1" max="5" name="rating" value="{{ old('rating', $testimonial->rating) }}" class="lunara-admin-input">
                </div>
                <div>
                    <label class="lunara-label" for="sort_order">Sort order</label>
                    <input id="sort_order" type="number" min="0" name="sort_order" value="{{ old('sort_order', $testimonial->sort_order) }}" class="lunara-admin-input">
                </div>
                <div></div>
                <div class="md:col-span-2">
                    <label class="lunara-label" for="quote">Quote</label>
                    <textarea id="quote" name="quote" class="lunara-admin-textarea min-h-48" required>{{ old('quote', $testimonial->quote) }}</textarea>
                </div>
                <div class="flex items-center gap-3 rounded-2xl border border-white/10 bg-white/5 px-4 py-4">
                    <input type="hidden" name="is_featured" value="0">
                    <input id="is_featured" type="checkbox" name="is_featured" value="1" @checked(old('is_featured', $testimonial->is_featured)) class="h-5 w-5 rounded border-white/20 bg-transparent text-accent focus:ring-accent/20">
                    <label for="is_featured" class="lunara-label">Featured on home</label>
                </div>
                <div class="flex items-center gap-3 rounded-2xl border border-white/10 bg-white/5 px-4 py-4">
                    <input type="hidden" name="is_published" value="0">
                    <input id="is_published" type="checkbox" name="is_published" value="1" @checked(old('is_published', $testimonial->is_published)) class="h-5 w-5 rounded border-white/20 bg-transparent text-accent focus:ring-accent/20">
                    <label for="is_published" class="lunara-label">Published</label>
                </div>
            </div>
        </section>

        <div class="flex flex-wrap gap-3">
            <button type="submit" class="lunara-button-primary">{{ $mode === 'create' ? 'Create Testimonial' : 'Save Testimonial' }}</button>
            <a href="{{ route('admin.testimonials.index') }}" class="lunara-button-secondary">Cancel</a>
        </div>
    </form>
@endsection