@extends('callcenter.layout.default')

@section('content')

<div class="m-grid__item m-grid__item--fluid m-wrapper">
	<!-- BEGIN: Subheader -->
	<div class="m-subheader ">
		<div class="d-flex align-items-center">
			<div class="mr-auto">
				<h3 class="m-subheader__title ">
					Update Role
				</h3>
			</div>
		</div>
	</div>
	<!-- END: Subheader -->
	<div class="m-content">
		<!--Begin::Section-->
		<div class="row">
			<div class="col-lg-12">
				<div class="m-portlet">
					@if (session()->has('error'))
					<div class="m-alert m-alert--icon alert alert-danger" role="alert">
						<div class="m-alert__icon">
							<i class="la la-warning"></i>
						</div>
						<div class="m-alert__text">
							{!! session()->get('error') !!}
						</div>
						<div class="m-alert__close">
							<button type="button" class="close" data-close="alert" aria-label="Close"></button>
						</div>
					</div>
					@endif
					<div class="m-portlet__body">
						<ul class="nav nav-tabs" role="tablist">
							<li class="nav-item">
								<a class="nav-link active show" data-toggle="tab" href="#tab-1">
									<strong>Basic Details</strong>
								</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" data-toggle="tab" href="#tab-2">
									<strong>Module Assignment</strong>
								</a>
							</li>
						</ul>
						<div class="tab-content">
							<div class="tab-pane active" id="tab-1" role="tabpanel">
								<form method="post" action="{{ route('assign_role_modules') }}">
									<input type="hidden" name="_token" value="{{ Session::token() }}">
									<input type="hidden" name="role_id" value="{{ $role->id }}">
									<input type="hidden" name="update_basic_info" value="yes">
									<div class="m-form__section m-form__section--first">
										<div class="row">
											<div class="col-sm-6">
												<div class="form-group m-form__group">
													<label for="example_input_first_name">Title</label>
													<input type="text" class="form-control m-input" name="role_name" value="{{ $role->role_title }}" placeholder="Enter first name" required disabled>
												</div>
											</div>
											<div class="col-sm-6">
												<div class="form-group m-form__group">
													<label for="example_input_last_name">Status</label>
													<select name="status" class="form-control m-input m-input--square">
														<option value="1" @if($role->is_active == 1) selected @endif>Active</option>
														<option value="0" @if($role->is_active == 0) selected @endif>InActive</option>
													</select>
												</div>
											</div>
										</div>
									</div>
									<div>
										<button type="submit" id="submit-btn" class="btn btn-primary">Update</button>
									</div>
								</form>
							</div>
							<div class="tab-pane" id="tab-2" role="tabpanel">
								<form method="post" action="{{ route('assign_role_modules') }}">
									<input type="hidden" name="_token" value="{{ Session::token() }}">
									<input type="hidden" name="role_id" value="{{ $role->id }}">
									<input type="hidden" name="update_modules" value="yes">
									<div class="table-responsive">
										<table class="table table-bordered m-table m-table--border-brand m-table--head-bg-brand nowrap-text">
											<thead>
												<tr>
													<th>
														<label class="m-checkbox m-checkbox--solid mb-0">
															<input type="checkbox" class="check_box" id="parent-checkbox">
															&nbsp;
															<span></span>
														</label>All
													</th>
													<th>Name</th>
													<th>Create</th>
													<th>Read</th>
													<th>Update</th>
													<th>Delete</th>
													<th>Download</th>
													<!--<th>Cancel</th>-->
												</tr>
											</thead>
											<tbody>
												@foreach( $all_modules as $module )
												<tr>
													<td>
														<label class="m-checkbox m-checkbox--solid mb-0">
															<input type="checkbox" class="check_box module" id="main_module_{{ $module->id }}" value="{{ $module->id }}" name="modules[]" onchange="select_actions('{{ $module->id }}')" @if( in_array( $module->id, $assign_modules ) ) checked @endif>
															&nbsp;
															<span></span>
														</label>
													</td>
													<td>{{ $module->module_name }}</td>
													<td>
														<label class="m-checkbox m-checkbox--solid mb-0">
															<input type="checkbox" class="check_box module_action_{{ $module->id }}" value="1" name="create_{{ $module->id }}" @if( in_array( 'create_' .$module->id, $assign_modules_create ) ) checked @endif>
															&nbsp;
															<span></span>
														</label>
													</td>
													<td>
														<label class="m-checkbox m-checkbox--solid mb-0">
															<input type="checkbox" class="check_box module_action_{{ $module->id }}" value="1" name="read_{{ $module->id }}" @if( in_array( 'read_' .$module->id, $assign_modules_read ) ) checked @endif>
															&nbsp;
															<span></span>
														</label>
													</td>
													<td>
														<label class="m-checkbox m-checkbox--solid mb-0">
															<input type="checkbox" class="check_box module_action_{{ $module->id }}" value="1" name="update_{{ $module->id }}" @if( in_array( 'update_' .$module->id, $assign_modules_update ) ) checked @endif>
															&nbsp;
															<span></span>
														</label>
													</td>
													<td>
														<label class="m-checkbox m-checkbox--solid mb-0">
															<input type="checkbox" class="check_box module_action_{{ $module->id }}" value="1" name="delete_{{ $module->id }}" @if( in_array( 'delete_' .$module->id, $assign_modules_delete ) ) checked @endif>
															&nbsp;
															<span></span>
														</label>
													</td>
													<td>
														<label class="m-checkbox m-checkbox--solid mb-0">
															<input type="checkbox" class="check_box module_action_{{ $module->id }}" value="1" name="download_{{ $module->id }}" @if( in_array( 'download_' .$module->id, $assign_modules_download ) ) checked @endif>
															&nbsp;
															<span></span>
														</label>
													</td>
													<!--
													<td>
														<label class="m-checkbox m-checkbox--solid mb-0">
															<input type="checkbox" class="check_box module_action_{{ $module->id }}" value="1" name="cancel_{{ $module->id }}"
																   @if( in_array( 'cancel_'.$module->id, $assign_modules_cancel ) ) checked @endif>
															&nbsp;
															<span></span>
														</label>
													</td>
													-->
												</tr>
												@endforeach
											</tbody>
										</table>
									</div>
									<div>
										<button type="submit" class="btn btn-primary">Update</button>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--End::Section-->
	</div>
</div>
@endsection
@section('js')

<script type="text/javascript">
	function check_password_valid() {

		var password = $("#password").val();
		var confirmPassword = $("#cpassword").val();

		if (password != confirmPassword) {
			alert("Passwords do not match.");
			$('#submit-btn').attr('disabled', true);
			return false;
		} else {
			$('#submit-btn').removeAttr('disabled');
			return true;
		}
	}

	function select_actions(id) {

		if ($('#main_module_' + id).is(':checked')) {
			$('.module_action_' + id).attr('checked', true);
		} else {
			$('.module_action_' + id).removeAttr('checked');
		}
	}

	$(document).ready(function() {

		$('#parent-checkbox').change(function() {
			if ($('#parent-checkbox').is(':checked')) {
				$('.module').attr('checked', true);
				$('.check_box').attr('checked', true);

				$('.module').prop('checked', true);
				$('.check_box').prop('checked', true);
			} else {
				$('.module').removeAttr('checked');
				$('.check_box').removeAttr('checked');

				$('.module').prop('checked', false);
				$('.check_box').prop('checked', false);
			}
		});
	})
</script>
@endsection