@extends('layouts.mypage')
<script src="/vendor/jquery/jquery-1.11.1.min.js"></script>
<script src="/vendor/jquery/jquery_ui/jquery-ui.min.js"></script>
<script src="/vendor/jquery/jquery.tmpl.min.js"></script>

@section('page-header')
Host Family information
@endsection




@section('content')

	@include('mypage.partial.host_info')
	@include('mypage.partial.host_tab', array('host_tab_active'=>'report'))




<div class="p10">
@include('mypage.report.host')
</div>
<div class="mt30">
<div class="text-center mt50"><button type="submit" class="btn btn-primary btn-lg" id="formSubmit">submit</button></div>
</div>
<!-- Admin Form Popup -->
<div id="modal" class="popup-basic admin-form mfp-with-anim mfp-hide"></div>
@endsection


@section('script')
<script>
	var reportId = '{{ $report->id }}';
	var userId = '{{ $host->user_id }}';
	var userGrade = '{{ $auth->grade_id }}';
	var submitLocation = '/mypage/host/{{ $host->user_id }}';
</script>
@include('script.reportFormControl')
<script src="/assets/js/fv_report.js?v=1"></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_account_info').on('click', function() {
			var user_id = $(this).attr('user_id');
			getAccountInfo(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);
		});
	});
</script>
@endsection