<div x-data="{ pkmmodal: $wire.modal_id, isUploading: false, progress: 0 }" class="d-inline-block">
    <?php if(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>
    <?php else: ?>
        <a href="#" class="text-primary" data-toggle="modal" x-bind:data-target="'#'+pkmmodal">
            <i class="mdi mdi-pencil font-size-18"></i>
        </a>
    <?php endif; ?>
    <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">
                        <?php echo e(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 <?php $__errorArgs = ['name'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> parsley-error <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>" :id="'name'+pkmmodal"
                                        placeholder="Enter name..." required>
                                    <?php $__errorArgs = ['user.name'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                        <ul class="parsley-errors-list filled">
                                            <li class="parsley-required"><?php echo e($message); ?></li>
                                        </ul>
                                    <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                                </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 <?php $__errorArgs = ['email'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> parsley-error <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>"
                                        :id="'email'+pkmmodal" placeholder="Enter email..." required>
                                    <?php $__errorArgs = ['user.email'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                        <ul class="parsley-errors-list filled">
                                            <li class="parsley-required"><?php echo e($message); ?></li>
                                        </ul>
                                    <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                                </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 <?php $__errorArgs = ['user.phone'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> parsley-error <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>" :id="'phone'+pkmmodal"
                                        placeholder="Enter phone..." required>
                                    <?php $__errorArgs = ['user.phone'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                        <ul class="parsley-errors-list filled">
                                            <li class="parsley-required"><?php echo e($message); ?></li>
                                        </ul>
                                    <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                                </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 <?php $__errorArgs = ['user.password'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> parsley-error <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>" :id="'password'+pkmmodal"
                                        placeholder="Enter password..." <?php echo e(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>

                                    <?php if(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 <?php $__errorArgs = ['feature_image'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> border-danger <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>" src="<?php echo e($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>
                                    <?php else: ?>   
                                    <!-- Edit -->
                                        <?php if(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 <?php $__errorArgs = ['feature_image'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> border-danger <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>" src="<?php echo e($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>
                                        <?php 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 <?php $__errorArgs = ['update_image'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> border-danger <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>" src="<?php echo e($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>
                                        <?php endif; ?>
                                    <?php endif; ?>
                                </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>
                                <?php $__errorArgs = ['feature_image'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>    
                                <ul class="parsley-errors-list filled">
                                    <li class="parsley-required text-center"><?php echo e($message); ?></li>
                                </ul>
                                <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                                <?php $__errorArgs = ['update_image'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>    
                                <ul class="parsley-errors-list filled">
                                    <li class="parsley-required text-center"><?php echo e($message); ?></li>
                                </ul>
                                <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                            </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>
                        <?php echo e(isset($user->id) ? 'Update' : 'Save'); ?>

                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
<?php /**PATH /var/www/html/phkaynews-v2/resources/views/livewire/admin/partcials/user-form.blade.php ENDPATH**/ ?>