@extends('mobile.module.layouts.content')

@push('meta')
	<meta name="csrf-token" content="{{ csrf_token() }}">
@endpush

@push('css')
	<link href="{{ theme_asset('mobile/css/personal.css') }}" rel="stylesheet">
@endpush

@section('content')
	<div class="list_height plist-txt notarrow">
		<div class="pic"></div>
		<div class="tit font14">学校名称<span class="font_red_light">*</span></div>
		<div class="describe font13">
			<input type="text" id="school" id="school" placeholder="请输入学校名称" value="{{ $resumeEdu->school or '' }}">
		</div>
		<div class="arrow"></div>
		<div class="clear"></div>
	</div>
	<div class="list_height plist-txt notarrow">
		<div class="pic"></div>
		<div class="tit font14">专业名称<span class="font_red_light">*</span></div>
		<div class="describe font13">
			<input type="text" id="speciality" id="speciality" placeholder="请输入专业名称" value="{{ $resumeEdu->speciality or '' }}">
		</div>
		<div class="arrow"></div>
		<div class="clear"></div>
	</div>
	<div class="list_height plist-txt">
		<div class="pic"></div>
		<div class="tit font14">学历<span class="font_red_light">*</span></div>
		<div class="describe font13">
			<span class="for-select"></span>
			<select id="education" name="education">
				<option value="">请选择</option>
				@foreach($category['other']['AIX_education'] as $key => $val )
					<option value="{{ explode(',',$val)[0] }}" @if($resumeEdu) @if($resumeEdu->education==explode(',',$val)[0]) selected @endif @endif>{{ explode(',',$val)[1] }}</option>
				@endforeach
			</select>
		</div>
		<div class="arrow"></div>
		<div class="clear"></div>
	</div>
	<div class="list_height plist-txt js-actionParent">
		<div class="pic"></div>
		<div class="tit font14">开始时间<span class="font_red_light">*</span></div>
		<div class="describe font13 qs-temp-date js-showActionSheet" data-type="start">
		        <span class="f-date-txt-start">
					@if($resumeEdu)
						{{ $resumeEdu->startyear or '' }}年-{{ $resumeEdu->startmonth or '' }}月
					@else
						请选择
					@endif
		        </span>
			<input type="hidden" class="f-year-code-start" id="startyear"  value="{{ $resumeEdu->startyear or '' }}">
			<input type="hidden" class="f-month-code-start" id="startmonth"  value="{{ $resumeEdu->startmonth or '' }}">
		</div>
		<div class="arrow"></div>
		<div class="clear"></div>
		<!--BEGIN actionSheet-->
		<div>
			<div class="qs-mask" style="display:none"></div>
			<div class="qs-actionsheet js-actionsheet">
				<div class="qs-actionsheet-menu">
					<div class="con-filter">
						<div class="f-selected-group">
							<div class="s-bar">
								<div class="s-bar-title qs-left">开始时间</div>
								<div class="clear"></div>
							</div>
							<div class="s-list"></div>
						</div>
						<div class="f-box f-box-date-start"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="list_height plist-txt js-actionParent">
		<div class="pic"></div>
		<div class="tit font14">结束时间<span class="font_red_light">*</span></div>
		<div class="describe font13 qs-temp-date js-showActionSheet" data-type="end">
		        <span class="f-date-txt-end">
					@if($resumeEdu)
						@if($resumeEdu->todate)
							至今
						@else
							{{ $resumeEdu->endyear or '' }}年-{{ $resumeEdu->endmonth or '' }}月
						@endif
					@else
						请选择
					@endif
			  	</span>
			<input type="hidden" class="f-year-code-end" id="endyear" value="{{ $resumeEdu->endyear or '' }}">
			<input type="hidden" class="f-month-code-end" id="endmonth" value="{{ $resumeEdu->endmonth or '' }}">
			<input type="hidden" id="todate" value="{{ $resumeEdu->todate or '' }}">
		</div>
		<div class="arrow"></div>
		<div class="clear"></div>
		<!--BEGIN actionSheet-->
		<div>
			<div class="qs-mask" style="display:none"></div>
			<div class="qs-actionsheet js-actionsheet">
				<div class="qs-actionsheet-menu">
					<div class="con-filter">
						<div class="f-selected-group">
							<div class="s-bar">
								<div class="s-bar-title qs-left">结束时间</div>
								<div class="qs-btn qs-btn-inline qs-btn-small qs-btn-border-orange qs-right js-cancelActionSheet js-todate">至今</div>
								<div class="clear"></div>
							</div>
							<div class="s-list"></div>
						</div>
						<div class="f-box f-box-date-end"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="split-block"></div>
	<div class="btn-spacing">
		<input type="hidden" id="id" value="{{ $resumeEdu->id or '' }}">
		<input type="hidden" id="resume_id" value="{{ $resume_id or '' }}">
		<div id="J_saveresume" class="qs-btn qs-btn-blue font18" title="确定">确定</div>
	</div>
	<div class="split-block"></div>

