| Path : /var/www/html/phkaynews-v2/resources/views/livewire/admin/partcials/ |
|
B-Con CMD Config cPanel C-Rdp D-Log Info Jump Mass Ransom Symlink vHost Zone-H |
| Current File : /var/www/html/phkaynews-v2/resources/views/livewire/admin/partcials/user-form.blade.php |
<div x-data="{ pkmmodal: $wire.modal_id, isUploading: false, progress: 0 }" class="d-inline-block">
@empty($user->id)
<button type="button" class="btn btn-success btn-rounded waves-effect waves-light mb-2 mr-2" data-toggle="modal"
x-bind:data-target="'#'+pkmmodal">
<i class="mdi mdi-plus mr-1"></i>
Add New
</button>
@else
<a href="#" class="text-primary" data-toggle="modal" x-bind:data-target="'#'+pkmmodal">
<i class="mdi mdi-pencil font-size-18"></i>
</a>
@endempty
<div wire:ignore.self class="modal fade" x-bind:id="pkmmodal" data-backdrop="static" data-keyboard="false"
tabindex="-1" :aria-labelledby="'adervtise-'+pkmmodal" aria-hidden="true">
<div class="modal-dialog modal-xl">
<form wire:submit.prevent="submit" class="modal-content custom-validation" novalidate method="POST"
enctype="multipart/form-data">
<div class="modal-header">
<h5 class="modal-title mt-0" :id="'adervtise-'+pkmmodal">
{{ empty($user->id) ? 'Create' : 'Update' }}
user form</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body text-left">
<div class="row flex-column-reverse flex-md-row">
<div class="col-md-8 align-self-center">
<div class="form-group row mb-4">
<label :for="'name'+pkmmodal" class="col-sm-2 col-form-label">Name<sup
class="text-danger">*</sup></label>
<div class="col-sm-10">
<input type="text" wire:model.defer="user.name"
class="form-control @error('name') parsley-error @enderror" :id="'name'+pkmmodal"
placeholder="Enter name..." required>
@error('user.name')
<ul class="parsley-errors-list filled">
<li class="parsley-required">{{ $message }}</li>
</ul>
@enderror
</div>
</div>
<div class="form-group row mb-4">
<label :for="'email'+pkmmodal" class="col-sm-2 col-form-label">Email<sup
class="text-danger">*</sup></label>
<div class="col-sm-10">
<input type="email" wire:model.defer="user.email" class="form-control @error('email') parsley-error @enderror"
:id="'email'+pkmmodal" placeholder="Enter email..." required>
@error('user.email')
<ul class="parsley-errors-list filled">
<li class="parsley-required">{{ $message }}</li>
</ul>
@enderror
</div>
</div>
<div class="form-group row mb-4">
<label :for="'phone'+pkmmodal" class="col-sm-2 col-form-label">phone<sup
class="text-danger">*</sup></label>
<div class="col-sm-10">
<input type="text" wire:model.defer="user.phone"
class="form-control @error('user.phone') parsley-error @enderror" :id="'phone'+pkmmodal"
placeholder="Enter phone..." required>
@error('user.phone')
<ul class="parsley-errors-list filled">
<li class="parsley-required">{{ $message }}</li>
</ul>
@enderror
</div>
</div>
<div class="form-group row mb-4">
<label :for="'gender'+pkmmodal" class="col-sm-2 col-form-label">Gender</label>
<div class="col-sm-10">
<select wire:model.defer="user.gender" :id="'gender'+pkmmodal" class="form-control">
<option value="M">Male</option>
<option value="F">Female</option>
</select>
</div>
</div>
<div class="form-group row mb-4">
<label :for="'password'+pkmmodal" class="col-sm-2 col-form-label">Password<sup
class="text-danger">*</sup></label>
<div class="col-sm-10">
<input type="password" wire:model.defer="user.password"
class="form-control @error('user.password') parsley-error @enderror" :id="'password'+pkmmodal"
placeholder="Enter password..." {{ empty($user->id)?'required':'' }}>
</div>
</div>
<div class="form-group row mb-0 mb-md-1">
<label :for="'desc'+pkmmodal" class="col-md-2 col-form-label">Description</label>
<div class="col-md-10">
<textarea wire:model.defer="user.desc" class="form-control" :id="'desc'+pkmmodal" rows="5" placeholder="Enter description..."></textarea>
</div>
</div>
</div>
<div class="col-md-4">
<div class="position-relative"
x-on:livewire-upload-start="isUploading = true"
x-on:livewire-upload-finish="isUploading = false;progress= 0"
x-on:livewire-upload-error="isUploading = false;progress= 0"
x-on:livewire-upload-progress="progress = $event.detail.progress"
>
<label class="d-block text-center">Profile<sup class="text-danger">*</sup></label>
<div class="d-flex m-auto">
<div class="spinner-custom waiting-img" wire:loading wire:target="feature_image">
<div class="spinner-border text-info m-1"></div>
</div>
<div class="spinner-custom waiting-img" wire:loading wire:target="update_image">
<div class="spinner-border text-info m-1"></div>
</div>
@empty ($user->id)
<!-- Create -->
<div class="d-flex m-auto">
<label :for="'file'+pkmmodal" class="text-center">
<img class="img-thumbnail img-clickable mw-50 feature-img @error('feature_image') border-danger @enderror" src="{{ $feature_image?$feature_image->temporaryUrl():asset($no_image) }}" alt="No Image"/>
</label>
<input type="file" class="d-none" :id="'file'+pkmmodal" wire:model.defer="feature_image" accept="image/*">
</div>
@else
<!-- Edit -->
@empty($user->feature_image) <!-- None Profile image -->
<div class="d-flex m-auto">
<label :for="'file_'+pkmmodal" class="text-center">
<img class="img-thumbnail img-clickable mw-50 feature-img @error('feature_image') border-danger @enderror" src="{{ $feature_image?$feature_image->temporaryUrl():asset($no_image) }}" alt="No Image"/>
</label>
<input type="file" class="d-none" :id="'file_'+pkmmodal" wire:model.defer="feature_image" accept="image/*">
</div>
@else <!-- Have Profile image -->
<div class="d-flex m-auto">
<label :for="'file_'+pkmmodal" class="text-center">
<img class="img-thumbnail img-clickable mw-50 feature-img @error('update_image') border-danger @enderror" src="{{ $update_image?$update_image->temporaryUrl():asset($old_image) }}" alt="No Image"/>
</label>
<input type="file" class="d-none" :id="'file_'+pkmmodal" wire:model.defer="update_image" accept="image/*">
</div>
@endempty
@endempty
</div>
<div class="progress mb-2" x-show="isUploading">
<div class="progress-bar" role="progressbar" :style="`width: ${progress}%;`" x-bind:aria-valuenow="progress" aria-valuemin="0" aria-valuemax="100" x-text="progress+'%'">50%</div>
</div>
@error('feature_image')
<ul class="parsley-errors-list filled">
<li class="parsley-required text-center">{{$message}}</li>
</ul>
@enderror
@error('update_image')
<ul class="parsley-errors-list filled">
<li class="parsley-required text-center">{{$message}}</li>
</ul>
@enderror
</div>
</div>
</div>
</div>
<div class="modal-footer p-0">
<button type="button" class="btn rounded-pill btn-secondary waves-effect"
data-dismiss="modal">Close</button>
<button type="submit" class="btn rounded-pill btn-success waves-effect waves-light">
<i class="bx bx-check" wire:loading.class="d-none" wire:target="submit"></i>
<i class="bx bx-loader bx-spin" wire:loading wire:target="submit"></i>
{{ isset($user->id) ? 'Update' : 'Save' }}
</button>
</div>
</form>
</div>
</div>
</div>