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

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

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

@endpush

@section('content')
	<form action="" id="form">
		<input type="hidden" name="id" value="{{$info['id'] or ''}}">
		<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" name="name" required placeholder="请输入人才姓名" class="font13" value="{{ $info['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="start">
		        <span class="f-date-txt-start">
					@if(!empty($info['year']))
						{{ $info['year'] or '' }}年-{{ $info['month'] or '' }}月
					@else
						请选择
					@endif
				</span>
				<input type="hidden" class="f-year-code-start" id="startyear" name="year"  value="{{ $info['year'] or '' }}">
				<input type="hidden" class="f-month-code-start" id="startmonth" name="month" value="{{ $info['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-start"></div>
						</div>
					</div>
				</div>
			</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" name="technology" required placeholder="请输入科研技术" class="font13" value="{{ $info['technology'] 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>
			<a href="#honor" class="describe font13 honorText">{{ $info['honor'] or '请输入获得的荣誉、奖励' }}</a>
			<div class="arrow"></div>
			<div class="clear"></div>
		</div>
		<script type="text/html" id="tpl-honor">
			<div class="headernavfixed">
				<div class="headernav font18"><div class="title">荣誉、奖励<div class="return js-back"></div></div></div>
			</div>
			<div class="split-block"></div>
			<!--荣誉-->
			<div class="com-introduce">
				<textarea placeholder="请输入获得的荣誉、奖励(2000字以内)" name="honor" maxlength="2000" id="tpl_honor"></textarea>
			</div>
			<div class="com-introduce-tip">
				<div class="text-num">最多可输入2000字</div>
				<div class="J_empty text-clear">清空</div>
				<div class="clear"></div>
			</div>
			<div class="split-block"></div>
			<div class="btn-spacing">
				<div id="contentsBtn" class="qs-btn qs-btn-blue font18" title="确定">确定</div>
			</div>
		</script>

		<div class="split-block"></div>

		<div class="btn-spacing">
			<button type="submit" style="width:100%;" class="qs-btn qs-btn-blue font18">保存</button>
		</div>
		<div class="split-block"></div>

		<div class="btn-spacing">
			<input type="hidden" id="honor" name="honor" value="{{$base->honor or ''}}">
		</div>
	</form>
@endsection
@section('script')
	<script src="{{ theme_asset('mobile/js/popWin.js') }}"></script>
	<script src="{{ theme_asset('mobile/js/mobileBUGFix.mini.js') }}"></script>
	<script src="{{ theme_asset('mobile/js/nprogress.js') }}"></script>

	<script type="text/javascript">
		$(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);
				}
			});
		});

		var honorTemp = $('#tpl-honor').html();

		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(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('至今');
			})
		})


		$(".honorText").on('click', function() {
			popWin.init({
				from:"right",
				html:honorTemp,
				handle:function(a){
					if ($('#honor').val().length) {
						$('#tpl_honor').val($('#honor').val());
					}
					$('.J_empty').on('click',function(){
						$('#tpl_honor').val('');
					});
					$('#contentsBtn').on('click',function(){
						if ($.trim($('#tpl_honor').val()) == "") {
							qsToast({type:2,context: '请输入获得的荣誉、奖励'});
							return false;
						}
						if ($.trim($('#tpl_honor').val().length)  > 2000) {
							qsToast({type:2,context: '获得的荣誉、奖励请勿大于2000字符'});
							return false;
						}
						$('#honor').val($('#tpl_honor').val());
						$('.honorText').html($('#tpl_honor').val());
						a.close();
					});
				}
			})
		});
		// 验证表单并提交
		$('#form').submit(function() {
			let year = $.trim($('#startyear').val());
			if (!year) {
				qsToast({type:2,context: '请选择出生年月'});
				return false;
			}
			let honor = $.trim($('#honor').val());
			if (!honor) {
				qsToast({type:2,context: '请填写获得的荣誉、奖励'});
				return false;
			}
			let data = $(this).serialize();
			$.ajax({
				headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
				url: "{{ url('mobile/company/talent/talent_info_save') }}",
				type: 'POST',
				dataType: 'json',
				data: data,
				success : function(result){
					qsToast({type:1,context:'保存成功！'});
					setTimeout(function () {
						location.href = "{{url('mobile/company/talent/talent_list')}}";
					},2000);
				},
				error: function (errorData) {
					if (errorData.status==422) {//验证错误
						$.each(JSON.parse(errorData.response).errors,function (key,val) {
							qsToast({type:2,context: val[0]});
							return false;
						});
					}
					else if(errorData.status==400) {//业务错误
						qsToast({type:2,context: JSON.parse(errorData.response).message});
						return false;
					}
				}
			})
			return false;
		});
	</script>

@endsection