@extends('layouts.admin')

@section('page-header')
{{ $local->user->lastname }}, {{ $local->user->firstname }}
@endsection


@section('content')

@include('admin.local_info')

@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="w100">
		<a href="/admin/local/{{ $local->user_id }}">Application</a>
	</li>
	<li class="w100">
		<a href="/admin/local/{{ $local->user_id }}/host">H/F</a>
	</li>
	<li class="w100">
		<a href="/admin/local/{{ $local->user_id }}/student">Student</a>
	</li>
	<li class="active w100">
		<a href="/admin/local/{{ $local->user_id }}/report">Report</a>
	</li>
	</ul>
</div>
<br><br>
<!--
<div class="panel mt5 p10">
  <div class="panel-body pn">
	<div class="bs-component">
	  <table class="table table-hover table-bordered">
		<thead>
		  <tr>
			<th class="text-center">No</th>
			<th class="text-center">Title</th>
			<th class="text-center">Update Date</th>
		  </tr>
		</thead>
		<tbody>
		@for($i=0,$cnt=count($local->reports);$i<$cnt;$i++)
		  <tr>
			<td class="text-center">{{$i+1}}</td>
			<td><a class="text-primary" href="/admin/local/{{ $local->user_id }}/report/{{ $local->reports[$i]->id }}" @if($local->reports[$i]->id == $report->id) style="font-weight:bold;" @endif>{{ $local->reports[$i]->title }}</a></td>
			<td class="text-center">{{ $local->reports[$i]->updated_at }}</td>
		  </tr>
		@endfor
		@if(count($local->reports) <= 0)
		  <tr>
		    <td colspan="3" class="text-center">No result.</td>
		  </tr>
		@endif
		</tbody>
	  </table>
	</div>
  </div>
</div>
-->
<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/local/{{$local->user_id}}/report/{{ $report->id }}/lang/en">English</a>
	</li>
	@if($report->student->inputCitizenship=='China')
	<li class="{{(isset($lang)&&($lang=='cn'))?'active':''}} w100">
		<a href="/admin/local/{{$local->user_id}}/report/{{ $report->id }}/lang/cn">Chinese</a>
	</li>
	@elseif($report->student->inputCitizenship=='Vietnam')
	<li class="{{(isset($lang)&&($lang=='vn'))?'active':''}} w100">
		<a href="/admin/local/{{$local->user_id}}/report/{{ $report->id }}/lang/vn">Vietnamese</a>
	</li>
	@elseif($report->student->inputCitizenship=='Korea')
	<li class="{{(isset($lang)&&($lang=='kr'))?'active':''}} w100">
		<a href="/admin/local/{{$local->user_id}}/report/{{ $report->id }}/lang/kr">Korean</a>
	</li>
	@endif
	</ul>
</div>


<div class="p10">
@include('mypage.report.local')
</div>

<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>

<!-- Admin Form Popup -->
<div id="modal" class="popup-basic admin-form mfp-with-anim mfp-hide"></div>
@endsection


@section('script')
<script>
	var reportId = '{{ $report->id }}';
	var userId = '{{ $local->user_id }}';
	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_cm.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);
		});
		
		$('.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);
		
		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>
@endsection