<div>
    <form role="form" wire:submit.prevent="store">
        <div class="card-body">
            <div class="row">
                <div class="col-6">
                    <div class="form-group">
                        <label for="name">نام *</label>
                        <input class="form-control @error('name') is-invalid @enderror" id="name"
                               wire:model.lazy="name" type="text" required>
                        @error('name')
                            <span class="text-danger" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                </div>
                <div class="col-6">
                    <div class="form-group">
                        <label for="slug">اسلاگ *</label>
                        <input class="form-control @error('slug') is-invalid @enderror" id="slug"
                               wire:model.defer="slug" type="text" required>
                        @error('slug')
                            <span class="text-danger" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-6">
                    <div class="form-group">
                        <label for="h1">تگ h1</label>
                        <input class="form-control @error('h1') is-invalid @enderror" id="h1"
                               wire:model.defer="h1" type="text">
                        @error('h1')
                            <span class="text-danger" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                </div>
                <div class="col-6">
                    <div class="form-group">
                        <label for="meta_title">عنوان صفحه</label>
                        <input class="form-control @error('meta_title') is-invalid @enderror" id="meta_title"
                               wire:model.defer="meta_title" type="text">
                        @error('meta_title')
                            <span class="text-danger" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="form-group">
                        <label for="short_description">توضیحات کوتاه</label>
                        <textarea class="form-control @error('short_description') is-invalid @enderror" id="short_description"
                                  wire:model.defer="short_description"></textarea>
                        @error('short_description')
                        <span class="text-danger" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="form-group mb-0" wire:ignore>
                        <label for="description">توضیحات کامل</label>
                        <textarea class="form-control @error('description') is-invalid @enderror tinymce" id="description"
                                  wire:model.defer="description"></textarea>
                    </div>
                    @error('description')
                        <span class="text-danger" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
            </div>
            <div class="row mt-3">
                <div class="col-12">
                    <table class="table table-hover">
                        <thead>
                        <tr>
                            <th>سوال</th>
                            <th>جواب</th>
                            <th>عملیات</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($faq as $index => $f)
                            <tr>
                                <td>
                                    <input type="text" class="form-control @error("faq.$index.question") is-invalid @enderror"
                                           wire:model.defer="faq.{{$index}}.question" required>
                                    @error("faq.$index.question")
                                    <span class="text-danger" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </td>
                                <td>
                                    <input type="text" class="form-control @error("faq.$index.answer") is-invalid @enderror"
                                           wire:model.defer="faq.{{$index}}.answer" required>
                                    @error("faq.$index.answer")
                                    <span class="text-danger" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </td>
                                <td>
                                    <button type="button" class="btn btn-danger btn-sm" wire:click="removeItem({{ $index }})">
                                        <span class="fa fa-trash"></span> حذف
                                    </button>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                        <tfoot>
                        <tr>
                            <td colspan="2"></td>
                            <td>
                                <button type="button" id="add-item" class="btn btn-success btn-sm" wire:click="addItem"><span class="fa fa-plus"></span> افزودن</button>
                            </td>
                        </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>
        <div class="card-footer">
            <button type="submit" class="btn btn-primary">ذخیره</button>
            <a href="{{ route('admin.tags.index') }}" class="btn btn-danger float-left">لغو</a>
        </div>
    </form>
</div>

@push('scripts')
    @include('livewire.admin.partials.tinymce', ['variable' => 'description'])
@endpush