<div>
    <form role="form" wire:submit.prevent="store">
        <div class="card-body">
            <div class="row">
                <div class="col-12">
                    <div class="form-group mb-0" wire:ignore>
                        <label for="category_id">دسته‌بندی *</label>
                        <select class="form-control @error('category_id') is-invalid @enderror" id="category_id"
                                wire:model.defer="category_id" required>
                            <option value=""></option>
                            @foreach($categories as $category)
                                <option value="{{ $category->id }}">{{ $category->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    @error('category_id')
                        <span class="text-danger" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
            </div>
            <div class="row mt-3">
                <div class="col-12">
                    <div class="form-group mb-0" wire:ignore>
                        <label for="question">سوال *</label>
                        <textarea class="form-control tinymce" id="question" wire:model.defer="question"></textarea>
                    </div>
                    @error('question')
                        <span class="text-danger" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
            </div>
            <div class="row mt-3">
                <div class="col-12">
                    <div class="form-group mb-0" wire:ignore>
                        <label for="answer">جواب *</label>
                        <textarea class="form-control tinymce" id="answer" wire:model.defer="answer"></textarea>
                    </div>
                    @error('answer')
                        <span class="text-danger" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
            </div>
            <div class="row mt-3">
                <div class="col-6">
                    <div class="form-group">
                        <label for="sort_order">ترتیب نمایش</label>
                        <input class="form-control @error('sort_order') is-invalid @enderror" id="sort_order"
                               wire:model.defer="sort_order" min="0" max="100" type="number" dir="ltr">
                        @error('sort_order')
                            <span class="text-danger" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                </div>
                <div class="col-6">
                    <div class="form-group">
                        <label for="status">وضعیت *</label>
                        <select class="form-control @error('status') is-invalid @enderror" id="status" required
                                wire:model.defer="status">
                            <option value="1">فعال</option>
                            <option value="0">غیرفعال</option>
                        </select>
                        @error('status')
                            <span class="text-danger" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                </div>
            </div>
        </div>
        <div class="card-footer">
            <button type="submit" class="btn btn-primary">ذخیره</button>
            <a href="{{ route('admin.faqs.index') }}" class="btn btn-danger float-left">لغو</a>
        </div>
    </form>
</div>

@push('scripts')
    @include('livewire.admin.partials.tinymce-by-id', ['variable' => "question", 'id' => "question"])
    @include('livewire.admin.partials.tinymce-by-id', ['variable' => "answer", 'id' => "answer"])
    @include('livewire.admin.partials.select2', ['selectId' => 'category_id', 'selectVar' => 'category_id'])
@endpush