@extends('admin.layout')

@section('title', isset($testimonial) ? 'Edit Testimonial' : 'Create Testimonial')
@section('page-title', isset($testimonial) ? 'Edit Testimonial' : 'Create Testimonial')
@section('page-subtitle', isset($testimonial) ? 'Update testimonial details' : 'Add a new testimonial')

@section('content')
<div class="card" style="max-width:900px">
    <form action="{{ isset($testimonial) ? route('admin.testimonials.update', $testimonial->id) : route('admin.testimonials.store') }}" method="POST">
        @csrf
        @if(isset($testimonial))
            @method('PUT')
        @endif

        <div class="form">
            <div class="form-row">
                <div class="form-group">
                    <label>Client Name *</label>
                    <input type="text" name="client_name" value="{{ old('client_name', $testimonial->client_name ?? '') }}" required placeholder="Enter client name">
                    @error('client_name')
                        <small style="color:#dc2626">{{ $message }}</small>
                    @enderror
                </div>

                <div class="form-group">
                    <label>Client Title/Position</label>
                    <input type="text" name="client_title" value="{{ old('client_title', $testimonial->client_title ?? '') }}" placeholder="e.g., CEO, Marketing Director">
                    @error('client_title')
                        <small style="color:#dc2626">{{ $message }}</small>
                    @enderror
                </div>
            </div>

            <div class="form-group">
                <label>Testimonial Text *</label>
                <textarea name="description" rows="6" required placeholder="Enter the client's testimonial...">{{ old('description', $testimonial->description ?? '') }}</textarea>
                @error('description')
                    <small style="color:#dc2626">{{ $message }}</small>
                @enderror
            </div>

            <div class="form-group">
                <label>Rating</label>
                <select name="rating">
                    <option value="5" {{ old('rating', $testimonial->rating ?? 5) == 5 ? 'selected' : '' }}>⭐⭐⭐⭐⭐ (5 stars)</option>
                    <option value="4" {{ old('rating', $testimonial->rating ?? 5) == 4 ? 'selected' : '' }}>⭐⭐⭐⭐ (4 stars)</option>
                    <option value="3" {{ old('rating', $testimonial->rating ?? 5) == 3 ? 'selected' : '' }}>⭐⭐⭐ (3 stars)</option>
                    <option value="2" {{ old('rating', $testimonial->rating ?? 5) == 2 ? 'selected' : '' }}>⭐⭐ (2 stars)</option>
                    <option value="1" {{ old('rating', $testimonial->rating ?? 5) == 1 ? 'selected' : '' }}>⭐ (1 star)</option>
                </select>
                @error('rating')
                    <small style="color:#dc2626">{{ $message }}</small>
                @enderror
            </div>

            <div class="form-group">
                <label style="display:flex;align-items:center;gap:8px;cursor:pointer">
                    <input type="checkbox" name="is_active" value="1" {{ old('is_active', $testimonial->is_active ?? true) ? 'checked' : '' }}>
                    <span>Active (display on website)</span>
                </label>
            </div>

            <div class="form-actions">
                <a href="{{ route('admin.testimonials.index') }}" class="ghost" style="text-decoration:none;padding:11px 15px">Cancel</a>
                <button type="submit" class="primary">{{ isset($testimonial) ? 'Update Testimonial' : 'Create Testimonial' }}</button>
                @if(isset($testimonial))
                    <button type="button" class="btn-danger" onclick="if(confirm('Delete this testimonial?')) document.getElementById('delete-form').submit()">Delete</button>
                @endif
            </div>
        </div>
    </form>

    @if(isset($testimonial))
    <form id="delete-form" action="{{ route('admin.testimonials.destroy', $testimonial->id) }}" method="POST" style="display:none">
        @csrf
        @method('DELETE')
    </form>
    @endif
</div>
@endsection