@extends('user.layout.master')
@section('content')

@php
	$Roles = $pageData['Roles'];
	$Organisations = $pageData['Organisations'];
@endphp

<div class="content-wrapper">
	<section class="content pt-2">
		<div class="container-fluid">
			<div class="row">
				<div class="col-lg-12">
					<div class="manageOrdTabs">
						@include('user/organisation/header')
						<div id="organisation" class="custom-tabs-page p-10">
							<div class="row">
								<div class="col-md-4">
									<div class="card card-light create-org-form shadow-radius">
										<div class="card-header">
											<h3 class="card-title">Add Role</h3>
										</div>

										<form name="frmrole" id="frmrole" method="post" action="{{ route('save-role') }}">
											@csrf
											<div class="card-body formHeight msteam1">
												<div class="row">
													<div class="col-md-12">
														<div class="form-group">
															<label class="required-field">Select Organization</label>
															<select name="org_id" id="org_id" class="form-control">
																<option value="0" disabled selected >Select Organization</option>
																@if($Organisations != null && count($Organisations) > 0 )
																	@foreach($Organisations as $Organisation)
																		<option value="{{ $Organisation['id'] }}"> {{ $Organisation['organisation_name'] }}</option>																
																	@endforeach
																@endif
															</select>
														</div>
													</div>
													<div class="col-md-12">
														<div class="form-group">
															<label class="required-field">Role Name</label>
															<input type="text" class="form-control" name="role_name" id="role_name" placeholder="Role Name"  />
														</div>
													</div>
												</div>
												<div class="fourbtn-group">
													<button type="submit" class="btn addmore">Save Role</button>
													<button type="button" onClick="window.location.reload();" class="btn cancelbtn">Cancel</button>
												</div>
											</div>
										</form>
									</div>
								</div>
								<div class="col-md-8">
									<div class="tab-content h-100" id="">
										<div class="tab-pane fade show active" id="table-tab-content" role="tabpanel" aria-labelledby="table-tab">
											<div class="">
												<div id="" class="">
													<div class="srchBar m-org-table">
														<!-- Table Filter End -->
														<table id="table" class="table table-bordered dataTable dtr-inline">
															<thead>
																<tr>
																	<th>Sr.No</th>
																	<th>Organization Name</th>
																	<th>Role Type</th>
																	<th class="text-center">Action</th>
																</tr>
															</thead>
															<tbody id="sortable2">
																@if($Roles != null && count($Roles) > 0 )
																	@foreach($Roles as $key => $Role)
																	<tr class="odd">
																		<td class="">{{ $key+1 }}</td>
																		<td>{{  Organisation($Role['org_id'])->organisation_name }} </td>
																		<td>{{ $Role['role_name'] }}</td>
																		<td class="actionTd">
																			<div class="actIcon">
																				<a href="{{ route('update-role',Encrypt($Role['id'])) }}" data-id='{{ $Role['id'] }}' class="tedit-icon updateRole">
																					<img src="{{ asset('img/icons/edit.png') }}" alt="edit">
																				</a>
																				<a href="javascript:void(0)" class="tdelete-icon delrole" data-url="{{ route('delrole',Encrypt($Role['id'])) }}">
																					<img src="{{ asset('img/icons/delete.png') }}" alt="delete">
																				</a>
																			</div>
																		</td>
																	</tr>
																	@endforeach
																@else
																	<tr><td colspan="4">No Records Available</td></tr>
																@endif
															</tbody>
														</table>
													</div>
												</div>
											</div>

										</div>
											
								</div>

							</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
	</div>
</div>
<div class="modal fade modalCustom" id="viewModal">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
		</div>
	</div>
</div>

<div class="modal fade modalCustom" id="editModal">
	<div class="modal-dialog modal-sm">
		<div class="modal-content">
		</div>
	</div>
</div>

@endsection('content')