@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="table-responsive">
      <table class="table table-striped table-bordered table-hover" style="word-wrap:break-word;word-break:break-all;">
        <thead>
          <tr>
			<th width="80" class="text-center">No</th>
			<th class="text-center">Document Name</th>
			<th class="text-center">Writer</th>
			<th class="text-center">Created Date</th>
			<th class="text-center">Delete</th>
          </tr>
        </thead>
        <tbody>
		  @for($i=0,$cnt=count($documents);$i<$cnt;$i++)
		  		  <tr>
			<td class="text-center">{{ $documents->total() - ($documents->perPage() * ($documents->currentPage()-1)) - $i }}</td>
			<td><a href="/download?file_path=backup&file_id={{ $document->id }}">{{ $document->file_name }}</a></td>
			<td>{{ $document->writer->firstname }} {{ $document->writer->lastname }}</td>
			<td class="text-center">{{ $document->created_at }}</td>
			<td class="text-center"><button data-id="{{ $document->id }}" class="btn btn-danger btn_document_delete">Delete</button></td>
		  </tr>
		  @endfor
		  @if(count($documents) <= 0)
		  <tr>
		    <td class="text-center" colspan="6">No result.</td>
		  </tr>
		  @endif
        </tbody>
      </table>
	</div>
  </div>
</div>

<div class="admin-form">
	<div class="section text-left" style="width:61px;height:39px;margin-left:10px;">
	  <label class="field file">
		<span class="button btn-system">Add</span>
		<input type="file" class="gui-file" name="image1_file" id="image1_file">
		<input type="text" class="gui-input" id="image1" placeholder="Please Select A File" value="">
	  </label>
	</div>
</div>

<nav class="text-center">
	{{ $documents->links() }}
</nav>


<!-- 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() {

		@include('admin_common_script')

		$('#image1_file').on('change', function() {
			var form = new FormData();
			form.append('user_id', '{{ $student->user_id }}');
			form.append('document', $(this)[0].files[0]);

			$.ajax({
				type: "POST",
				url: "/api/student/{{ $student->user_id }}/document",
				data: form,
				processData: false,
				contentType: false
			})
			.done(function(s) {
				location.href = '/admin/student/{{ $student->user_id }}/document';
			})
			.fail(function(err) {
				alert(err.responseJSON.msg);
			});
		});

		$('.btn_document_delete').on('click', function() {
			var document_id = $(this).attr('data-id');
			swal({   
				title: "Are You Sure?",
				text: '',
				html: true,
				allowOutsideClick: true,
				showCancelButton: true,
				cancelButtonText: "No",
				confirmButtonText: "Yes",
				closeOnConfirm: false
			},
			function(isConfirm){
				if (isConfirm) {
					$.ajax({
						method: "delete",
						url: "/api/student/{{ $student->user_id }}/document/" + document_id
					})
					.success(function( msg ) {
						location.href = '/admin/student/{{ $student->user_id }}/document';
					})
					.fail(function( err ) {
						alert(err.responseJSON.msg);
					});
				}
			});
		});

		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 ) {
				console.log(a);
				alert(a.responseJSON.msg);
			});
		});
		
		$('#btn_status_change').on('click', function() {
			$('#status_form').toggle();
		});

		$('.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);
		});
	});
</script>
@endsection