@extends('layouts.mypage')

@section('page-header')
Student information
@endsection


@section('content')


    @include('mypage.partial.student_info')
    @include('mypage.partial.student_tab', array('student_tab_active'=>'report'))


<div class="panel mt30">
  <div class="panel-body pn">
    <div class="table-responsive">
      <table class="table table-bordered table-hover" style="word-wrap:break-word;word-break:break-all;">
		<thead>
		  <tr>
			<th class="text-center">No</th>
			<th class="text-center">Title</th>
			<th class="text-center">Update Date</th>
		  </tr>
		</thead>
		<tbody>
				@if($auth->grade_id==6)
		@for($i=0,$cnt=count($student->reports);$i<$cnt;$i++)
		@if($student->reports[$i]->local_id==$auth->id)
		  <tr>
			<td class="text-center">{{$cnt-$i}}</td>
			<td><a class="text-primary" href="/mypage/student/{{ $student->reports[$i]->student_id }}/report/{{ $student->reports[$i]->id }}">{{ $student->reports[$i]->title }}</a></td>
			<td class="text-center">{{ $student->reports[$i]->updated_at }}</td>
		  </tr>
		@endif
		@endfor
		@elseif($auth->grade_id==4)
		@for($i=0,$cnt=count($student->reports);$i<$cnt;$i++)
		@if($student->reports[$i]->status_review=='submitted')
		  <tr>
			<td class="text-center">{{$submitted_cnt-$submitted_idx}}</td>
			<td><a class="text-primary" href="/mypage/student/{{ $student->reports[$i]->student_id }}/report/{{ $student->reports[$i]->id }}">{{ $student->reports[$i]->title }}</a></td>
			<td class="text-center">{{ $student->reports[$i]->updated_at }}</td>
			</tr>
					@endif
		@endfor
		@else
		@for($i=0,$cnt=count($student->reports);$i<$cnt;$i++)
		<tr>
			<td class="text-center">{{$cnt-$i}}</td>
			<td><a class="text-primary" href="/mypage/student/{{ $student->reports[$i]->student_id }}/report/{{ $student->reports[$i]->id }}">{{ $student->reports[$i]->title }}</a></td>
			<td class="text-center">{{ $student->reports[$i]->updated_at }}</td>
		</tr>
		@endfor
		@endif
		</tbody>
	  </table>
	</div>
  </div>
</div>

	@if( $auth->grade_id >= 6)
	<!--<div class="text-right mt10"><button class="btn btn-primary btn_local_report"><i class="fa fa-stack-exchange"></i> Report Create</button></div>-->
	<!-- Admin Form Popup -->
	<div id="modal" class="popup-basic admin-form mfp-with-anim mfp-hide"></div>
	@endif



@endsection


@section('script')
<script>
	$(document).ready(function(){
		@if( $auth->grade_id >= 6)
			$('.btn_local_report').on('click', function() {
					var user_id = {{ $auth->id }};
					createLocalReport(user_id);
				});

		function createLocalReport(user_id) {
			var markup = '';

			markup = '<div class="panel">'
					+ '<div class="panel-heading">'
					+ '<span class="panel-title">Report</span>'
					+ '</div>'

					+ '<div class="form-inline panel-body p25">'


					+ '<input type="hidden" id="report_student_id" class="form-control" value="{{ $student->user_id }}">'


					+ '<div class="section row mb10">'
					+ '<label for="lastname" class="field-label col-md-4">Title</label>'
					+ '<div class="col-md-8">'
					+ '<label for="report_title" class="field">'
					+ '<input type="text" id="report_title" class="gui-input" value="">'
					+ '</label>'
					+ '</div>'
					+ '</div>'
					
					
					+ '<div class="section row mb10">'
					+ '<label for="grade" class="field-label col-md-4">Host family</label>'
					+ '<div class="col-md-8">'
					+ '<label for="grade" class="field-label col-md-12" id="local-report-hf">{{$student->host?$student->host->user->lastname:''}}</label>'
					+ '</div>'
					+ '</div>'
			
			
					+ '<div class="section row mb10">'
					+ '<label for="grade" class="field-label col-md-4">School</label>'
					+ '<div class="col-md-8">'
					+ '<label for="grade" class="field-label col-md-12" id="local-report-school">{{ $student->school ? $student->school->school_name : '' }}</label>'
					+ '</div>'
					+ '</div>'
					
					
			
					
					
					
					

					+ '<div class="text-center smart-widget"><button id="btn_report_create" type="button" class="btn btn-primary">Create</button></div>'

					+ '</div>'

					+ '</div>'
					+ '<button title="Close (Esc)" type="button" class="mfp-close">×</button>';

			$("#modal").html(markup);

			$("#btn_report_create").off('click');
			$("#btn_report_create").on('click', function() {
				if('{{$student->host?"1":"0"}}'=='0')
				{	
					alert("This student don't have hostfamily.");
					return false;
				}
				var input_obj = {
					student: $('#report_student_id').val(),
					host : {{$student->host?$student->host->user->id:'null'}},
					title: $('#report_title').val()
				}
				$.ajax({
					method: "post",
					url: "/api/local/"+user_id+"/report",
					data: input_obj
				})
						.done(function( msg ) {
							location.reload();
						})
						.fail(function( a ) {
							alert(a.responseJSON.msg);
						});
			});

			// Inline Admin-Form example
			$.magnificPopup.open({
				items: {
					src: '#modal'
				},
				callbacks: {
					beforeOpen: function(e) {
						this.st.mainClass = 'mfp-zoomIn';
					}
				},
				midClick: true
			});
		}
		@endif
	});
</script>

@endsection