@extends('layouts.app')

@section('content')
<div class="content-page">
	<div class="content">

		<!-- Start Content-->
		<div class="container-fluid">

			<div class="row">
				<div class="col-12">
					<div class="page-title-box">
						<h4 class="page-title">Users</h4>
						<ol class="breadcrumb m-0">
							<li class="breadcrumb-item">
								Users
							</li>
							<li class="breadcrumb-item active">
								User Type Permissions
							</li>
						</ol>
					</div>
				</div>
			</div>
			<!-- end page title -->

			<div class="row">
				<div class="col-12">
					<div class="card">
						<div class="card-body">
							
							<div class="row">
								<div class="col-4">
									<div class="input-group mb-3">
										<select class="form-control userRoleSelectBox">
											<option value="">-- Choose --</option>
											<option <br />
<b>Warning</b>:  Undefined variable $role in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/users/role_permissions.blade.php</b> on line <b>37</b><br />
 value="Admin">Admin</option>
											<option <br />
<b>Warning</b>:  Undefined variable $role in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/users/role_permissions.blade.php</b> on line <b>38</b><br />
 value="Uploader">Uploader</option>
											<option <br />
<b>Warning</b>:  Undefined variable $role in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/users/role_permissions.blade.php</b> on line <b>39</b><br />
 value="Seller">Seller</option>
										</select>
										<div class="input-group-append">
											<button class="btn btn-secondary fetchPermissions" type="button" id="button-addon2">
												<i class="fa fa-search"></i>
												Get Permissions
											</button>
										</div>
									</div>
								</div>
								<div class="col-12">
									<div class="row">
																					<div class="col-6">
												<div class="alert alert-info">
													<i class="fa fa-info-circle"></i>
													Choose User Role to display the permissions...
												</div>
											</div>
																			</div>
									
								</div>
							</div>
							<pre>
															</pre>							
							<script>
								$(function(){
									$(document).on('click','.fetchPermissions',function(){
										var userRole = $('.userRoleSelectBox').val();
										document.location.href="{{route('rolePermissions')}}/"+userRole;
									});
								});
							</script>
						</div>
						<!-- end card-body-->
					</div>
					<!-- end card-->
				</div>
				<!-- end col -->

			</div>

		</div>
		<!-- container -->

	</div>
	<!-- content -->

</div>

@endsection