@endsection

@section('script')
	<script type="text/javascript">
		var myDate = new Date();
		var yearDefault=myDate.getFullYear();
		var monthDefault=myDate.getMonth()+1;
		var resume_id = $.trim($('#resume_id').val());

		var startyear = $.trim($('#startyear').val());
		var startmonth = $.trim($('#startmonth').val());
		var endyear = $.trim($('#endyear').val());
		var endmonth = $.trim($('#endmonth').val());
		var todate = $.trim($('#todate').val());

		var tempDateArr = $('.qs-temp-date');
		$.each(tempDateArr, function() {
			var dtype = $(this).data('type');
			var experienceDate = new Date();
			var eyear = experienceDate.getFullYear();
			var eyearMin = eyear - 59;
			var dateHtml = '<div class="f-box-inner">';
			var index_de=0;
			for (var i = eyear; i >= eyearMin; i--) {
				if(dtype=='start'){
					if(startyear==i){
						var index_y = index_de;
					}
				}else{
					if(endyear==i){
						var index_y_e = index_de;
					}
				}
				dateHtml += '<li><a class="font12 f-item f-item-year" href="javascript:;" data-code="' + i + '">' + i + '年</a></li>';
				index_de++;
			}
			dateHtml += '</div>';
			dateHtml += '<div class="f-box-inner">';
			for (var i = 1; i <= 12; i++) {
				if(dtype=='start'){
					if(startmonth==i){
						var index_m = startmonth-1;
					}
				}else{
					if(endmonth==i){
						var index_m_e = endmonth-1;
					}
				}
				dateHtml += '<li><a class="font12 f-item f-item-month js-cancelActionSheet" href="javascript:;" data-code="' + i + '">' + i + '月</a></li>';
			}
			dateHtml += '</div>';
			$('.f-box-date-' + dtype).html(dateHtml);
			if(dtype=='end'){
				if(todate!=1){
					$('.f-box-date-' + dtype + ' .f-item-year').eq(index_y_e).addClass('select');
					$('.f-box-date-' + dtype + ' .f-item-month').eq(index_m_e).addClass('select');
				}
			}else{
				$('.f-box-date-' + dtype + ' .f-item-year').eq(index_y).addClass('select');
				$('.f-box-date-' + dtype + ' .f-item-month').eq(index_m).addClass('select');
			}
			$('.f-box-date-' + dtype + ' .f-item-year').on('click', function() {
				$('.f-box-date-' + dtype + ' .f-item-year').removeClass('select');
				$(this).addClass('select');
			})
			$('.f-box-date-' + dtype + ' .f-item-month').on('click', function() {
				$('.f-box-date-' + dtype + ' .f-item-month').removeClass('select');
				$(this).addClass('select');
				// 赋值
				if(dtype=='end'){
					$('#todate').val(0);
				}
				$('.f-year-code-' + dtype).val($('.f-box-date-' + dtype + ' .f-item-year.select').data('code'));
				$('.f-month-code-' + dtype).val($('.f-box-date-' + dtype + ' .f-item-month.select').data('code'));
				$('.f-date-txt-' + dtype).text($('.f-box-date-' + dtype + ' .f-item-year.select').text() + '-' + $('.f-box-date-' + dtype + ' .f-item-month.select').text());
			})
			$('.js-todate').on('click', function() {
				$('#todate').val('1');
				$(this).closest('.js-actionParent').find('.f-year-code-end').val('');
				$(this).closest('.js-actionParent').find('.f-month-code-end').val('');
				$(this).closest('.js-actionParent').find('.f-date-txt-end').text('至今');
			})
		})
		$(function(){
			$(".js-showActionSheet").on("click", function(){
				var $iosActionsheet = $(this).closest('.js-actionParent').find('.js-actionsheet');
				var $iosMask = $(this).closest('.js-actionParent').find('.qs-mask');
				$iosActionsheet.removeClass('qs-actionsheet-toggle');
				$iosActionsheet.addClass('qs-actionsheet-toggle');
				$iosMask.fadeIn(200);
				$iosMask.on('click', hideActionSheet);
				$(this).closest('.js-actionParent').find('.js-cancelActionSheet').on('click', hideActionSheet);
				$(this).closest('.js-actionParent').find('.qs-actionsheet-cell').on('click', hideActionSheet);
				function hideActionSheet() {
					$(this).closest('.js-actionParent').find('.js-actionsheet').removeClass('qs-actionsheet-toggle');
					$(this).closest('.js-actionParent').find('.qs-mask').fadeOut(200);
				}
			});
		});
		$('#J_saveresume').die().live('click', function() {
			var schoolValue = $.trim($('#school').val());
			var specialityValue = $.trim($('#speciality').val());
			var education1Value = $.trim($('#education').val());
			var startyearEduValue = $.trim($('#startyear').val());
			var startmonthEduValue = $.trim($('#startmonth').val());
			var endyearEduValue = $.trim($('#endyear').val());
			var endmonthEduValue = $.trim($('#endmonth').val());
			var todateEduValue = $.trim($('#todate').val());
			var id = $.trim($('#id').val());
			if (schoolValue == "") {
				qsToast({type:2,context: '请填写学校名称'});
				return false;
			}
			if (specialityValue == "") {
				qsToast({type:2,context: '请填写专业名称'});
				return false;
			}
			if (education1Value == "") {
				qsToast({type:2,context:'请选择学历'});
				return false;
			}
			if (startyearEduValue == "") {
				qsToast({type:2,context: '请选择就读开始时间'});
				return false;
			}
			if (startmonthEduValue == "") {
				qsToast({type:2,context: '请选择就读开始月份'});
				return false;
			}

			if (!wrongNowTime(startyearEduValue, startmonthEduValue, yearDefault, monthDefault)) {
				qsToast({type:2,context: '开始时间应小于当前时间'});
				return false;
			};

			if (!parseInt(todateEduValue)) { // 不选择至今才验证结束时间
				if (endyearEduValue == "") {
					qsToast({type:2,context: '请选择就读结束时间'});
					return false;
				}
				if (endmonthEduValue == "") {
					qsToast({type:2,context: '请选择就读结束月份'});
					return false;
				}

				if (!wrongNowTime(endyearEduValue, endmonthEduValue, yearDefault, monthDefault)) {
					disapperTooltip("remind", "结束时间应小于当前时间");
					return false;
				};

				if (wrongTime(startyearEduValue, startmonthEduValue, endyearEduValue, endmonthEduValue)) {
					qsToast({type:2,context: '就读开始时间需小于毕业时间'});
					return false;
				};
			};

			$.ajax({
				headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
				url: "{{ route($sub_site.'mobile.person.resumeEducationAdd') }}",
				type: 'POST',
				dataType: 'json',
				data: {id:id, resume_id: resume_id, school: schoolValue, speciality: specialityValue, education: education1Value, startyear: startyearEduValue, startmonth: startmonthEduValue, endyear: endyearEduValue, endmonth: endmonthEduValue, todate: todateEduValue},
				success: function (result) {
					window.location.href = '{{ route($sub_site.'mobile.person.resumeUpdate',['id'=>$resume_id]) }}';
				},
				error: function (errorData) {
					if(errorData.status==400) {//业务错误
						qsToast({type:2,context: JSON.parse(errorData.response).message});
					}
				}
			})

			// 判断结束时间是否大于开始时间/当前时间
			function wrongTime(sYear, sMonth, eYear, eMonth) {
				if (parseInt(sYear) > parseInt(eYear)) {
					return true;
				} else {
					if (parseInt(sYear) == parseInt(eYear)) {
						if (parseInt(sMonth) >= parseInt(eMonth)) {
							return true;
						} else {
							return false;
						}
					} else {
						return false;
					}
				}
			}

			// 判断开始时间是否小于当前时间
			function wrongNowTime(sYear, sMonth, eYear, eMonth) {
				if (parseInt(sYear) < parseInt(eYear)) {
					return true;
				} else {
					if (parseInt(sYear) == parseInt(eYear)) {
						if (parseInt(sMonth) <= parseInt(eMonth)) {
							return true;
						} else {
							return false;
						}
					} else {
						return false;
					}
				}
			}

		});
	</script>

@endsection