@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="name" id="name" placeholder="请输入证书名称" value="{{ $certificateEdu->name 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="get">
		        <span class="f-date-txt-get">
					@if($certificateEdu)
						{{ $certificateEdu->year or '' }}年-{{ $certificateEdu->month or '' }}月
					@else
						请选择
					@endif
		        </span>
			<input type="hidden" class="f-year-code-get" id="year"  value="{{ $certificateEdu->year or '' }}">
			<input type="hidden" class="f-month-code-get" id="month"  value="{{ $certificateEdu->month 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-get"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="split-block"></div>
	<div class="btn-spacing">
		<input type="hidden" id="id" value="{{ $certificateEdu->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 year = $.trim($('#year').val());
		var month = $.trim($('#month').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(year==i){
					var index_y = 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(month==i){
					var index_m = month-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);
			$('.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');
				// 赋值
				$('.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 credentValue = $.trim($('#name').val());
			var yearCredentValue = $.trim($('#year').val());
			var monthCredentValue = $.trim($('#month').val());
			var id = $.trim($('#id').val());
			if (credentValue == "") {
				qsToast({type:2,context: '请填写证书名称'});
				return false;
			}
			if (yearCredentValue == "") {
				qsToast({type:2,context: '请选择获得证书年份'});
				return false;
			}
			if (monthCredentValue == "") {
				qsToast({type:2,context: '请选择获得证书月份'});
				return false;
			}

			if (!wrongNowTime(yearCredentValue, monthCredentValue, yearDefault, monthDefault)) {
				qsToast({type:2,context: '证书获得时间应小于当前时间'});
				return false;
			};

			$.ajax({
				headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
				url: "{{ route($sub_site.'mobile.person.resumeCredentAdd') }}",
				type: 'POST',
				dataType: 'json',
				data: {id: id, resume_id: resume_id, name: credentValue, year: yearCredentValue, month: monthCredentValue},
				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 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