@extends('layouts.mypage')
    <script src="/vendor/jquery/jquery-1.11.1.min.js"></script>
    <script src="/vendor/jquery/jquery_ui/jquery-ui.min.js"></script>
    <script src="/vendor/jquery/jquery.tmpl.min.js"></script>
@section('page-header')
<h1 class="page-header">My Report</h1>
@endsection


@section('content')

{{--LC PART START--}}
@if($auth->grade_id==4||$auth->grade_id==6||$auth->grade_id==9||$auth->grade_id==10 ||$auth->grade_id==3)
	@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="/mypage/report/{{ $report->id }}/lang/en">English</a>
		</li>
		@if($report->student->inputCitizenship=='China')
		<li class="{{(isset($lang)&&($lang=='cn'))?'active':''}} w100">
			<a href="/mypage/report/{{ $report->id }}/lang/cn">Chinese</a>
		</li>
		@elseif($report->student->inputCitizenship=='Vietnam')
		<li class="{{(isset($lang)&&($lang=='vn'))?'active':''}} w100">
			<a href="/mypage/report/{{ $report->id }}/lang/vn">Vietnamese</a>
		</li>
		@elseif($report->student->inputCitizenship=='Korea')
		<li class="{{(isset($lang)&&($lang=='kr'))?'active':''}} w100">
			<a href="/mypage/report/{{ $report->id }}/lang/kr">Korea</a>
		</li>
		@endif
		
		</ul>
	</div>
	<br>
	<h1><center>Monthly Report&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href={{$pdfLink}}><button class="btn btn-primary btn-lg">download @if(($lang=='en')||($lang=='none'))(EN) @elseif($lang=='cn')(CN) @elseif($lang=='vn')(VN) @elseif($lang=='kr')(KR) @endif</button></a> @if($lang=='cn') <a href={{$grade_ref}}><button class="btn btn-success btn-lg">Grade Reference</button></a>@endif
	@if ( ! empty ($my_application->fileGradeCard) )
	<a href="/download?file_name={{ $my_application->fileGradeCard }}"><button class="btn btn-agree btn-lg" style="padding:6px 10px 6px 10px;"><img src="/assets/img/userimg/grades.png" onmouseover="this.src='/assets/img/userimg/download.png'" onmouseout="this.src='/assets/img/userimg/grades.png'"/></button></a>
	@endif
	@if ( ! empty ($my_application->fileGradeCard1) )
	<a href="/download?file_name={{ $my_application->fileGradeCard1 }}"><button class="btn btn-agree btn-lg" style="padding:6px 10px 6px 10px;"><img src="/assets/img/userimg/grades.png" onmouseover="this.src='/assets/img/userimg/download.png'" onmouseout="this.src='/assets/img/userimg/grades.png'"/></button></a>
	@endif
	@if ( ! empty ($my_application->fileGradeCard2) )
	<a href="/download?file_name={{ $my_application->fileGradeCard2 }}"><button class="btn btn-agree btn-lg" style="padding:6px 10px 6px 10px;"><img src="/assets/img/userimg/grades.png" onmouseover="this.src='/assets/img/userimg/download.png'" onmouseout="this.src='/assets/img/userimg/grades.png'"/></button></a>
	@endif
	@if ( ! empty ($my_application->fileGradeCard3) )
	<a href="/download?file_name={{ $my_application->fileGradeCard3 }}"><button class="btn btn-agree btn-lg" style="padding:6px 10px 6px 10px;"><img src="/assets/img/userimg/grades.png" onmouseover="this.src='/assets/img/userimg/download.png'" onmouseout="this.src='/assets/img/userimg/grades.png'"/></button></a>
	@endif
	</center>
	</h1>

<div class="bs-panel mt30">
    <p>@lang('report.studentName'): {{ $report->student ? $report->student->user->lastname : '' }}, {{ $report->student ? $report->student->user->firstname : '' }}</p>
    <p>@lang('report.date'):
        Jul/05/2025    </p>
    <p>@lang('report.lcName'): {{ $report->local ? $report->local->user->lastname : '' }}, {{ $report->local ? $report->local->user->firstname : '' }}</p>
    <p>@lang('report.hostFamilyName'): {{ $report->host ? ( ($report->host->inputHostMotherFirstName==null||$report->host->inputHostMotherFirstName=='')?$report->host->inputHostFatherFirstName: $report->host->inputHostMotherFirstName) : '' }}@lang('report.sFamily') </p>
    <p>@lang('report.schoolName'): {{ $report->student->school ? $report->student->school->school_name : '' }} </p>
</div>

	<hr>
	<br>
@endif
{{--LC PART END--}}

{{--LC / HF PART START--}}
@if(($auth->grade_id==4)||($auth->grade_id==5)||($auth->grade_id==6)||$auth->grade_id==9||$auth->grade_id==10 ||$auth->grade_id==3)

	<h1>@lang('report.hostFamilyReport')</h1>
	@include('mypage.report.host')
	
@endif

{{--LC / STUDENT PART START--}}
@if(($auth->grade_id==2)||($auth->grade_id==6)||$auth->grade_id==9||$auth->grade_id==10)	

	<hr>
	<h1>@lang('report.studentReport')</h1>
	@include('mypage.report.student')
	
@endif	
	

