@extends('layouts.admin_layout')
@section('content')
<div class="container-fluid">
    <div class="row column_title">
    <div class="col-md-12">
        <div class="page_title">
            <h2>Manage Users</h2>
        </div>
    </div>
    </div>
     @if(Session::has('success'))
    <p class="alert {{ Session::get('alert-class', 'alert-info') }} alert-dismissible">
    <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>{{ Session::get('success') }}</p>
    @endif
    @if(Session::has('error'))
    <p class="alert {{ Session::get('alert-class', 'alert-danger') }}">{{ Session::get('error') }}</p>
    @endif
    <div class="row">
        <div class="col-md-12">
            <div class="white_shd full margin_bottom_30">
                <div class="full graph_head">
                    <div class="heading1 margin_0">
                    <h2>Edit User</h2>
                    </div>
                </div>
                <div class="padding_infor_info">
                    <form action="{{url('admin/manage-users/'.$user->id)}}" method="POST" enctype="multipart/form-data">
                 @csrf
                {{method_field('PATCH')}}
                {{method_field('PATCH')}}
							<label for="name">Role Name</label>
							<div class=" form-group">
								<select class="form-control show-tick" name="role_id" required="">
									<!-- <option value="">-- Please select --</option> -->
									@foreach($roles as $role)
									@if($role->name == $user->roles[0]['name'])
					                    <option value="{{$role->id}}" selected>{{$role->name}}</option>
									@else
									<option value="{{$role->id}}" >{{$role->name}}</option>
									@endif
					                @endforeach
								</select>
							</div>
							<label for="display_name">Name</label>
							<div class="form-group form-float">
								<div class="form-line">
									<input type="text" name="name" class="form-control"  placeholder="Please Enter Name Here" value="{{$user->name}}" required>
								</div>
							</div>
                            @error('name')
									<div class="alert alert-danger">{{ $message }}</div>
							@enderror
                            
							<!-- <label for="display_name">contact</label>
							<div class="form-group form-float">
								<div class="form-line">
									<input type="text" name="contact" class="form-control"  placeholder="Please Enter Your Contact Here" value="{{$user->contact}}">
								</div>
							</div>
							@error('contact')
									<div class="alert alert-danger">{{ $message }}</div>
							@enderror -->

						<label for="display_name">Email</label>
						<div class="form-group form-float">
							<div class="form-line">
								<input type="text" name="email" class="form-control"  placeholder="Please Enter Your Email Here" value="{{$user->email}}"  required>
							</div>
						</div>
                        @error('email')
									<div class="alert alert-danger">{{ $message }}</div>
							@enderror
                        
                        <label for="display_name">New Password</label>
						<div class="form-group form-float">
							<div class="form-line">
								<input type="password" name="password" class="form-control"   placeholder="Please Enter Password Here">
							</div>
						</div>
                        <label for="display_name">Confirm Password</label>
						<div class="form-group form-float">
							<div class="form-line">
								<input type="password" class="form-control"   name="password_confirmation" autocomplete="new-password" placeholder="Confirm Password">
							</div>
						</div>
						@error('password')
								<div class="alert alert-danger">{{ $message }}</div>
						@enderror
						<div class="mt-3 mb-3">
							<b>Give Permission for sidebar tabs : </b>
							<span class="btn btn-danger btn-sm float-right mr-2" onclick="uncheckAll();">remove All </span>
							<span class="btn btn-primary btn-sm float-right mr-2" onclick="checkAll();">select All </span>
						</div>
						<div class="form-group form-float" id="menuPermissions">
							
						</div>
						
                        <div class="form-group">
                            <button type="submit" class="btn btn-primary">Submit</button>
                            <a href="{{ url('admin/manage-users')}}" class="btn btn-danger">Cancel</a>
                        </div>
						
		        </form>
                </div>
            </div>
        </div>
    </div>
</div>
@if($user->permissions !== null )
<script> var oldData = JSON.parse(`null`);</script>
@else
<script>  var oldData = null; </script>
@endif
<script> 
var empty = "";
empty += '<div class="row">';
console.log('Menus',menuNames);
menuNames.map(function(values){
	empty +='<div class="col-md-4 custom-control  mb-3">';	
	if(oldData !== null ){
		if(oldData.includes(values)){
			empty +='<input type="checkbox" class="" id="" name="menu_name[]" value="'+values+'" checked="true">';
		}else{
			empty +='<input type="checkbox" class="" id="" name="menu_name[]" value="'+values+'">';
		}
	}else{
		empty +='<input type="checkbox" class="" id="" name="menu_name[]" value="'+values+'">';
	}
	empty +='<label class="ml-2">'+values+'</label>';
empty +='</div>';			
});
empty +='</div>';
$('#menuPermissions').html(empty);
</script>
<script>
function checkAll(){
    $("input[type=checkbox]").prop('checked',true);
};

function uncheckAll(){
    $("input[type=checkbox]").prop('checked',false);
};

</script>
@endsection