@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_department_form" method="post">
						<div class="form-group">
							<label for="name">Assigned Code ID: {{ $department->department_id }}</label>
							<input type="hidden" class="form-control" name="department_code" id="department_code" required="" value="{{ $department->department_id }}">
						</div>
						<div class="box-body">
							<div class="form-group">
								<label for="name">Group</label>
								<select placeholder="test" name="group_id" id="group_id" class="selectpicker show-tick form-control" data-live-search="true" title="Select Group" required onchange="usersPageFunctions.populateDivision(this.value);">
									@if($groups->responseCode == 800)
										<option value="">Select Group</option>
										@foreach ($groups->data as $groups_key => $groups_value)
											<option {{ ($department->group_id == $groups_value->group_id ? 'selected' : '') }} value="{{ $groups_value->group_id }}">{{ $groups_value->group_name }}</option>
										@endforeach
									@else
										<option value="">Select Group</option>
									@endif
								</select>
							</div>

							<div class="form-group">
								<label for="name">Division</label>
								<select placeholder="test" name="division_id" id="division" class="selectpicker show-tick form-control" data-live-search="true" title="Select Division" required>
										<option value="">Select Division</option>
										@foreach ($division as $division_key => $division_value)
											<option {{ ($department->division_id == $division_value->division_id ? 'selected' : '') }} value="{{ $division_value->division_id }}">{{ $division_value->division_name }}</option>
										@endforeach
								</select>
							</div>

							<div class="form-group">
								<label for="name">Name</label>
								<input type="text" class="form-control" name="department_name" id="department_name" required="" value="{{ $department->department_name }}">
							</div>
							<div class="form-group">
								<label for="name">Order</label>
								<input type="number" class="form-control" name="ordinal_position" id="ordinal_position" required="" value="{{ $department->ordinal_position }}">
							</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>
					</form>
					<div class="box-footer">
						<button type="button" class="btn btn-primary btn-sm" onclick="departmentsFunctions.updateDepartment();">Submit</button>
						<a href="{{ url('departments/all') }}">
							<button type="button" class="btn btn-warning btn-sm">Back</button>
						</a>
					</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') }}";

    	$('#departments-link').toggleClass('active');
	</script>
@endsection