@extends('layouts.page', [
	'panel_display' => true,
	'panel_menu_active' => ['process.list']
])

@include('html.header.select2')
@include('html.header.datepicker', ['language' => 'en'])
@include('html.header.input')
@include('html.header.edm-ajax')

@push('css')
<link rel="stylesheet" type="text/css" href="/css/list.css"/>
@endpush

@push('head')
<style type="text/css">
	.section-search{min-width:1200px;max-width:1200px;}
	.section-search .el-group-title.form-select{left:-12px;padding:0;}
	.section-search .el-group-title.form-select .select2-selection{border:0 !important;background:transparent;box-shadow:none;}
	.section-search .el-group-title.form-select .select2-selection__rendered{font-weight:700;}
	.section-search .code_uhaktype .line+.line{border-top:1px solid #e7e7e7;}
	.section-search .code_uhaktype .line .line-left{display:block;width:16px;border-left:1px solid #bbb;}
</style>
<script type="text/javascript">
	$(document).ready(function() {
		$('.form-search .date-between input.form-date').datepickerBetween();

		$('.form-search .code_country input[type=checkbox],.form-search .code_uhaktype input[type=checkbox]').change(function() {
			var group = $(this).closest('.input-block').find('input[type=checkbox]');

			if ($(this).val() == '') {  // {{ Lang::get('process.word.all') }}
				group.prop('checked', $(this).is(':checked'));
			} else {
				if ($(this).is('[name="code_uhaktype[]"]')) {  // {{ Lang::get('process.word.study_type') }}
					$(this).closest('.line').find('input[type=checkbox]').not(this).prop('checked', $(this).is(':checked'));
				} else if ($(this).is('[name="code_uhakcourse[]"]')) {  // {{ Lang::get('process.word.program_type') }}
					var siblings = $(this).closest('.line').find('input[type=checkbox][name="code_uhakcourse[]"]');
					$(this).closest('.line').find('input[type=checkbox][name="code_uhaktype[]"]').prop('checked', siblings.not(':checked').length < 1);
				}

				group.filter('[value=""]').prop('checked', group.not('[value=""]').not(':checked').length < 1);
			}
		});
		$('.form-search .code_country input[type=checkbox][value!=""]').eq(0).change();
		$('.form-search .code_uhaktype .line').each(function() {
			$(this).find('input[type=checkbox][name="code_uhakcourse[]"]').eq(0).change();
		});

		$('.form-search').submit(function() {
			var url = $(this).attr('action');
			var data = $(this).serializeObject();

			$(this).find('.date-between input.form-date').each(function() {
				data[$(this).attr('name')] = $(this).val().replace(/[^0-9]/g, '');
			});
			if ($(this).find('#code_country_all').is(':checked')) {
				delete data['code_country[]'];
			}
			if ($(this).find('#code_uhaktype_all').is(':checked')) {
				delete data['code_uhaktype[]'];
				delete data['code_uhakcourse[]'];
			}
			if ($(this).find('input.form-date[name="start_date"]').val() === '' && $(this).find('input.form-date[name="end_date"]').val() === '') {
				delete data['type_date'];
			}
			for (var i in data) {
				if (data[i] === '') delete data[i];
			}
			
			if (Object.keys(data).length) {
				url = url + ((url.indexOf('?') > -1) ? '&' : '?') + $.param(data);
			}
			window.location.href = url;
			return false;
		});
	});
</script>
@endpush

@section('ui-content')
	<div class="section-content ib">
		<h3 class="title">{{ strtoupper(Lang::get('process.word.admission_management')) }}</h3>
		<div class="section-search">
			<form method="GET" class="form-search" action="{{ URL::route('process.list') }}">
				<input type="hidden" name="admission_type" value="{{ request()->input('admission_type') }}"/>
				<div class="row">
				@if (isLogin('staff'))
					<div class="col-xs-3 col-lg-4">
						<div class="form-group el-group">
							<label class="el-group-title control-label" title="{{ Lang::get('process.word.agency') }}">{{ Lang::get('process.word.agency.short') }}</label>
							<div class="el-group-cont">
								<div class="input-block">
									<div class="selectbox display-searchbox">
										<select class="form-control" name="agency_id">
											<option value="">{{ Lang::get('process.word.all') }}</option>
										@foreach (App\Model\Agency::orderBy('name')->cursor() as $agency)
											<option value="{{ $agency->agency_id }}" {{ Request::get('agency_id') == $agency->agency_id ? 'selected' : '' }}>{{ $agency->name }}</option>
										@endforeach
										</select>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xs-3 col-lg-4">
						<div class="form-group el-group">
							<label class="el-group-title control-label" title="{{ Lang::get('process.word.aps_representative') }}">{{ Lang::get('process.word.aps_representative.short') }}</label>
							<div class="el-group-cont">
								<div class="input-block">
									<div class="selectbox display-searchbox">
										<select class="form-control" name="staff_charge_id">
											<option value="">{{ Lang::get('process.word.all') }}</option>
										@php
											$members = App\Model\MemberStaff::where('use_check', 'Y')->where('charge_check', 'Y')->orderBy('member_id');
											if (isUALRequest()) {
												$members = $members->whereRaw('FIND_IN_SET(?, code_admission_type)', 'UAL')->get();
											} else {
												$members = $members->whereRaw('FIND_IN_SET(?, code_admission_type)', 'GENERAL')->get();
											}
										@endphp
										@foreach ($members as $member)
											<option value="{{ $member->member_id }}" {{ Request::get('staff_charge_id') == $member->member_id ? 'selected' : '' }}>{{ $member->en_name.($member->jobpositionName ? ' '.$member->jobpositionName : '') }}</option>
										@endforeach
										</select>
									</div>
								</div>
							</div>
						</div>
					</div>
				@elseif (isLogin('agent'))
					<div class="col-xs-4 col-lg-3">
						<div class="form-group el-group">
							<label class="el-group-title control-label" title="{{ Lang::get('process.word.agency_representative') }}">{{ Lang::get('process.word.agency_representative.short') }}</label>
							<div class="el-group-cont">
								<div class="input-block">
									<input type="text" class="form-control" name="agency_staff" value="{{ Request::get('agency_staff') }}" placeholder="Name or email"/>
								</div>
							</div>
						</div>
					</div>
				@endif
				</div>
				<div class="row">
					<div class="col-sm-12">
						<div class="form-group el-group">
							<label class="el-group-title control-label" title="{{ Lang::get('process.word.country') }}">{{ Lang::get('process.word.country.short') }}</label>
							<div class="el-group-cont code_country">
								<div class="input-block clearfix">
									<div class="pull-left">
										<div class="checkboxradio inline-block has-success">
											<input type="checkbox" id="code_country_all" value=""/><label for="code_country_all">{{ Lang::get('process.word.all') }}</label>
										</div>
									</div>
									<div style="padding-left:77px">
									@foreach ($list_country as $code)
										@php ($checked = !Request::get('code_country') || (is_array(Request::get('code_country')) && in_array($code->code, Request::get('code_country'))))
										<div class="checkboxradio inline-block has-success">
											<input type="checkbox" id="code_country_{{ $code->code }}" name="code_country[]" value="{{ $code->code }}" {{ $checked ? 'checked' : '' }}/>
											<label for="code_country_{{ $code->code }}">{{ $code->name }}</label>
										</div>
									@endforeach
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-sm-12">
						<div class="form-group el-group">
							<label class="el-group-title control-label" title="{{ Lang::get('process.word.study_type') }}">{{ Lang::get('process.word.study_type.short') }}</label>
							<div class="el-group-cont code_uhaktype">
								<div class="input-block clearfix">
									<div class="pull-left">
										<div class="checkboxradio inline-block has-success">
											<input type="checkbox" id="code_uhaktype_all" value=""/><label for="code_uhaktype_all">{{ Lang::get('process.word.all') }}</label>
										</div>
									</div>
									<div style="padding-left:77px">
									@foreach ($list_uhaktype as $code)
									@php ($checked = (!Request::get('code_uhaktype') && !Request::get('code_uhakcourse')) || (is_array(Request::get('code_uhaktype')) && in_array($code->code, Request::get('code_uhaktype'))))
										<div class="line clearfix">
											<div class="pull-left">
												<div class="checkboxradio inline-block has-success">
													<input type="checkbox" class="code_uhaktype" id="code_uhaktype_{{ $code->code }}" name="code_uhaktype[]" value="{{ $code->code }}" {{ $checked ? 'checked' : '' }}/>
													<label for="code_uhaktype_{{ $code->code }}">{{ $code->name }}</label>
												</div>
											</div>
											<div style="padding-left:162px">
													<p class="form-control-static ib"><span class="line-left">&nbsp;</span></p>
											@foreach ($list_uhakcourse[$code->code] as $course)
												@php ($checked = (!Request::get('code_uhaktype') && !Request::get('code_uhakcourse')) || (is_array(Request::get('code_uhakcourse')) && in_array($course->code_id, Request::get('code_uhakcourse'))))
												<div class="checkboxradio inline-block has-success">
													<input type="checkbox" class="code_uhakcourse" id="code_uhakcourse_{{ $course->code_id }}" name="code_uhakcourse[]" value="{{ $course->code_id }}" {{ $checked ? 'checked' : '' }}/>
													<label for="code_uhakcourse_{{ $course->code_id }}">{{ $course->name }}</label>
												</div>
											@endforeach
											</div>
										</div>
									@endforeach
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-6 col-lg-3">
						<div class="form-group el-group">
							<label class="el-group-title control-label" title="{{ Lang::get('process.word.student_name') }}">{{ Lang::get('process.word.student_name.short') }}</label>
							<div class="el-group-cont">
								<div class="input-block">
									<input type="text" class="form-control" name="name" value="{{ Request::get('name') }}" placeholder="Student Name"/>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xs-6 col-lg-3">
						<div class="form-group el-group">
							<label class="el-group-title control-label" title="{{ Lang::get('process.word.school_name') }}">{{ Lang::get('process.word.school_name.short') }}</label>
							<div class="el-group-cont">
								<div class="input-block">
									<input type="text" class="form-control" name="school_name" value="{{ Request::get('school_name') }}" placeholder="School Name"/>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xs-6 col-lg-3">
						<div class="form-group el-group">
							<label class="el-group-title control-label" title="{{ Lang::get('process.word.mobile_phone_number') }}">{{ Lang::get('process.word.mobile_phone_number.short') }}</label>
							<div class="el-group-cont">
								<div class="input-block">
									<input type="tel" class="form-control" name="mtel_number" value="{{ Request::get('mtel_number') }}" placeholder="Mobile Phone Number"/>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xs-6 col-lg-3">
						<div class="form-group el-group">
							<label class="el-group-title control-label" title="{{ Lang::get('process.word.email') }}">{{ Lang::get('process.word.email.short') }}</label>
							<div class="el-group-cont">
								<div class="input-block">
									<input type="email" class="form-control" name="email" value="{{ Request::get('email') }}" placeholder="e-mail"/>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-4 col-lg-3">
						<div class="form-group el-group">
							<label class="el-group-title control-label" title="{{ Lang::get('process.word.admission_status') }}">{{ Lang::get('process.word.admission_status.short') }}</label>
							<div class="el-group-cont">
								<div class="input-block">
									<div class="selectbox align-center">
										<select class="form-control" name="code_status">
											<option value="">{{ Lang::get('process.word.all') }}</option>
										@foreach (ConfigCode::getCodes('PROCESS_STATUS') as $code)
											<option value="{{ $code->code }}" {{ Request::get('code_status') === $code->code ? 'selected' : '' }}>{{ $code->name }}</option>
										@endforeach
										</select>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xs-6 col-lg-4">
						<div class="form-group el-group">
							<div class="el-group-title form-select">
								<div class="selectbox align-center" style="min-width:120px">
									<select name="type_date">
										<option value="process" {{ Request::get('type_date') === 'process' ? 'selected' : '' }})>{{ Lang::get('process.word.admission_applied_date.short') }}</option>
										<option value="class" {{ Request::get('type_date') === 'class' ? 'selected' : '' }}>{{ Lang::get('process.word.course_start_date.short') }}</option>
									</select>
								</div>
							</div>
							<div class="el-group-cont pad-xl">
								<div class="input-block date-between">
									<input type="text" class="form-control form-date" name="start_date" value="{{ Request::get('start_date') }}" placeholder="{{ date('Y.m.d') }}"/>
									<p class="form-control-static">~</p>
									<input type="text" class="form-control form-date" name="end_date" value="{{ Request::get('end_date') }}" placeholder="{{ date('Y.m.d') }}"/>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xs-2 col-lg-2 text-center">
						<button type="submit" class="btn btn-primary btn-submit" title="{{ Lang::get('process.word.search') }}">{{ Lang::get('process.word.search.short') }}</button>
					</div>
				</div>
			</form>
		</div>
		@include('template.process.list.list', ['paginate_process' => $paginate_process])
	</div>
@endsection