@extends('layouts.app')

@section('page-css')

@endsection

@section('content')
	<div class="container-fluid d-block">
		<div id="register-admin-page-container"  class="py-4">
			<div class="card">
				<div class="card-header">
					{{ $page_title }}
				</div>
				<div class="alert_container"></div>
				<div class="card-body">
					<form role="form" class="form update_admin_form" method="post">
						<input type="hidden" class="form-control" name="admin_id" id="admin_id" required="" value="{{ $admin_data->admin_id }}">
						<div class="box-body">
							<div class="form-group">
								<label for="name">Name</label>
								<input type="text" class="form-control" name="name" id="name" required="" value="{{ $admin_data->name }}">
							</div>
							<div class="row by_group">
								<div class="form-group col-md-6">
									<label for="group">Group</label>
									<select placeholder="test" name="group" id="group" class="selectpicker show-tick form-control" data-live-search="true" title="Select Group" required onchange="usersPageFunctions.populateDivision(this.value, 'division');">
										<option value="">Select Group</option>
										@foreach($groups as $key => $value)
											<option{{ ($value['group_id'] == $admin_data->group_id ? ' selected' : '') }} value="{{ $value['group_id'] }}">{{ $value['group_name'] }}</option>
										@endforeach
									</select>
								</div>
								<div class="form-group col-md-6">
									<label for="division">Division</label>
									<select name="division" class="selectpicker show-tick form-control division" id="division" data-live-search="true" title="Select Division" disabled> 
									</select>
								</div>
							</div>
							<div class="form-group">
								<label for="email">Email</label>
								<input type="text" class="form-control" name="email" id="email" required="" value="{{ $admin_data->email_address }}">
							</div>
							<div class="form-group clearfix">
								<label for="contact">Role</label>
								<div class="form-kebab">
									<div class="form-kebab__choice">
		                                <input required="" class="form-kebab__radio" name="role" id="role-1" value="1" type="radio" onclick="adminsPageFunctions.determineRole(this.value)">
		                                <label class="form-kebab__label" for="role-1">Super Admin</label>
									</div>
									<div class="form-kebab__choice">
		                                <input required="" class="form-kebab__radio" name="role" id="role-2" value="2" type="radio" onclick="adminsPageFunctions.determineRole(this.value)">
		                                <label class="form-kebab__label" for="role-2">Admin</label>
									</div>
									<div class="form-kebab__choice">
		                                <input required="" class="form-kebab__radio" name="role" id="role-7" value="7" type="radio" onclick="adminsPageFunctions.determineRole(this.value)">
		                                <label class="form-kebab__label" for="role-7">Admin/Skip Level Admin</label>
									</div>
									<div class="form-kebab__choice">
		                                <input required="" class="form-kebab__radio" name="role" id="role-8" value="8" type="radio" onclick="adminsPageFunctions.determineRole(this.value)">
		                                <label class="form-kebab__label" for="role-8">Skip Level Admin</label>
									</div>
								</div>
							</div>
							<div class="form-group row">
								<div class="col-md-8">
									<label for="password">Password</label>
									<input type="text" class="form-control" name="password" id="password">
									<span class="form-help">If you don't want to change the password, leave it blank.</span>
								</div>
							</div>
							<div class="form-group row">
								<div class="col-md-8">
									<label for="comment">Comment</label>
									<textarea id="comment" name="comment" class="form-control" required="" rows="6"></textarea>
								</div>
							</div>
						</div>
						<div class="box-footer">
							<button type="button" class="btn btn-sm btn-primary" onclick="adminsPageFunctions.updateAdmin();">Submit</button>
						</div>
					</form>
				</div>
			</div>
		</div>

		@include('pages.includes.footer')
	</div>
@endsection

@section('page-js')
	<script type="text/javascript">
		$.csrf_token    =   $('meta[name="csrf-token"]').attr('content');
    	$.backoffice_url  =   "{{ env('BACKOFFICE_URL') }}";
    	$.selected_admin_grp_id	=	"{{ $admin_data->group_id }}";
    	$.selected_admin_div_id	=	"{{ $admin_data->division_id }}";
    	$.selected_admin_role_id	=	"{{ $admin_data->role_id }}";

		if($.selected_admin_grp_id != ''){
			$('#group').trigger('onchange');
			setTimeout(function(){
				if($.selected_admin_div_id != ''){
					console.log($('#division option[value="' + $.selected_admin_div_id + '"]').text());
						$('#division option[value="' + $.selected_admin_div_id + '"]').attr('selected', true);
						$('.division .filter-option-inner-inner').empty().append($('#division option[value="' + $.selected_admin_div_id + '"]').text());
				}
			}, 1000);
		}

		$('#role-' + $.selected_admin_role_id).trigger('click');

		$('#all-admin-link').toggleClass('active');
		generalUseFunctions.onLoad();
	</script>
@endsection