File: //home/armgroup/libs/resources/views/livewire/admin/article/create.blade.php
<div>
<form role="form" wire:submit.prevent="store">
<div class="card-body">
<div class="row">
<div class="col-6">
<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" multiple>
@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 class="col-6">
<div class="form-group mb-0" wire:ignore>
<label for="product_category_id">دستهبندی محصولات مرتبط</label>
<select class="form-control @error('product_category_id') is-invalid @enderror" id="product_category_id"
wire:model.defer="product_category_id" multiple>
@foreach($productCategories as $category)
<option value="{{ $category->id }}">{{ $category->name }}</option>
@endforeach
</select>
</div>
@error('product_category_id')
<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="title">عنوان *</label>
<input class="form-control @error('title') is-invalid @enderror" id="title"
wire:model.lazy="title" type="text" required>
@error('title')
<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-12">
<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>
<div class="row">
<div class="form-group">
@if($file_manager_access)
<div class="input-group d-inline col-md-2">
<span class="input-group-btn">
<a data-input="thumbnail" data-preview="holder" id="lfm" class="btn btn-primary text-white">
<i class="fa fa-picture-o"></i> تصویر شاخص
</a>
</span>
</div>
@else
<div class="input-group d-inline col-md-2">
<label class="input-group-btn" for="image">
<a class="btn btn-primary text-white">
<i class="fa fa-picture-o"></i> انتخاب
</a>
</label>
<input type="file" class="d-none" id="image" wire:model="image" accept="image/*">
</div>
@endif
<div id="holder" class="d-inline col-md-4">
@if($image)
@if($file_manager_access)
<a href="{{ asset($image) }}" target="_blank">
<img src="{{ asset($image) }}" style="width: 120px; height: 90px;" class="img-fluid">
</a>
@else
<a href="{{ $image->temporaryUrl() }}" target="_blank">
<img src="{{ $image->temporaryUrl() }}" width="120" height="90">
</a>
@endif
<a href="#" class="btn btn-sm btn-danger" wire:click.prevent="$set('image', null)"><span class="fa fa-times"></span> حذف</a>
@endif
@error('image')
<br>
<span class="text-danger" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>
</div>
<div class="form-group">
<label for="description">توضیحات کوتاه *</label>
<textarea class="form-control @error('description') is-invalid @enderror" id="description"
wire:model.defer="description" required></textarea>
@error('description')
<span class="text-danger" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<div class="form-group mb-0" wire:ignore>
<label for="content">محتوا *</label>
<textarea class="form-control @error('content') is-invalid @enderror tinymce" id="content"
wire:model.defer="content"></textarea>
</div>
@error('content')
<span class="text-danger" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
@if($can_change_status)
<div class="form-group mt-3">
<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>
@endif
<hr>
<h4 class="text-center mb-1 mt-4" style="color: #2c3e50; text-decoration: underline;"><span class="fa fa-question"></span>سوالات متداول</h4>
<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 class="card-footer">
<button type="submit" class="btn btn-primary">ذخیره</button>
<a href="{{ route('admin.articles.index') }}" class="btn btn-danger float-left">لغو</a>
</div>
</form>
</div>
@push('scripts')
@includeWhen($file_manager_access, 'livewire.admin.partials.lfm')
@include('livewire.admin.partials.tinymce', ['variable' => 'content'])
@include('livewire.admin.partials.select2', ['selectId' => 'category_id', 'selectVar' => 'category_id'])
@include('livewire.admin.partials.select2', ['selectId' => 'product_category_id', 'selectVar' => 'product_category_id'])
@endpush