@csrf
                @if(isset($user))
                @method('PUT')
                @endif
                
                <style>
                    .form-control{
                        display:inline-block;
                    }      
                    label.error{
                        color:red;
                    } 
                    .form-control.error {
                        border-color: #fd397a;
                        padding-right: calc(1.5em + 1.3rem);
                        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fd397a' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23fd397a' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
                        background-repeat: no-repeat;
                        background-position: center right calc(0.375em + 0.325rem);
                        background-size: calc(0.75em + 0.65rem) calc(0.75em + 0.65rem);
                    }
                    .required
                    {
                        color:red;
                    }
                </style>
                <div class="form-group row">
                    <div class="col-lg-6">
                        <label>Name</label><span class="required">*</span><span>:</span>
                        <input type="text" name='name' value='@isset($user->name){{ $user->name }} @endisset' class="form-control"
                        placeholder="Enter Name">
                    </div>
                    <div class="col-lg-6">
                        <label>User Role</label><span class="required">*</span><span>:</span>
                        <div class="kt-input-icon">
                            
                            <select class="form-control" name="role_id">
                            	<option value="">Select Role</option>
                            @foreach ($roles as $role)	
                                <option value='{{ $role->name }}' @if (@isset ($user_role) && $user_role == $role->name) selected @endif>{{ ucfirst($role->name) }}</option>
                            @endforeach    
                            </select>
                        </div>
                    </div>
                </div>
                <div class="form-group row">
                    <div class="col-lg-6">
                        <label class="">Email</label><span class="required">*</span><span>:</span>
                        <input name='email' type="text" class="form-control"
                        placeholder="Enter Email" value='@isset($user->email){{$user->email}}@endisset'>

                    </div>
                    <div class="col-lg-6">
                        <label>Username</label><span class="required">*</span><span>:</span>

                        <input name='user_name' id="user_name"  type="text" class="form-control"
                        placeholder="Enter Username" value='@isset($user->username){{ $user->username  }} @endisset'>

                    </div>
                </div>
                <div class="form-group row">
                    <div class="col-lg-6">
                        <label>Password</label><span class="required"> @if(!isset($user)) * @endif</span><span>:</span>



                        <input type='password' name='password' type="text" class="form-control"
                         @if(!isset($user)) placeholder="Enter Password" @else placeholder="Please leave password empty retain old password" @endif>
                    </div>
                    <div class="col-lg-6">
                            <label>Phone Number</label><span class="required"> @if(!isset($user)) * @endif</span><span>:</span>

                            <input name='phoneno' type="text" class="form-control"
                            placeholder="Enter Phone No" value='@isset($user->phone){{ $user->phone  }}@endisset'>

                        </div>
                </div>
                <div class="form-group row"> 
                    <div class="col-lg-3">
                        <label>Status:</label>

                    </div>
                    <div class="col-lg-3">    
                        <!-- <span class="kt-switch kt-switch--sm">
                            <label>
                                <input type="checkbox" @if (@isset ($user->active) && $user->active == 'Y') checked @endif name="status" value='Y'>
                                <span></span>
                            </label>
                        </span> -->
                        <input type='hidden' id='user_id' name='user_id' value='@if(isset($user)){{$user->id}}@endif' />
                         <input type="hidden" name="status" @if (@isset ($user->status) && $user->status == "0") value="0" @else value="1" @endif />
                          <input type="hidden" name="addoredit" @if (@isset ($user)) value="edit" @else value="add" @endif >
                        <span class="kt-switch kt-switch--sm">
                            <label class="checkbox">
                                <input type="checkbox" @if (@isset ($user->status) && $user->status == '0') value="0" @else checked="checked" value="1" @endif name="status_hidden" onclick="checkValset()" >
                                <span></span>
                            </label>
                        </span> 
                    </div>
                    <div class="col-lg-6">
                            <div class="image-input image-input-outline" id="kt_image_1"> 
                            @if(@isset ($user->profile_pic) && $user->profile_pic !="")                                                                        
                            <div class="image-input-wrapper" style="background-image: url({{ asset('/uploads/users/admin_users/'.$user->profile_pic) }})"></div>
                            @else
                            <div class="image-input-wrapper" style="background-image: url({{ asset('/uploads/users/blank.png') }})"></div>
                            @endif
                            <label class="btn btn-xs btn-icon btn-circle btn-white btn-hover-text-primary btn-shadow" data-action="change" data-toggle="tooltip" title="" data-original-title="Change avatar">
                                <i class="fa fa-pen icon-sm text-muted"></i>
                                <input type="file" name="profile_avatar" accept=".png, .jpg, .jpeg" />
                                <input type="hidden" name="profile_avatar_remove" />
                            </label>
                            <span class="btn btn-xs btn-icon btn-circle btn-white btn-hover-text-primary btn-shadow" data-action="cancel" data-toggle="tooltip" title="Cancel avatar">
                                <i class="ki ki-bold-close icon-xs text-muted"></i>
                            </span>
                            </div>
                    </div>
                </div>