@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">
		<div class="list_height plist-txt">
			<div class="pic"></div>
			<div class="tit font14">技术难题</div>
			<a href="#problem" class="describe font13 problemText">请输入技术难题</a>
			<div class="arrow"></div>
			<div class="clear"></div>
		</div>
		<script type="text/html" id="tpl-problem">
			<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字以内)" maxlength="2000" id="tpl_problem"></textarea>
			</div>
			<div class="com-introduce-tip">
				<div class="text-num">最多可输入2000字</div>
				<div class="J_empty clear-problem text-clear">清空</div>
				<div class="clear"></div>
			</div>
			<div class="split-block"></div>
			<div class="btn-spacing">
				<div id="problemBtn" class="qs-btn qs-btn-blue font18" title="确定">确定</div>
			</div>
		</script>

		<div class="list_height plist-txt">
			<div class="pic"></div>
			<div class="tit font14">解决方法</div>
			<a href="#resolve" class="describe font13 resolveText">请提出解决途径和方法</a>
			<div class="arrow"></div>
			<div class="clear"></div>
		</div>
		<script type="text/html" id="tpl-resolve">
			<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字以内)" maxlength="2000" id="tpl_resolve"></textarea>
			</div>
			<div class="com-introduce-tip">
				<div class="text-num">最多可输入2000字</div>
				<div class="J_empty clear-resolve text-clear">清空</div>
				<div class="clear"></div>
			</div>
			<div class="split-block"></div>
			<div class="btn-spacing">
				<div id="resolveBtn" class="qs-btn qs-btn-blue font18" title="确定">确定</div>
			</div>
		</script>

		<div class="list_height plist-txt">
			<div class="pic"></div>
			<div class="tit font14">协调解决</div>
			<a href="#coordinate" class="describe font13 coordinateText">请输入需要协调解决的问题</a>
			<div class="arrow"></div>
			<div class="clear"></div>
		</div>
		<script type="text/html" id="tpl-coordinate">
			<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字以内)" maxlength="2000" id="tpl_coordinate"></textarea>
			</div>
			<div class="com-introduce-tip">
				<div class="text-num">最多可输入2000字</div>
				<div class="J_empty clear-coordinate text-clear">清空</div>
				<div class="clear"></div>
			</div>
			<div class="split-block"></div>
			<div class="btn-spacing">
				<div id="coordinateBtn" class="qs-btn qs-btn-blue font18" title="确定">确定</div>
			</div>
		</script>

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

		<div class="textarea-txt">
			<textarea id="suggest" name="suggest" placeholder="请输入您的意见建议" class="font13"></textarea>
		</div>
		<div class="bottom_txt font12">
			<div class="llt">最多可输入1000字</div>
			<div class="rlt text-clear">清空</div>
		</div>
		<div class="btn-spacing">
			<button type="submit" style="width:100%;" class="qs-btn qs-btn-blue font18">保存</button>
		</div>

		<div class="btn-spacing">
			<input type="hidden" id="problem" name="problem" value="">
			<input type="hidden" id="resolve" name="resolve" value="">
			<input type="hidden" id="coordinate" name="coordinate" value="">
		</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">

		var problemTemp = $('#tpl-problem').html();
		var resolveTemp = $('#tpl-resolve').html();
		var coordinateTemp = $('#tpl-coordinate').html();

		//清空内容
		$('.clear-suggest').on('click',function(){
			$('#suggest').val('');
		});

		$(".problemText").on('click', function() {
			popWin.init({
				from:"right",
				html:problemTemp,
				handle:function(a){
					if ($('#problem').val().length) {
						$('#tpl_problem').val($('#problem').val());
					}
					$('.clear-problem').on('click',function(){
						$('#tpl_problem').val('');
					});
					$('#problemBtn').on('click',function(){
						if ($.trim($('#tpl_problem').val()) == "") {
							qsToast({type:2,context: '请输入技术难题'});
							return false;
						}
						if ($.trim($('#tpl_problem').val().length)  > 2000) {
							qsToast({type:2,context: '技术难题请勿大于2000字符'});
							return false;
						}
						$('#problem').val($('#tpl_problem').val());
						$('.problemText').html($('#tpl_problem').val());
						a.close();
					});
				}
			})
		});
		$(".resolveText").on('click', function() {
			popWin.init({
				from:"right",
				html:resolveTemp,
				handle:function(a){
					if ($('#resolve').val().length) {
						$('#tpl_resolve').val($('#resolve').val());
					}
					$('.clear-resolve').on('click',function(){
						$('#tpl_resolve').val('');
					});
					$('#resolveBtn').on('click',function(){
						if ($.trim($('#tpl_resolve').val()) == "") {
							qsToast({type:2,context: '请提出解决途径和方法'});
							return false;
						}
						if ($.trim($('#tpl_resolve').val().length)  > 2000) {
							qsToast({type:2,context: '解决途径和方法请勿大于2000字符'});
							return false;
						}
						$('#resolve').val($('#tpl_resolve').val());
						$('.resolveText').html($('#tpl_resolve').val());
						a.close();
					});
				}
			})
		});
		$(".coordinateText").on('click', function() {
			popWin.init({
				from:"right",
				html:coordinateTemp,
				handle:function(a){
					if ($('#coordinate').val().length) {
						$('#tpl_coordinate').val($('#coordinate').val());
					}
					$('.clear-coordinate').on('click',function(){
						$('#tpl_coordinate').val('');
					});
					$('#coordinateBtn').on('click',function(){
						if ($.trim($('#tpl_coordinate').val()) == "") {
							qsToast({type:2,context: '请输入需要协调解决的问题'});
							return false;
						}
						if ($.trim($('#tpl_coordinate').val().length)  > 2000) {
							qsToast({type:2,context: '需要协调解决的问题请勿大于2000字符'});
							return false;
						}
						$('#coordinate').val($('#tpl_coordinate').val());
						$('.coordinateText').html($('#tpl_coordinate').val());
						a.close();
					});
				}
			})
		});

		// 验证表单并提交
		$('#form').submit(function() {
			let suggest = $.trim($('#suggest').val());
			if (!suggest) {
				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_suggest_save') }}",
				type: 'POST',
				dataType: 'json',
				data: data,
				success : function(result){
					qsToast({type:1,context:'提交成功！'});
					setTimeout(function () {
						location.href = "{{url('mobile/company/talent/index')}}";
					},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