File: //home/armgroup/libs/resources/views/livewire/admin/article/edit.blade.php
<div>
<form role="form" wire:submit.prevent="update">
<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="article.title">عنوان *</label>
<input class="form-control @error('article.title') is-invalid @enderror" id="article.title"
wire:model.defer="article.title" type="text" required>
@error('article.title')
<span class="text-danger" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>
<div class="col-6">
<div class="form-group">
<label for="article.slug">اسلاگ *</label>
<input class="form-control @error('article.slug') is-invalid @enderror" id="article.slug"
wire:model.defer="article.slug" type="text" required>
@error('article.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('article.h1') is-invalid @enderror" id="h1"
wire:model.defer="article.h1" type="text">
@error('article.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($article->image || $image)
@if((!$file_manager_access) && $image)
<a href="{{ $image->temporaryUrl() }}" target="_blank">
<img src="{{ $image->temporaryUrl() }}" width="120" height="90">
</a>
@else
<a href="{{ asset($article->image) }}" target="_blank">
<img src="{{ asset($article->image) }}" style="width: 120px; height: 90px;" class="img-fluid">
</a>
@endif
<a href="#" class="btn btn-sm btn-danger" wire:click.prevent="nullImage"><span class="fa fa-times"></span> حذف</a>
@endif
@error('article.image')
<br>
<span class="text-danger" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
@error('image')
<br>
<span class="text-danger" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>
</div>
<div class="form-group">
<label for="article.description">توضیحات کوتاه *</label>
<textarea class="form-control @error('article.description') is-invalid @enderror" id="article.description"
wire:model.defer="article.description" required></textarea>
@error('article.description')
<span class="text-danger" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<div class="form-group mb-0" wire:ignore>
<label for="article.content">محتوا *</label>
<textarea class="tinymce form-control @error('article.content') is-invalid @enderror" id="article.content"
wire:model.defer="article.content"></textarea>
</div>
@error('article.content')
<span class="text-danger" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
@if($can_change_status)
<div class="form-group mt-3">
<label for="article.status">وضعیت *</label>
<select class="form-control @error('article.status') is-invalid @enderror" id="article.status" required
wire:model.defer="article.status">
<option value="1">فعال</option>
<option value="0">غیرفعال</option>
</select>
@error('article.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' => 'article.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