@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

@push('js')
@endpush

@section('content')
	<div class="split-block-title">包含屏蔽关键词的企业将无法查看您的简历，请谨慎操作！</div>
	<div class="ptitle border">
		<div class="th1">添加屏蔽企业</div>
		<div class="rtxt">最多添加<span id="J_n">10</span>个</div>
	</div>
	<div class="listmod">
		<div class="shiele_wrap">
			<input id="shieleVal" type="text" class="shiele_val" placeholder="请输入要屏蔽的企业" oninput="onInput(event)">
			<div id="saveBtn" class="qs-btn qs-btn-blue shiele_btn">加入屏蔽</div>
			<input name="company_id" id="company_id" type="hidden">
			<div class="clear"></div>
			<div class="search_ajax"><ul id="search_mes"></ul></div>
		</div>
	</div>
	<div class="split-block"></div>
	<div class="listmod">
		<div class="list_height pl6 bottom_order">已屏蔽的企业</div>
		@if($shieldCompany->isEmpty())
			<div class="J_null txtmod qs-center">您还没有添加屏蔽的企业</div>
		@endif
		<div id="J_tags" class="tagmod">
			@foreach($shieldCompany as $key=> $val)
				<div class="J_tagList litag substring" iid="{{ $val->id }}">{{ $val->comkeyword }}<div class="del"></div></div>
			@endforeach
			<div class="clear"></div>
		</div>
	</div>
	<div class="split-block"></div>
@endsection
@section('script')
	<script type="text/javascript">
		$(document).on('click','.J_tagList .del',function () {
			var f = $(this).parent(),
					i = f.attr('iid');
			var dialog = new QSpopout('删除屏蔽企业');
			dialog.setContent('删除后无法恢复，您确定要删除该企业吗？');
			dialog.show();
			dialog.getPrimaryBtn().on('click', function () {
				$.ajax({
					headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
					url: "{{ route($sub_site.'person.del_shield_company') }}",
					type: 'POST',
					dataType: 'json',
					data: {id:i},
					success: function (result) {
						f.remove();
					//	$('#J_n').html(parseInt($('#J_n').html()) + 1);
						qsToast({type:1,context:result.data});
					},
					error: function (errorData) {
						if(errorData.status==400) {//业务错误
							qsToast({type:2,context: JSON.parse(errorData.response).message});
						}
					}
				})
			});
		})

		$('#saveBtn').on('click',function(){
			var val = $("#shieleVal").val();
			if(val==''){
				qsToast({type:2,context: '请输入要屏蔽的企业'});
				return false;
			}

			if(!$('div').hasClass('search_wd')){
				qsToast({type:2,context: '暂未查询到该企业信息，请重新填写！'});
				return false;
			}

			var c = $('#company_id').val();
			if (c == "") {
				qsToast({type:2,context: '请选择要屏蔽的企业'});
				return false;
			}
			$.ajax({
				headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
				url: "{{ route($sub_site.'mobile.person.save_shield_company') }}",
				type: 'POST',
				dataType: 'json',
				data: {company_id:c},
				success: function (result) {
					$('#J_tags').removeClass('qs-hidden').prepend('<div class="J_tagList litag substring" iid="'+result.data.id+'">'+result.data.comkeyword+'<div class="del"></div></div>');
					$('.J_null').remove();
					$('#shieleVal').val('');
					$('#J_n').html(parseInt($('#J_n').html()) - 1);
					qsToast({type:1,context:'添加成功！'});
				},
				error: function (errorData) {
					if(errorData.status==400) {//业务错误
						qsToast({type:2,context: JSON.parse(errorData.response).message});
					}
				}
			})
		});
		// 关键字搜索关联
		function onInput(event) {
			var keyValue = event.target.value;
			if (!keyValue.length) {
				$('.search_ajax').hide();
				return false;
			}
			$.getJSON("{{route($sub_site.'person.outward.company')}}",{query:keyValue},function(result){
				if (result.status==1) {
					var reArr = result.data.suggestions.list;
					if (reArr.length) {
						var reHtml = '';
						for (var i = 0; i < reArr.length; i++) {
							reHtml += '<li ><div class="search_wd" data-id="'+reArr[i].id+'">'+reArr[i].companyname+'</div></li>';
						}
						$('#search_mes').html(reHtml);
						$('.search_ajax').show();
					}
				}
			});
		}
		$(document).off("click",".search_wd").on("click",".search_wd",function () {
				$("#shieleVal").val($(this).text());
			    $("#company_id").val($(this).data("id"));
				$(".search_ajax").hide();
		})
	</script>
@endsection