@extends('layouts.app')

@section('page-css')

@endsection

@section('content')
	<div class="container-fluid d-block">
		<div id="update-user-page-container"  class="py-4">
			<div class="card">
				<div class="card-header">
					{{ $page_title }}
				</div>
				<div class="alert_container" style="display: none;">
				</div>
				<div class="card-body">
					<form role="form" class="form update_user" autocomplete="off">
						<input type="hidden" class="form-control" name="user_id" id="user_id" required="" value="{{ $user_data->user_id }}">
						<div class="box-body">
							<div class="form-group">
								<label for="firstname">Employee ID</label>
								<input type="text" class="form-control" name="employee_id" id="employee_id" required="" value="{{ $user_data->employee_id }}">
							</div>

							<div class="row">
								<div class="form-group col-md-4">
									<label for="group">Group</label>
									<select placeholder="test" name="group" id="group" class="selectpicker show-tick form-control group" data-live-search="true" title="Select Group" required onchange="usersPageFunctions.populateDivision(this.value, 'division');">
										<option value="">Select Group</option>
										@foreach($groups as $groups_key => $groups_value)
											<option {{ ($user_data->group_id == $groups_value['group_id'] ? 'selected' : '') }} value="{{ $groups_value['group_id'] }}">{{ $groups_value['group_name'] }}</option>
										@endforeach
									</select>
								</div>

								<div class="form-group col-md-4">
									<label for="division">Division</label>
									<select name="division" class="selectpicker show-tick form-control division" data-live-search="true" title="Select Division" id="division" required="required" onchange="usersPageFunctions.populateDepartment(this.value, 'department');"> 
										<option value="">Select Division</option>
										@foreach($divisions as $divisions_key => $divisions_value)
											<option {{ ($user_data->division_id == $divisions_value->division_id ? 'selected' : '') }} value="{{ $divisions_value->division_id }}">{{ $divisions_value->division_name }}</option>
										@endforeach
									</select>
								</div>

								<div class="form-group col-md-4">
									<label for="department">Department</label>
									<select name="department" class="selectpicker show-tick form-control department" data-live-search="true" title="Select Department" id="department" required="required">
										<option value="">Select Department</option>
										@foreach($department as $department_key => $department_value)
											<option {{ ($user_data->department_id == $department_value->department_id ? 'selected' : '') }} value="{{ $department_value->department_id }}">{{ $department_value->department_name }}</option>
										@endforeach
									</select>
								</div>
							</div>

							<div class="form-group">
								<label for="firstname">Firstname</label>
								<input type="text" class="form-control" name="firstname" id="firstname" required="" value="{{ $user_data->first_name }}">
							</div>
							<div class="form-group">
								<label for="nickname">Nickname</label>
								<input type="text" class="form-control" name="nickname" id="nickname" required="" maxlength="8" value="{{ $user_data->nickname }}">
								<span class="help-block">Max of eight characters</span>
							</div>
							<div class="form-group">
								<label for="lastname">Lastname</label>
								<input type="text" class="form-control" name="lastname" id="lastname" required="" value="{{ $user_data->last_name }}">
							</div>
							<div class="form-group">
								<label for="designation">Position</label>
								<input type="text" class="form-control" name="designation" id="designation" required="" maxlength="20" value="{{ $user_data->position }}">
							</div>
							<div class="form-group">
								<label for="email">Email</label>
	                            <div class="d-flex">
	                                <div class="col-xs-8" style="padding-right: 0;">
	                                	@php ($spit_email 	= ($user_data->email_address != NULL ? explode('@',  $user_data->email_address) : NULL))
	                                	@php ($spit_email_name 		= (isset($spit_email[0]) ? $spit_email[0] : NULL))
	                                	@php ($spit_email_domain	= (isset($spit_email[1]) ? $spit_email[1] : NULL))
	                                    <input type="text" class="form-control" name="email" id="email" required="" value="{{ $spit_email_name }}">
	                                </div>
	                                <div class="col-xs-4" style="padding-left: 0">
	                                    <select required class="form-control" name="domain">
	                                    	<option value="">Select Domain</option>
	                                        <option {{ ($spit_email_domain == 'globe.com.ph' ? 'selected' : '') }} value="globe.com.ph">@globe.com.ph</option>
	                                        <option {{ ($spit_email_domain == 'binary.digital' ? 'selected' : '') }} value="binary.digital">@binary.digital</option>
	                                    </select>
	                                </div>
	                            </div>
							</div>
							<div class="form-group">
								<label for="contact">Contact #</label>
								<input type="text" class="form-control" name="contact" id="contact" required="" value="{{ $user_data->contact }}">
							</div>
							<div class="form-group clearfix">
								<label for="contact">Gender</label>
								<div class="clearfix">
									<div class="radio">
	                                    <label>
	                                        <input {{ ($user_data->gender == 'M' ? 'checked' : '') }} required type="radio" name="gender" id="gender-1" value="M">Male
	                                    </label>
	                                </div>
	                                <div class="radio">
	                                    <label>
	                                        <input {{ ($user_data->gender == 'F' ? 'checked' : '') }} required type="radio" name="gender" id="gender-2" value="F">Female
	                                    </label>
	                                </div>
	                        	</div>
							</div>
							@if($user_roles != NULL)
								<div class="form-group clearfix">
		                            <label>Role</label>
		                        	<div class="clearfix">
		                        		@php ($existing_roles = '')
		                        		@foreach($user_roles as $user_roles_key => $user_roles_value)
		                        			@php ($checked = '')
		                        			@foreach($user_specific_roles as $user_specific_roles_key => $user_specific_roles_value)
			                        			@if($user_roles_value->role_id == $user_specific_roles_value->role_id)
			                        				@php ($checked = 'checked')
			                        				@php ( $existing_roles .= ($existing_roles != NULL ? ',' : '') . $user_roles_value->name )
		                        				@endif
		                        			@endforeach

											<label class="checkbox-inline" for="role-{{ $user_roles_key + 1 }}">
			                                	<input {{ $checked }}  required='required' type="checkbox" id="role-{{ $user_roles_key + 1 }}" name="role[]" value="{{ $user_roles_value->name }}"> {{ $user_roles_value->name }}
			                            	</label>
										@endforeach
										<input type="hidden" name="existing_roles" value="{{ $existing_roles }}">
		                        	</div>
		                        </div>
	                        @endif
							<div class="form-group">
								<label for="password">Password</label>
								<input type="text" class="form-control" name="password" id="password">
								<span class="help-block">Leave it blank if you want to auto generate password</span>
							</div>
							<div class="col-md-5 pl-0 pr-0 mb-3">
								<div class="form-group">
										<label>Comment</label>
										<textarea class="form-control" rows="5" id="comment" name="comment" maxlength="500" required>{{ isset($user_data->comment) ? $user_data->comment : '' }}</textarea>
								</div>
							</div>
						</div>
						
					</form>
					<div class="box-footer">
						<button type="button" class="btn btn-primary update_user_btn" onclick="usersPageFunctions.updateUser();">Submit</button>
					</div>
				</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') }}";
		usersPageFunctions.onLoad();
	</script>
@endsection