@extends('backend.layouts.master')
@section('title', $faq->exists ? 'Edit FAQ' : 'Add FAQ')
@section('content')
@php $item = $faq; @endphp
<div class="page-content"><div class="container-fluid">
    <div class="page-title-box"><h4 class="mb-0">{{ $item->exists ? 'Edit FAQ' : 'Add FAQ' }}</h4></div>
    @include('backend.partials.alerts')
    <form method="POST" action="{{ $item->exists ? route('admin.faqs.update', $item) : route('admin.faqs.store') }}">
        @csrf
        @if($item->exists) @method('PUT') @endif
        <div class="row">
            <div class="col-xl-8">
                <div class="card"><div class="card-body">
                    <div class="mb-3">
                        <label class="form-label">Question *</label>
                        <input type="text" name="question" class="form-control" value="{{ old('question', $item->question) }}" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Answer</label>
                        <textarea name="answer" class="form-control js-ckeditor" data-height="200" rows="8">{{ old('answer', $item->answer) }}</textarea>
                    </div>
                </div></div>
            </div>
            <div class="col-xl-4">
                <div class="card"><div class="card-body">
                    <div class="mb-3">
                        <label class="form-label">Category</label>
                        <input type="text" name="category" class="form-control" value="{{ old('category', $item->category) }}" placeholder="e.g. Admissions, Finance">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Sort Order</label>
                        <input type="number" name="sort_order" class="form-control" value="{{ old('sort_order', $item->sort_order ?? 0) }}">
                    </div>
                    <div class="form-check mb-3">
                        <input class="form-check-input" type="checkbox" name="status" value="1" id="status" @checked(old('status', $item->status ?? true))>
                        <label class="form-check-label" for="status">Active</label>
                    </div>
                    <button class="btn btn-primary w-100">Save FAQ</button>
                    <a href="{{ route('admin.faqs.index') }}" class="btn btn-light w-100 mt-2">Back</a>
                </div></div>
            </div>
        </div>
    </form>
</div></div>
@endsection
@push('scripts')
<script src="{{ asset('backend/assets/libs/@ckeditor/ckeditor5-build-classic/build/ckeditor.js') }}"></script>
<script src="{{ asset('backend/assets/js/ckeditor-helper.js') }}"></script>
<script>
document.querySelector('form')?.addEventListener('submit', function () {
    if (window.FbaCkEditor) window.FbaCkEditor.syncAll(this);
});
</script>
@endpush