@extends('admin.layouts.app')

@section('title', isset($testimonial) ? 'Edit Testimonial' : 'Add Testimonial')

@section('content')
    <div class="max-w-2xl">
        <a href="{{ route('admin.testimonials.index') }}"
            class="text-gray-500 hover:text-gray-700 text-sm mb-4 inline-flex items-center gap-1">
            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
            </svg>
            Back to Testimonials
        </a>

        <div class="bg-white rounded-xl shadow-sm p-6">
            <h2 class="text-xl font-bold text-gray-900 mb-6">
                {{ isset($testimonial) ? 'Edit Testimonial' : 'Add New Testimonial' }}</h2>

            <form
                action="{{ isset($testimonial) ? route('admin.testimonials.update', $testimonial) : route('admin.testimonials.store') }}"
                method="POST">
                @csrf
                @if (isset($testimonial))
                    @method('PUT')
                @endif

                <div class="space-y-4">
                    <div class="grid grid-cols-2 gap-4">
                        <div>
                            <label class="form-label">Customer Name *</label>
                            <input type="text" name="name" value="{{ old('name', $testimonial->name ?? '') }}"
                                required class="form-input">
                        </div>
                        <div>
                            <label class="form-label">Location</label>
                            <input type="text" name="location"
                                value="{{ old('location', $testimonial->location ?? '') }}" class="form-input"
                                placeholder="e.g., Lanka, Varanasi">
                        </div>
                    </div>

                    <div>
                        <label class="form-label">Testimonial Content *</label>
                        <textarea name="content" rows="4" required class="form-textarea">{{ old('content', $testimonial->content ?? '') }}</textarea>
                    </div>

                    <div>
                        <label class="form-label">Rating *</label>
                        <select name="rating" required class="form-select">
                            @for ($i = 5; $i >= 1; $i--)
                                <option value="{{ $i }}"
                                    {{ old('rating', $testimonial->rating ?? 5) == $i ? 'selected' : '' }}>
                                    {{ $i }} Star{{ $i > 1 ? 's' : '' }}</option>
                            @endfor
                        </select>
                    </div>

                    <div class="flex gap-6">
                        <label class="flex items-center gap-2">
                            <input type="hidden" name="is_featured" value="0">
                            <input type="checkbox" name="is_featured" value="1"
                                {{ old('is_featured', $testimonial->is_featured ?? false) ? 'checked' : '' }}
                                class="w-4 h-4 rounded">
                            <span>Featured</span>
                        </label>

                        <label class="flex items-center gap-2">
                            <input type="hidden" name="is_active" value="0">
                            <input type="checkbox" name="is_active" value="1"
                                {{ old('is_active', $testimonial->is_active ?? true) ? 'checked' : '' }}
                                class="w-4 h-4 rounded">
                            <span>Active</span>
                        </label>
                    </div>
                </div>

                <div class="mt-6 flex gap-4">
                    <button type="submit" class="btn btn-primary">{{ isset($testimonial) ? 'Update' : 'Create' }}
                        Testimonial</button>
                    <a href="{{ route('admin.testimonials.index') }}" class="btn btn-outline">Cancel</a>
                </div>
            </form>
        </div>
    </div>
@endsection