@extends('layouts.admin')

@section('title', 'Edit FAQ')

@section('content')
<div class="container">
    <div class="mb-4">
        <a href="{{ route('admin.faqs.index') }}" class="btn btn-secondary">← Back to FAQs</a>
    </div>

    <h1>Edit FAQ</h1>

    <div class="card">
        <div class="card-body">
            <form action="{{ route('admin.faqs.update', $faq) }}" method="POST">
                @csrf
                @method('PUT')

                <div class="mb-3">
                    <label for="question" class="form-label">Question *</label>
                    <input type="text" class="form-control @error('question') is-invalid @enderror" 
                           id="question" name="question" value="{{ old('question', $faq->question) }}" 
                           placeholder="Enter the question" required maxlength="500">
                    <small class="form-text text-muted">Maximum 500 characters</small>
                    @error('question')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="mb-3">
                    <label for="answer" class="form-label">Answer *</label>
                    <textarea class="form-control @error('answer') is-invalid @enderror" 
                              id="answer" name="answer" rows="8" 
                              placeholder="Enter the answer" required>{{ old('answer', $faq->answer) }}</textarea>
                    @error('answer')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="row">
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="category" class="form-label">Category</label>
                            <input type="text" class="form-control @error('category') is-invalid @enderror" 
                                   id="category" name="category" value="{{ old('category', $faq->category) }}" 
                                   placeholder="e.g., General, Technical, Billing">
                            <small class="form-text text-muted">Optional: Group FAQs by category</small>
                            @error('category')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="order" class="form-label">Order</label>
                            <input type="number" class="form-control @error('order') is-invalid @enderror" 
                                   id="order" name="order" value="{{ old('order', $faq->order) }}" min="0">
                            <small class="form-text text-muted">Lower numbers appear first</small>
                            @error('order')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>

                <div class="mb-3 form-check">
                    <input type="checkbox" class="form-check-input" id="is_active" name="is_active" 
                           value="1" {{ old('is_active', $faq->is_active) ? 'checked' : '' }}>
                    <label class="form-check-label" for="is_active">
                        Active (visible to users)
                    </label>
                </div>

                <button type="submit" class="btn btn-primary">Update FAQ</button>
                <a href="{{ route('admin.faqs.index') }}" class="btn btn-secondary">Cancel</a>
            </form>
        </div>
    </div>
</div>
@endsection