File: //home/armgroup/libs/resources/views/livewire/admin/category/create.blade.php
<form role="form" wire:submit.prevent="store">
<div class="card-body">
<div class="row">
<div class="col-12 mb-3">
<div class="form-group mb-0" wire:ignore>
<label for="parent_id">دسته والد</label>
<select class="form-control @error('parent_id') is-invalid @enderror" id="parent_id"
wire:model.defer="parent_id">
<option value="">بدون والد</option>
@foreach($categories as $category)
<option value="{{ $category->id }}">{{ $category->name }}</option>
@endforeach
</select>
</div>
@error('parent_id')
<span class="text-danger" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<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 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 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 class="col-12 mb-3">
<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 class="col-6">
<div class="form-group">
<div class="input-group d-inline col-md-2">
<span class="input-group-btn">
<a data-input="thumbnail" data-name="icon" data-preview="holder1" class="lfm btn btn-primary text-white">
<i class="fa fa-picture-o"></i> آیکون
</a>
</span>
</div>
<div id="holder1" class="d-inline col-md-4">
@if($icon)
<a href="{{ asset($icon) }}" target="_blank">
<img src="{{ asset($icon) }}" style="width: 120px; height: 90px;" class="img-fluid">
</a>
<a href="#" class="btn btn-sm btn-danger" wire:click.prevent="$set('icon', null)"><span class="fa fa-times"></span> حذف</a>
@endif
</div>
</div>
</div>
<div class="col-6">
<div class="form-group">
<div class="input-group d-inline col-md-2">
<span class="input-group-btn">
<a data-input="thumbnail" data-name="image" data-preview="holder2" class="lfm btn btn-primary text-white">
<i class="fa fa-picture-o"></i> تصویر
</a>
</span>
</div>
<div id="holder2" class="d-inline col-md-4">
@if($image)
<a href="{{ asset($image) }}" target="_blank">
<img src="{{ asset($image) }}" style="width: 120px; height: 90px;" class="img-fluid">
</a>
<a href="#" class="btn btn-sm btn-danger" wire:click.prevent="$set('image', null)"><span class="fa fa-times"></span> حذف</a>
@endif
</div>
</div>
</div>
<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" type="number" min="0" max="10000">
@error('sort_order')
<span class="text-danger" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>
{{-- @if($type['slug'] == 'product')--}}
{{-- <div class="col-6">--}}
{{-- <div class="form-group">--}}
{{-- <label for="show_in_index">نمایش در صفحه اصلی *</label>--}}
{{-- <select class="form-control @error('show_in_index') is-invalid @enderror" id="show_in_index" required--}}
{{-- wire:model.defer="show_in_index">--}}
{{-- <option value="1">بله</option>--}}
{{-- <option value="0">خیر</option>--}}
{{-- </select>--}}
{{-- @error('show_in_index')--}}
{{-- <span class="text-danger" role="alert">--}}
{{-- <strong>{{ $message }}</strong>--}}
{{-- </span>--}}
{{-- @enderror--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- @endif--}}
<div class="col-6">
<div class="form-group">
<label for="show_in_index">نمایش در صفحه اصلی *</label>
<select class="form-control @error('show_in_index') is-invalid @enderror" id="show_in_index" required
wire:model.defer="show_in_index">
<option value="1">بله</option>
<option value="0">خیر</option>
</select>
@error('show_in_index')
<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>
<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.categories.showCategories', $type['slug']) }}" class="btn btn-danger float-left">لغو</a>
</div>
</form>
@push('scripts')
@include('livewire.admin.partials.tinymce', ['variable' => 'description'])
<script>
var lfm = function(class_name, type, options) {
let buttons = document.getElementsByClassName(class_name);
for(let i = 0; i < buttons.length; i++) {
buttons[i].addEventListener('click', function () {
var route_prefix = (options && options.prefix) ? options.prefix : '/laravel-filemanager';
var target_preview = document.getElementById(buttons[i].getAttribute('data-preview'));
window.open(route_prefix + '?type=' + type || 'file', 'FileManager', 'width=900,height=600');
window.SetUrl = function (items) {
var file_path = items.map(function (item) {
return item.url;
}).join(',');
// set or change the preview image src
items.forEach(function (item) {
target_preview.innerHTML = `<img src="${item.thumb_url}" class="img-fluid">`;
});
// trigger change event
target_preview.dispatchEvent(new Event('change'));
Livewire.emit('imageChanged', file_path, buttons[i].getAttribute('data-name'));
};
});
}
};
lfm('lfm', 'image');
</script>
@include('livewire.admin.partials.select2', ['selectId' => 'parent_id', 'selectVar' => 'parent_id'])
@endpush