@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="agency" id="agency" placeholder="请输入培训机构" value="{{ $trainEdu->agency 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="course" id="course" placeholder="请输入培训课程" value="{{ $trainEdu->course or '' }}">
		</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($trainEdu)
						{{ $trainEdu->startyear or '' }}年-{{ $trainEdu->startmonth or '' }}月
					@else
						请选择
					@endif
		        </span>
			<input type="hidden" class="f-year-code-start" id="startyear"  value="{{ $trainEdu->startyear or '' }}">
			<input type="hidden" class="f-month-code-start" id="startmonth"  value="{{ $trainEdu->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 last">
		<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($trainEdu)
						@if($trainEdu->todate)
							至今
						@else
							{{ $trainEdu->endyear or '' }}年-{{ $trainEdu->endmonth or '' }}月
						@endif
					@else
						请选择
					@endif
		        </span>
			<input type="hidden" class="f-year-code-end" id="endyear" value="{{ $trainEdu->endyear or '' }}">
			<input type="hidden" class="f-month-code-end" id="endmonth" value="{{ $trainEdu->endmonth or '' }}">
			<input type="hidden" id="todate" value="{{ $trainEdu->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="textarea-txt">
		<textarea id="description" name="description" placeholder="请简述一下培训内容及实践项目，可使用人单位对你了解更多！" class="font13">{{ $trainEdu->description or '' }}</textarea>
	</div>
	<div class="bottom_txt font12">
		<div class="llt">最多可输入1000字</div>
		<div class="rlt clear-content">清空</div>
	</div>
	<div class="btn-spacing">
		<input type="hidden" id="id" value="{{ $trainEdu->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;
		//清空内容
		$('.clear-content').on('click', function () {
			$('#description').val('');
		});
		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 agencyValue = $.trim($('#agency').val());
			var courseValue = $.trim($('#course').val());
			var startyearTraValue = $.trim($('#startyear').val());
			var startmonthTraValue = $.trim($('#startmonth').val());
			var endyearTraValue = $.trim($('#endyear').val());
			var endmonthTraValue = $.trim($('#endmonth').val());
			var todateTraValue = $.trim($('#todate').val());
			var descriptionValue = $.trim($('#description').val());
			var id = $.trim($('#id').val());
			if (agencyValue == "") {
				qsToast({type:2,context: '请填写培训机构名称'});
				return false;
			}
			if (courseValue == "") {
				qsToast({type:2,context: '请填写培训课程'});
				return false;
			}
			if (startyearTraValue == "") {
				qsToast({type:2,context: '请选择培训开始时间'});
				return false;
			}
			if (startmonthTraValue == "") {
				qsToast({type:2,context: '请选择培训开始月份'});
				return false;
			}

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

			if (!parseInt(todateTraValue)) {
				if (endyearTraValue == "") {
					qsToast({type:2,context: '请选择培训结束时间'});
					return false;
				}
				if (endmonthTraValue == "") {
					qsToast({type:2,context: '请选择培训结束月份'});
					return false;
				}

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

				if (wrongTime(startyearTraValue, startmonthTraValue, endyearTraValue, endmonthTraValue)) {
					qsToast({type:2,context: '培训开始时间需小于结束时间'});
					return false;
				}
			}
			if (descriptionValue == "") {
				qsToast({type:2,context: '请填写培训内容'});
				return false;
			}

			$.ajax({
				headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
				url: "{{ route($sub_site.'mobile.person.resumeTrainAdd') }}",
				type: 'POST',
				dataType: 'json',
				data: {id: id, resume_id: resume_id, agency: agencyValue, course: courseValue, startyear: startyearTraValue, startmonth: startmonthTraValue, endyear: endyearTraValue, endmonth: endmonthTraValue, todate: todateTraValue, description: descriptionValue},
				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