@extends('layouts.admin')

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


@section('content')

@include('admin.student_info')

<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 (Arrival Date / Departure City / Arrival City / Student Name)</th>
          <th class="text-center">Update Date</th>
          <th class="text-center">Delete</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="/admin/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>
          <td class="text-center"><button flight_id="{{ $student->flights[$i]->id }}" class="btn btn-danger btn_flight_delete">Delete</button></td>
        </tr>
      @endfor
      @if(count($student->flights) <= 0)
        <tr>
          <td colspan="4" class="text-center">No result.</td>
        </tr>
      @endif
      </tbody>
    </table>
  </div>
</div>
<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>
</div>


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


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

        $('[data-toggle="tabajax"]').click(function(e) {
			e.preventDefault();
			var loadurl = $(this).attr('href')
			var targ = $(this).attr('data-target')
			$.get(loadurl, function(data) {
				$(targ).html(data)
			});
			$(this).tab('show')
		});

		@include('admin_common_script')

		$('#btn_status_change').on('click', function() {
			$('#status_form').toggle();
		});

		function capitalizeFirstLetter(string) {
			return string.charAt(0).toUpperCase() + string.slice(1);
		}

		$('.btn_status_item').on('click', function() {
			var student_id = $(this).parent().parent().parent().parent().attr('data-id');
			var status = $(this).attr('data-value');

			$('#status_form').hide();
			$('#btn_status_change').html(capitalizeFirstLetter(status)+' <i class="fa fa-sort-desc" style="font-size:18px;margin-left:4px;"></i>');

			$.ajax({
				method: "put",
				url: "/api/student/"+student_id+"/status",
				data: {'status': status}
			})
			.done(function( msg ) {
			})
			.fail(function( a ) {
				alert(a.responseJSON.msg);
			});
		});
		
		$('.btn_student_notice').on('click', function() {
			var user_id = {{ $student->user_id }};
			getStudentNotice(user_id);
		});

		$('.btn_account_info').on('click', function() {
			var user_id = {{ $student->user_id }};
			getAccountInfo(user_id);
		});

		$('.btn_user_comment').on('click', function() {
			var user_id = {{ $student->user_id }};
			getUserComments(user_id);
		});

		$('.btn_student_relation').on('click', function() {
			var user_id = {{ $student->user_id }};
			getStudentRelation(user_id);
		});

		$('.btn_student_file').on('click', function() {
			alert('Ready!');
		});

		$('.btn_status_change').on('click', function() {
			var this_obj = $(this);
			var user_id = $(this).attr('data-id');
			changeStudentStatus(this_obj, user_id);
		});

		$('.btn_document_status_change').on('click', function() {
			var this_obj = $(this);
			var user_id = $(this).attr('data-id');
			changeStudentDocumentStatus(this_obj, user_id);
		});

		$('.btn_flight_delete').on('click', function() {
			
			var flight_id = $(this).attr('flight_id');
			console.log("flight id : "+flight_id);

			swal({   
				title: "Delete Flight Info",
				text: '',
				type: "warning",
				html: true,
				allowOutsideClick: true,
				showCancelButton: true,
				cancelButtonText: "No",
				confirmButtonText: "Yes",
				closeOnConfirm: true
			},
			function(isConfirm){
				if(!isConfirm) return;
				$.ajax({
					method: "delete",
					url: "./flight/"+flight_id,
				})
				.done(function( msg ) {
					location.reload();
				})
				.fail(function( a ) {
					alert(a.responseJSON.msg);
				});
			});
			
		
			
			
			
		});



		$('.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