@extends('layouts.admin')

@section('page-header')
{{ $report->title }}
@endsection


@section('content')

<div class="p10">


@if(isset($lang))
<input type="hidden" value={{$lang}} id="report_language">
@endif


<div class="panel-heading">
	<ul class="nav panel-tabs panel-tabs-left text-center">
	
	<li class="{{(($lang=='en')||($lang=='none'))?'active':''}} w100">
		<a href="/admin/report/{{ $report->id }}/lang/en">English</a>
	</li>
	@if($report->student->inputCitizenship=='China')
	<li class="{{(isset($lang)&&($lang=='cn'))?'active':''}} w100">
		<a href="/admin/report/{{ $report->id }}/lang/cn">Chinese</a>
	</li>
	@elseif($report->student->inputCitizenship=='Vietnam')
	<li class="{{(isset($lang)&&($lang=='vn'))?'active':''}} w100">
		<a href="/admin/report/{{ $report->id }}/lang/vn">Vietnamese</a>
	</li>
	@elseif($report->student->inputCitizenship=='Korea')
	<li class="{{(isset($lang)&&($lang=='kr'))?'active':''}} w100">
		<a href="/admin/report/{{ $report->id }}/lang/kr">Korean</a>
	</li>
	@endif
	</ul>
</div>








<!--
<div class="col-md-3 mt10 text-right">
	<a href="/admin/local/{{$local->user_id}}/download"><button class="btn btn-primary btn-lg">Monthly download</button></a>
</div>
-->
	@include('mypage.report.local')
	
	

</div>
@include('partial.save')

@endsection

@section('script')

	<script>
		var reportId = '{{ $report->id }}';
		var userId = '';
		var submitLocation = '/admin/report';
		var userGrade = '{{ $auth->grade_id }}';
		var monthly_language =@if(isset($lang)&&($lang!='none')) '{{$lang}}' @else 'en' @endif;
		
	</script>
    @include('script.reportFormControl')
   <script src="/assets/js/fv_report.js?v=1"></script>
<script>
	jQuery(document).ready(function() {
	
		

		@include('admin_common_script')

		$('#btn_status_change').on('click', function() {
			changeHostStatus($(this).attr('data-value'));
		});

		$('.btn_account_info').on('click', function() {
			var user_id = $(this).attr('user_id');
			getAccountInfo(user_id);
		});

		$('.btn_user_comment').on('click', function() {
			var user_id = $(this).parent().parent().attr('data-id');
			getUserComments(user_id);
		});

		$('.btn_local_relation').on('click', function() {
			var user_id = $(this).parent().parent().attr('data-id');
			getLocalRelation(user_id);
		});
		
	
		
		
		
	$('.mr-delete-img').on('click',function(){
		console.log("hey"+reportId);
		var sibling_tag_id = $(this).parents().siblings('input[type=file]').attr('id');
		console.log(sibling_tag_id);
		
		
		console.log(monthly_language);
		var input_obj = {
			file_id: sibling_tag_id,
			version: monthly_language
		}
		
		swal({   
				title: "Delete this photo?",
				text: '',
				type: "info",
				html: true,
				allowOutsideClick: true,
				showCancelButton: true,
				cancelButtonText: "No",
				confirmButtonText: "Yes",
				closeOnConfirm: true
		},
		function(isConfirm){
			if(!isConfirm) return;
			$.ajax({
				method: "delete",
				url: "/api/report/"+reportId+"/file",
				data: input_obj
			})
			.done(function( msg ) {
			
				alert('delete success!');
				location.reload();
			})
			.fail(function( a ) {
					alert(a.responseJSON.url);
			});
		
		
		});
			
		
	});
		

	$('.mr-delete-grade').on('click',function(){
		console.log("hey"+reportId);
		var sibling_tag_id = $(this).parent().siblings('div').children().attr('id');//
		console.log(sibling_tag_id);
		
		var input_obj = {
			file_id: sibling_tag_id,
			version: monthly_language
		}
		
		swal({   
				title: "Delete grade card?",
				text: '',
				type: "info",
				html: true,
				allowOutsideClick: true,
				showCancelButton: true,
				cancelButtonText: "No",
				confirmButtonText: "Yes",
				closeOnConfirm: true
		},
		function(isConfirm){
			if(!isConfirm) return;
			$.ajax({
				method: "delete",
				url: "/api/report/"+reportId+"/file",
				data: input_obj
			})
			.done(function( msg ) {
			
				alert('delete success!');
				location.reload();
			})
			.fail(function( a ) {
					alert(a.responseJSON.url);
			});
		
		
		});
			
		
	});	
		
		
	});

</script>



@if(isset($lang)&&($lang=='cn'||$lang=='vn'||$lang=='kr'))
@else
<script>
$('#SACHECK').change(function(){
	if($(this).is(":checked")){
	 	@if(($report->status_translator)=='submitted'||(($report->student->inputCitizenship!='China')&&($report->student->inputCitizenship!='Vietnam')))
	 		console.log("pass~~~~~~");	
		@else
			alert("You have to complete translation first.");
			$(this).prop('checked', false); 
		@endif
	}
});
</script>
@endif   
    
@endsection