@extends('layouts.admin')

@section('content')
<div class="card admin-card">
    <div class="card-body p-4">
        <div class="admin-toolbar">
            <h1 class="h3 mb-0">{{ $faq->exists ? 'Edit FAQ' : 'Create FAQ' }}</h1>
            @if($faq->exists)
                <form method="post" action="{{ route('admin.faqs.destroy', $faq) }}" onsubmit="return confirm('Delete this FAQ?');">
                    @csrf
                    @method('DELETE')
                    <button class="btn admin-btn admin-btn-danger"><i class="fa-solid fa-trash"></i><span>Delete FAQ</span></button>
                </form>
            @endif
        </div>

        <form method="post" action="{{ $faq->exists ? route('admin.faqs.update', $faq) : route('admin.faqs.store') }}" class="row g-3 admin-form-grid">
            @csrf
            @if($faq->exists)
                @method('PUT')
            @endif

            <div class="col-md-4">
                <label class="form-label" for="faq_category">FAQ category</label>
                <select id="faq_category" name="category" class="form-select">
                    <option value="">Select category</option>
                    @foreach($categories as $category)
                        <option value="{{ $category }}" @selected(old('category', $faq->category) === $category)>{{ $category }}</option>
                    @endforeach
                    @if(old('category', $faq->category) && ! in_array(old('category', $faq->category), $categories, true))
                        <option value="{{ old('category', $faq->category) }}" selected>{{ old('category', $faq->category) }}</option>
                    @endif
                </select>
            </div>
            <div class="col-md-6">
                <label class="form-label" for="question">Question</label>
                <input id="question" name="question" value="{{ old('question', $faq->question) }}" class="form-control">
            </div>
            <div class="col-md-2">
                <label class="form-label" for="sort_order">Sort order</label>
                <input id="sort_order" type="number" name="sort_order" value="{{ old('sort_order', $faq->sort_order) }}" class="form-control">
            </div>
            <div class="col-12">
                <label class="form-label" for="answer">Answer</label>
                <textarea id="answer" name="answer" class="form-control" rows="6">{{ old('answer', $faq->answer) }}</textarea>
            </div>
            <div class="col-md-4">
                <div class="form-check mt-2">
                    <input class="form-check-input" type="checkbox" name="is_published" value="1" id="faq_published" @checked(old('is_published', $faq->exists ? $faq->is_published : true))>
                    <label class="form-check-label" for="faq_published">Published</label>
                </div>
            </div>
            <div class="col-12 d-flex gap-2">
                <button class="btn admin-btn admin-btn-primary"><i class="fa-solid fa-floppy-disk"></i><span>Save FAQ</span></button>
                <a href="{{ route('admin.faqs.index') }}" class="btn admin-btn admin-btn-secondary"><i class="fa-solid fa-arrow-left"></i><span>Back</span></a>
            </div>
        </form>
    </div>
</div>
@endsection