@extends('layouts.mypage')

@section('page-header')
    Flight info
@endsection


@section('content')
    @include('mypage.partial.student_info')
    @include('mypage.partial.student_tab', array('student_tab_active'=>'flight'))

<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($student->flights); $i<$cnt; $i++)
        <tr>
          <td class="text-center">{{$cnt-$i}}</td>
          <td><a class="text-primary" href="/mypage/student/{{ $student->user_id }}/flight/{{ $student->flights[$i]->id }}">{{ $student->flights[$i]->title }}</a> </td>
          <td class="text-center">{{ $student->flights[$i]->updated_at }}</td>
      
        </tr>
      @endfor
      @if(count($student->flights) <= 0)
        <tr>
          <td colspan="4" class="text-center">No result.</td>
        </tr>
      @endif
      </tbody>
    </table>
  </div>
</div>
@if($auth->grade_id!=5)
<div class="text-right mt10"><button class="btn btn-primary btn_student_flight"><i class="fa fa-stack-exchange"></i> Add Flight info </button></div>
@endif
</div>


@endsection


@section('script')
<script>
	jQuery(document).ready(function() {

		$('.btn_student_flight').on('click', function() {
			console.log("create flight");
			var user_id = {{ $student->user_id }};
			$.ajax({
					method: "post",
					url: "/api/student/"+user_id+"/flight",
				})
				.done(function( msg ) {
					if(msg.idx){
						location.href='./flight/' +msg.idx
					}else{
						location.reload();
					}
				
				})
				.fail(function( a ) {
					alert(a.responseJSON.msg);
				});
		});

	
		
		
	});
</script>
@endsection