@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="split-block"></div>
	<div class="edittag">
		<div class="tit font12">最多可以选5项
			<div class="J_more more for-event">换一批</div>
		</div>
		<div id="J_tagWrap">
			<div class="J_tagPage">
				<?php
					$arr = explode(',',$resume->tag_cn);
				?>
				@foreach($category['other']['AIX_resumetag'] as $key => $val )
						@if($key>9)
							@break;
						@endif
					<div class="tag @if(in_array(explode(',',$val)[1],$arr)) select @endif" tid="{{ explode(',',$val)[0] }}" title="{{ explode(',',$val)[1] }}">{{ explode(',',$val)[1] }}</div>
				@endforeach
			</div>

			<div class="J_tagPage qs-hidden">
				<?php
				$arr = explode(',',$resume->tag_cn);
				?>
				@foreach($category['other']['AIX_resumetag'] as $key => $val )
						@if($key>9)
							<div class="tag @if(in_array(explode(',',$val)[1],$arr)) select @endif" tid="{{ explode(',',$val)[0] }}" title="{{ explode(',',$val)[1] }}">{{ explode(',',$val)[1] }}</div>
						@endif
				@endforeach
			</div>

		</div>
		<input type="hidden" id="resume_id" value="{{ $resume->id or '' }}">
		<div class="clear"></div>
		<div class="split-block"></div>
		<div id="J_taglist">
			<?php
				$arr_tag = explode(',',$resume->tag);
				$arr_cn = explode(',',$resume->tag_cn);
			?>
			@if($resume->tag)
					@foreach($arr_tag as $key => $val )
						@if($val==0)
							<div class="tag select" tid="0" title="{{ $arr_cn[$key] or '' }}">{{ $arr_cn[$key] or '' }}</div>
						@endif
					@endforeach
			@endif
		</div>
		<div class="clear"></div>
		<div class="addtagbox">
			<div class="inputbox">
				<input id="tagVal" type="text"  placeholder="标签不够？手动输入8字内标签">
			</div>
			<div class="btnbox">
				<div id="J_addtag" class="qs-btn qs-btn-medium qs-btn-green">贴标签</div>
			</div>
			<div class="clear"></div>
		</div>
		<div class="tagbtns">
			<div id="J_saveresume" class="qs-btn qs-btn-blue font18">保存</div>
		</div>
	</div>
@endsection

@section('script')
	<script type="text/javascript">
		var resume_id = $.trim($('#resume_id').val());
		$('#J_addtag').on('click',function(){
			var tag = $('#tagVal').val();
			var isRepeat = false;
			if(tag == ''){
				qsToast({type:2,context: '标签不能为空！'});
				return false;
			}
			if (tag.length > 8) {
				qsToast({type:2,context: '自定义标签不能超过8个字！'});
				return false;
			}
			$('.tag').each(function(index, el) {
				if (tag == $(this).attr('title')) {
					isRepeat = true;
				}
			})
			if (isRepeat) {
				qsToast({type:2,context: '填写的亮点已经存在了哦！'});
				return false;
			}
			$('#J_taglist').append('<div class="tag" tid=0 title="'+tag+'">'+tag+'</div>');
			$('#tagVal').val('');
		});
		$('#J_tagWrap .tag,#J_taglist .tag').live('click',function(){
			if($(this).hasClass('select')){
				$(this).removeClass('select');
			}else{
				if($('.tag.select').length >= 5){
					qsToast({type:2,context: '特长标签最多可以选5项！'});
					return false;
				}
				$(this).addClass('select');
			}
		});
		$('#J_saveresume').on('click',function(){
			var tagListArray = $('.tag.select');
			var tagvalueArray = new Array();
			var tagcnvalueArray = new Array();
			if (tagListArray.length) {
				$.each(tagListArray, function(index, val) {
					tagvalueArray.push($(this).attr('tid'));
					tagcnvalueArray.push($(this).attr('title'));
				});
			} else {
				qsToast({type:2,context: '请选择特长标签'});
				return false;
			}
			$.ajax({
				headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
				url: "{{ route($sub_site.'mobile.person.tagSave')  }}",
				type: 'POST',
				dataType: 'json',
				data: {resume_id: resume_id, tag: tagvalueArray, tag_cn:tagcnvalueArray},
				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});
					}
				}
			})
		});
		var n = 0;
		$('.J_more').on('click',function(){
			n++;
			if(n>$('.J_tagPage').length-1){
				n=0;
			}
			$('.J_tagPage').eq(n).removeClass('qs-hidden').siblings().addClass('qs-hidden');
		});
	</script>
@endsection