@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">
	<link href="{{ theme_asset('mobile/css/nprogress.css') }}" rel="stylesheet">
@endpush

@section('content')
	<div class="list_height plist-txt notarrow">
		<div class="pic"></div>
		<div class="tit font14">作品描述</div>
		<div class="describe font13">
			<input type="text" id="title" placeholder="请输入作品描述" value="{{ $imagesEdu->title or '' }}">
		</div>
		<div class="arrow"></div>
		<div class="clear"></div>
	</div>

	<div class="list_height plist-txt notarrow last	">
		<div class="pic"></div>
		<div class="tit font14">上传作品<span class="font_red_light">*</span></div>
		<div class="describe com_auth_add_btn font13">
			<div class="qs-btn qs-btn-inline qs-btn-green qs-btn-medium mt125">
				<span class="js-up-txt">上传作品</span>
				<input type="file" id="browseFile" class="browseFile">
			</div>
			<input type="hidden" id="certificate_img_up" name="certificate_img_up" value="{{ $imagesEdu->img or '' }}">
		</div>
		<div class="arrow"></div>
		<div class="clear"></div>
	</div>

	<div class="split-block"></div>
	<div class="qs-center m-auth-img-box-group @if(!isset($imagesEdu->img) || empty($imagesEdu->img)) qs-hidden @endif">
	<div class="m-auth-img-box photo-works">
		@if(isset($imagesEdu->img))
			<img src="{{ upload_asset($imagesEdu->img) }}">
		@else
			<img src="">
		@endif
	</div>
	</div>
	<input type="hidden" id="id" value="{{ $imagesEdu->id or '' }}">
	<input type="hidden" id="resume_id" value="{{ $resume_id or '' }}">
	<div class="btn-spacing">
		<a id="J_saveresume"  href="javascript:;" class="qs-btn qs-btn-blue font18">保存</a>
	</div>
	<div class="split-block"></div>

@endsection

@section('script')
	<script type="text/javascript" src="{{ theme_asset('mobile/js/mobileBUGFix.mini.js') }}"></script>
	<script type="text/javascript" src="{{ theme_asset('mobile/js/LocalResizeIMG.js') }}"></script>
	<script type="text/javascript" src="{{ theme_asset('mobile/js/nprogress.js') }}"></script>
	<script type="text/javascript">
		var resume_id = $.trim($('#resume_id').val());
		var id = $.trim($('#id').val());
		$('#browseFile').localResizeIMG({
			width: 400,
			quality: 1,
			success: function (result) {
				var submitData={
					images:result.clearBase64,
					title:$.trim($('#title').val()),
					id:id,
					resume_id:resume_id,
				};
				NProgress.start();
				$.ajax({
					headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
					type: "POST",
					url: "{{ route($sub_site.'mobile.resume.resumeImages') }}",
					data: submitData,
					dataType:"json",
					success: function(result){
						NProgress.done();
						$('#certificate_img_up').val(result.data);
						$('.m-auth-img-box').html('<img src="/storage/'+result.data +'">');
						$('.m-auth-img-box-group').removeClass('qs-hidden');
						$('.js-up-txt').text('重新选择');
					},
					complete :function(XMLHttpRequest, textStatus){},
					error:function(XMLHttpRequest, textStatus, errorThrown){ //上传失败
						if(XMLHttpRequest.status==400){
							qsToast({type:2,context: JSON.parse(XMLHttpRequest.response).message});
						}else{
							qsToast({type:2,context: '图片上传失败！'});
						}
						setTimeout(function () {
							window.location.reload();
						}, 2000);
					}
				});
			}
		});
		$('#J_saveresume').on('click',function(){
			window.location.href = '{{ route($sub_site.'mobile.person.resumeUpdate',['id'=>$resume_id]) }}';
		});
	</script>


@endsection