@extends('layouts.admin')

@section('page-header')
	@include('admin.host_header_info')
@endsection


@section('content')

@include('admin.host_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">Name</th>
			<th class="text-center">Country</th>
			<th class="text-center">Gender</th>
			<th class="text-center">Birth</th>
			<th class="text-center">Phone</th>
			<th class="text-center">L/C</th>
			<th class="text-center">Location</th>
			<th class="text-center">School Name</th>
			<th class="text-center">Status</th>
          </tr>
        </thead>
        <tbody>
		@for ($i=0,$cnt=count($host->students); $i<$cnt; $i++)
				  <tr>
			<td class="text-center">{{ $i+1 }}</td>
			<td><a href="/admin/student/{{ $student->user_id }}">{{ $student->user->firstname }} {{ $student->user->lastname }}</a></td>
			<td>{{ $student->inputEngCountry }}</td>
			<td class="text-center">{{ $student->inputGender }}</td>
			<td class="text-center">{{ $student->inputBirth }}</td>
			<td class="text-center">{{ $student->inputPhone }}</td>
			<td class="text-center">{{ $student->local ? $student->local->inputHostMotherFirstName : '' }} {{ $student->local ? $student->local->inputHostMotherLastName : '' }}</td>
			<td class="text-center">{{ $student->inputAddress }}</td>
			<td class="text-center">{{ $student->school ? $student->school->school_name : '' }}</td>
			<td class="text-center">{{ $student->status }}</td>
		  </tr>
		@endfor
		@if(count($host->students) <= 0)
		  <tr>
		    <td colspan="10" class="text-center">No result.</td>
		  </tr>
		@endif
        </tbody>
      </table>
	</div>

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

		@include('admin_common_script')

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

		$('.btn_user_comment').on('click', function() {
			var user_id = $(this).parent().parent().attr('data-id');
			getUserComments(user_id);
		});

		$('.btn_host_relation').on('click', function() {
			var user_id = $(this).parent().parent().attr('data-id');
			getHostRelation(user_id);
		});

		$('.btn_status_change').on('click', function() {
			var this_obj = $(this);
			var user_id = $(this).parent().parent().attr('data-id');
			changeHostStatus(this_obj, user_id);
		});
	});
</script>
@endsection