@extends('layouts.admin')

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


@section('content')

@include('admin.student_info')

@include('mypage.partial.story')



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


@section('script')
<script>
	var locals = {};
	var hosts = {};
	var schools = {};

	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_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);
		});
	});

</script>
@include('script.comment')
@endsection