@extends('layouts.master')

@section('content')
<div class="container-xxl">

    <x-breadcrumb listRoute="{{ route('admin.faqs.index') }}" model="Faq" item="Create"></x-breadcrumb>

    <div class="card">
        <div class="card-body">

            <x-form.wrapper action="{{ route('admin.faqs.store') }}" method="POST" enctype="multipart/form-data">
                <x-form.input type="text" :req="true" label="Question" id="question" name="question"
                    value="{{ old('question') }}" />

                <x-form.select label="Faq Category" :req="true" :options="$faqCategories" name="category_id">
                </x-form.select>
                <x-form.textarea label="Answer" isEditor="true" :req="true" id="answer" name="answer"
                    value="{!! old('answer') !!}" rows="5" cols="5" />
                <br />
                <x-form.checkbox label="Status" id="status" name="status" value="1" class="form-check-input" />
                <x-form.button class="btn btn-sm btn-dark" type="submit"><i class='bx bx-save bx-xs'></i>
                    Save</x-form.button>
            </x-form.wrapper>

        </div>
    </div>
</div>
@endsection

@push('custom_js')
@include('_helpers.ck_editor')
@include('_helpers.ajax_form')
@endpush