@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')
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>
		@for($i=0,$cnt=count($student->reports);$i<$cnt;$i++)
		  <tr>
			<td class="text-center">{{$i+1}}</td>
			<td><a class="text-primary" href="/mypage/student/{{ $student->reports[$i]->student_id }}/report/{{ $student->reports[$i]->id }}" @if($student->reports[$i]->id == $report->id) style="font-weight:bold;" @endif>{{ $student->reports[$i]->title }}</a></td>
			<td class="text-center">{{ $student->reports[$i]->updated_at }}</td>
		  </tr>
		@endfor
		</tbody>
	  </table>
	</div>
  </div>
</div>-->

<div class="mt30">
@if($auth->grade_id == 3)
	@include('mypage.report.parent')
@elseif($auth->grade_id == 5)
	@include('mypage.report.host')
@elseif($auth->grade_id == 6)
	@include('mypage.report.student')
@endif
	<div class="text-center mt50"><button type="submit" class="btn btn-primary btn-lg" id="formSubmit">submit</button></div>
</div>

@endsection


@section('script')
	<script>
		var reportId = '{{ $report->id }}';
		var userId = '{{ $student->user_id }}';
		var userGrade = '{{ $auth->grade_id }}';
		var submitLocation = '/mypage/student/{{ $student->user_id }}';
	</script>
	@include('script.reportFormControl')
    <script src="/assets/js/fv_report.js?v=1"></script>

	@if($auth->grade_id == 3)
	<script>
		$(document).ready(function() {
			$('input').attr('readonly', true);
			$('input[type="file"]').hide();
		});
	</script>
	@endif;
@endsection