@extends('Layouts.Application')

@section('MainContent')

<div class="row">
	<div class="col-sm-12">
		<div class="panel panel-default">
			<div class="panel-heading">
				<h6 class="panel-title">Manage role for <strong>{{ $userDetails->full_name }}</strong></h6>
			</div>
			<div class="panel-body">
				@include('Layouts.FormValidationErrors')
				@include('Layouts.ErrorSuccessAndWarninMessages')

				<form class="form-horizontal" method="post" action="{{ route('LoggedIn.User.updateUserRole') }}">
					{!! csrf_field() !!}
					<input type="hidden" name="user_id" value="{{ $userId }}">

					<div class="col-md-4 col-md-offset-4" style="margin-bottom: 15px;">
						<label for="role_id">Select Role</label>
						<select class="form-control" name="role_id[]" id="role_id" multiple>
							<option value="">Choose Role</option>
							@if(!empty($allRoles))
								@foreach ($allRoles as $key => $roles)
									<option value="{{ $roles->role_id }}" {{ in_array($roles->role_id, $userDetails->roles->pluck('role_id')->toArray()) ? 'selected': '' }}>{{ $roles->role_name }}</option>
								@endforeach
							@endif
						</select>
					</div>

					<div class="form-group">
						<div class="col-sm-12">
							<button type="submit" class="btn btn-primary btn-sm btn-block"><i class="fa fa-floppy-o"></i>&nbsp;Update User Role</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>

<script>
$("#role_id").select2();
</script>

@endsection