{{--LC PART START--}}
@if($auth->grade_id==4||$auth->grade_id==6||$auth->grade_id==9||$auth->grade_id==10 ||$auth->grade_id==3)
	
<script>
report_grade_id=6;
</script>
<h1>@lang('report.gradeCardH1')</h1>
<b><font color=red>(** You have to upload file that's size is less than 8MB.)</font></b>
<div>
@include('partial.fileupload', array( 'size'=>'col-lg-12', 'id'=>'fileGradeCard', 'mode'=>'noimg' ) )
@if ( ! empty ($my_application->fileGradeCard) )
<div><a href="/download?file_name={{ $my_application->fileGradeCard }}"><button class="btn btn-primary btn-lg mt20">student grade card download</button></a> <a style="font-size:20px; cursor:pointer"  class="mr-delete-grade">x</a></div>
@endif
</div>
<div>
@include('partial.fileupload', array( 'size'=>'col-lg-12', 'id'=>'fileGradeCard1', 'mode'=>'noimg' ) )
@if ( ! empty ($my_application->fileGradeCard1) )
<div><a href="/download?file_name={{ $my_application->fileGradeCard1 }}"><button class="btn btn-primary btn-lg mt20">student grade card download</button></a> <a style="font-size:20px; cursor:pointer"  class="mr-delete-grade">x</a></div>
@endif
</div>
<div>
@include('partial.fileupload', array( 'size'=>'col-lg-12', 'id'=>'fileGradeCard2', 'mode'=>'noimg' ) )
@if ( ! empty ($my_application->fileGradeCard2) )
<div><a href="/download?file_name={{ $my_application->fileGradeCard2 }}"><button class="btn btn-primary btn-lg mt20">student grade card download</button></a> <a style="font-size:20px; cursor:pointer"  class="mr-delete-grade">x</a></div>
@endif
</div>
<div>
@include('partial.fileupload', array( 'size'=>'col-lg-12', 'id'=>'fileGradeCard3', 'mode'=>'noimg' ) )
@if ( ! empty ($my_application->fileGradeCard3) )
<div><a href="/download?file_name={{ $my_application->fileGradeCard3 }}"><button class="btn btn-primary btn-lg mt20">student grade card download</button></a> <a style="font-size:20px; cursor:pointer"  class="mr-delete-grade">x</a></div>
@endif
</div>
	

<h1>@lang('report.localCoordinatorComment')</h1>
@include('partial.textarea', array( 'id'=>'textareaLCComment', 'height'=>3 ,'title'=>trans('report.lcComment') ) )
	
<h1 class="mt50">@lang('report.SAComment')</h1>
<div class="form-group mt15">
    <label for="inputQuesSLCC01" class="control-label">Input Comment (* Max character length : 4000)</label>
    <textarea class="form-control" id="inputQuesSLCC01" rows="3" maxlength="4000">{{ ( ! empty ($my_application->inputQuesSLCC01) ) ? $my_application->inputQuesSLCC01 : '' }}</textarea>
</div>

<div class="checkbox-custom mb5 col-lg-12" style="padding-left:0px;">               
<input type="checkbox" id="SACHECK" {{ ( ! empty($my_application->SACHECK) )&&($my_application->SACHECK=='T') ? 'checked' : '' }}>
@if($lang=='cn'||$lang=='vn'||$lang=='kr')
<label for="SACHECK">Complete translation</label>
@else
<label for="SACHECK">Reviewed by SA</label>
@endif
</div>	

@if($auth->grade_id!=9&&$auth->grade_id!=10)
@if(($report->status_host=='submitted')&&($report->status_student=='submitted'))	
<div class="text-center mt50"><button type="submit" class="btn btn-primary btn-lg" id="formSubmit">submit</button></div>
</div>
<div id="btnSaveForm" style="position: fixed; bottom:5px; left:60px; width:100px; height:50px; text-align:center;"> <button class="btn btn-primary" style="height:40px; line-height:13px; border-radius: 2px;">Save</button> </div>
@else
<div class="text-center mt50"><button type="submit" class="btn btn-default btn-lg" id="formSubmit_notworking">submit</button></div>
</div>
<div id="btnSaveForm" style="position: fixed; bottom:5px; left:60px; width:100px; height:50px; text-align:center;"> <button class="btn btn-primary" style="height:40px; line-height:13px; border-radius: 2px;">Save</button> </div>
@endif	

@else
<div id="btnSaveForm" style="position: fixed; bottom:5px; left:60px; width:100px; height:50px; text-align:center;"> <button class="btn btn-primary" style="height:40px; line-height:13px; border-radius: 2px;">Save</button> </div>
@endif
@endif		
	
	
	

	
@endsection

@section('script')
@if(isset($lang)&&($lang=='cn'||$lang=='vn'||$lang=='kr'))
@else
<script>
$('#SACHECK').change(function(){
	if($(this).is(":checked")){
		@if($auth->grade_id==6)
			alert("You are not SA. This check box is for SA.");
			$(this).prop('checked', false); 
	 	@elseif(($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   
	<script>
		var reportId = '{{ $report->id }}';
		var userId = '{{ $auth->id }}';
		var submitLocation = '/mypage/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>
    $('#formSubmit_notworking').on('click',function(){
    	alert("Student or Host family didn't submit this report.");
    });
    
    
    
    	$('.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>
    
@endsection