@extends('layouts.admin')

@section('new-announcement')


<div class="row" style="margin-bottom:30px;">
	<div class="col-lg-12">
		<h3>News & Announcement</h3>
		<div style="text-align:right; margin-top:-23px;">{{date('Y-m-d',strtotime('-30 days'))}} ~ {{date('Y-m-d')}}</div>
		<div style="background:rgb(249, 243, 201);">
			<div style="border:1px solid #fbedc5; overflow-y:scroll; height: 150px; padding-left:10px; padding-top:5px;" >
			@for ($i=0,$cnt=count($new_announcement_submitted);$i<$cnt;$i++)
						@if($new_announcement_submitted_account['application_id']==5&&isset($new_announcement_submitted_account->user))
			<a href="./host/{{$new_announcement_submitted_account->user_id}}" style="color:#000000;">[{{$new_announcement_submitted_account->completed_at}}] &nbsp;&nbsp;&nbsp;Application submitted by {{$new_announcement_submitted_account->user->lastname}} {{$new_announcement_submitted_account->user->firstname}}</a><br>
			@elseif($new_announcement_submitted_account['application_id']==4&&isset($new_announcement_submitted_account->user))
			<a href="./host/{{$new_announcement_submitted_account->user_id}}" style="color:#000000;">[{{$new_announcement_submitted_account->completed_at}}] &nbsp;&nbsp;&nbsp;CBC submitted by {{$new_announcement_submitted_account->user->lastname}} {{$new_announcement_submitted_account->user->firstname}}</a><br>
			@elseif($new_announcement_submitted_account['application_id']==2&&isset($new_announcement_submitted_account->user))
			<a href="./host/{{$new_announcement_submitted_account->user_id}}" style="color:#000000;">[{{$new_announcement_submitted_account->completed_at}}] &nbsp;&nbsp;&nbsp;Agreement submitted by {{$new_announcement_submitted_account->user->lastname}} {{$new_announcement_submitted_account->user->firstname}}</a><br>
			@endif
			@endfor
			<br>
			<br>
			<br>
           </div>
    	</div>
	</div>    
</div>
@endsection
@section('page-header')
Host List
@endsection

@section('content')
<style>
.table > thead > tr > th {
	vertical-align: middle;
}



/* 2017.10.30. Host List page  from lauren*/

@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
    /* Force table to not be like tables anymore */
    table,
    thead,
    tbody,
    th,
    td,
    tr {
        display: block;
        float: left;
        /* ie9 fix */
        width: 100%;
        clear: both;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    tr {
        border: 1px solid #ccc;
    }
    td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        word-break: break-all;
        white-space: normal;
        display: block;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
    }

    /*고정값을 주게 되면 제목과 내용이 제대로 안나오는 문제 발생*/
    td:before {
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        float: left;
        width: 45%;
        padding: 0 0 0 1%;
        /*  margin-left:-100%;*/
    }
    
td:nth-child(3):before {
    white-space: normal;
    width:40%;
padding-right:40px;
}
   /*
   Label the data 각 테이블마다 tr에 작성 된 제목을 지정해준다 
   */
   table.Host_list_table td:nth-of-type(1):before {
       content: "No";
   }
   table.Host_list_table td:nth-of-type(2):before {
       content: "Account ID";
   }
   table.Host_list_table td:nth-of-type(3):before {
       content: "Host Name  (Father/Mother)";
   }
   table.Host_list_table td:nth-of-type(4):before {
       content: "City/State/Zip";
   }
   table.Host_list_table td:nth-of-type(5):before {
       content: "Number of Student";
   }
   table.Host_list_table td:nth-of-type(6):before {
       content: "Quick Search";
   }
   table.Host_list_table td:nth-of-type(7):before {
       content: "Status";
   }
   table.Host_list_table td:nth-of-type(8):before {
       content: "Comment";
   }
}


/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    body {
        padding: 0;
        margin: 0;
        width: 100%;
    }
}


/* iPads (portrait and landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    body {
        width: 100%;
    }
}

/* 2017.10.30. Host List page */



</style>
<div class="form-inline">
<form name="search_list" class="form-horizontal">
<input type="hidden" name="display" value="list" />
<div class="row">
	<div class="col-sm-9" style="text-align:left;">
		<select class="form-control" name="sl_status">
		<option value="">Select status</option>
		<option value="Application" {{ Request::Input('sl_status') == 'Application' ? 'selected' : '' }}>Application</option>
		<option value="CBC" {{ Request::Input('sl_status') == 'CBC' ? 'selected' : '' }}>CBC</option>
		<option value="Agreement" {{ Request::Input('sl_status') == 'Agreement' ? 'selected' : '' }}>Agreement</option>
		<option value="Present HF" {{ Request::Input('sl_status') == 'Present HF' ? 'selected' : '' }}>Present HF</option>
		<option value="Selection By Student" {{ Request::Input('sl_status') == 'Selection By Student' ? 'selected' : '' }}>Selection By Student</option>
		<option value="Home visit" {{ Request::Input('sl_status') == 'Home visit' ? 'selected' : '' }}>Home visit</option>
		<option value="PC" {{ Request::Input('sl_status') == 'PC' ? 'selected' : '' }}>PC</option>
				
		</select>
		
		<select class="form-control" name="sl_docstatus">
		<option value="">Select Document status</option>
		<option value="Saved" {{ Request::Input('sl_docstatus') == 'Saved' ? 'selected' : '' }}>Saved</option>
		<option value="Submitted" {{ Request::Input('sl_docstatus') == 'Submitted' ? 'selected' : '' }}>Submitted</option>
		</select>
		
		<select class="form-control" name="sl_search">
		<option value="name" {{ Request::Input('sl_search') == 'name' ? 'selected' : '' }}>Name (First or Last)</option>
		<option value="email" {{ Request::Input('sl_search') == 'email' ? 'selected' : '' }}>Account ID</option>
		<option value="state" {{ Request::Input('sl_search') == 'state' ? 'selected' : '' }}>State</option>
		<option value="city" {{ Request::Input('sl_search') == 'city' ? 'selected' : '' }}>City</option>
		<option value="zip_code" {{ Request::Input('sl_search') == 'zip_code' ? 'selected' : '' }}>Zip code</option>
		</select>
		<input type="text" name="sl_keyword" class="form-control" value="{{ Request::Input('sl_keyword') }}">
		<button class="btn btn-primary"><i class="fa fa-search"></i></button>
		<a href="/{{ Request::path() }}" class="btn btn-info"><i class="fa fa-undo"> Reset</i></a>
		<a href="/admin/host/excel" class="btn btn-success"><i class="fa fa-file-text-o"> Excel Download</i></a>
	</div>
	<div class="col-sm-3 text-right">
		<select aria-controls="editable" class="form-control" name="page_size" onchange="document.search_list.submit();">
		<option value="25" {{ $hosts->perPage() == 25 ? 'selected' : '' }}>List 25</option>
		<option value="50" {{ $hosts->perPage() == 50 ? 'selected' : '' }}>List 50</option>
		<option value="100" {{ $hosts->perPage() == 100 ? 'selected' : '' }}>List 100</option>
		</select>
	</div>
</div>
</form>
</div>

<div class="row mt20">
	<div class="col-xs-6">
		<p style="margin-bottom:0px;height:41px;line-height: 41px;">* Total <b>{{ number_format($hosts->total()) }}</b> Records.</p>
	</div>
	<div class="col-xs-6 text-right page-display">
		<a href="?display=list" class="btn btn-primary"  data-toggle="tooltip" data-placement="bottom" title="display list"><span class="glyphicon glyphicon-list"></span></a>
		<a href="?display=grid" class="btn btn-default"  data-toggle="tooltip" data-placement="bottom" title="display grid"><span class="glyphicon glyphicon-picture"></span></a>
	</div>
</div>

<div class="panel mt5">
  <div class="panel-body pn">
    <div class="bs-component">
      <table class="table table-striped table-bordered table-hover Host_list_table" style="word-wrap:break-word;word-break:break-all;">
        <thead>
          <tr>
			<th width="80" class="text-center">No</th>
			<th class="text-center">Account ID</th>
			<th class="text-center">Host Name<br />(Father/Mother)</th>
			<th class="text-center">City/State/Zip</th>
			<th class="text-center">Number of Student</th>
			<th class="text-center" width="120">Quick Search</th>
			<th class="text-center">Status</th>
			<th class="text-center">Comment</th>
          </tr>
        </thead>
        <tbody>
		@for ($i=0,$cnt=count($hosts);$i<$cnt;$i++)
		<br />
<b>Warning</b>:  Creating default object from empty value in <b>/home/anbeduca/public_html/anb-homestay/resources/views/admin/host_list.blade.php</b> on line <b>232</b><br />
		  <tr data-id="{{ $host->user_id }}">
			<td class="text-center">{{ $hosts->total() - ($hosts->perPage() * ($hosts->currentPage()-1)) - $i }}</td>
			<td>
				<a href="/admin/host/{{ $host->user_id }}">{{ $host->user->email }}</a>
				@if($host->user->is_block == 'Y')
				<span class="label label-sm label-danger">block</span>
				@endif
			</td>
			<td>{{ empty($host->inputHostFatherLastName)?($host->user->sex=='M'?$host->user->lastname:''):$host->inputHostFatherLastName }}, {{ empty($host->inputHostFatherFirstName)?($host->user->sex=='M'?$host->user->firstname:''):$host->inputHostFatherFirstName }}<br />{{ empty($host->inputHostMotherLastName)?($host->user->sex=='F'?$host->user->lastname:''):$host->inputHostMotherLastName }}, {{ empty($host->inputHostMotherFirstName)?($host->user->sex=='F'?$host->user->firstname:''):$host->inputHostMotherFirstName }}</td>
			<td>{{ $host->inputCity }}, {{ $host->selectAddrState }}, {{ $host->inputZipCode }}</td>
			<td class="text-center">
				<a href="/admin/host/{{ $host->user_id }}/student" @if($host->students->count() > 0) data-toggle="tooltip" data-placement="top" title="{{ $host->student_text }}"@endif >{{ $host->students->count() }}</a>
				
			</td>
			<td class="text-center" style="padding:4px;">
				<a href="/host/{{ $host->user_id }}" target="_blank" class="btn btn-success" data-toggle="tooltip" data-placement="bottom" title="host view"><span class="imoon imoon-images" style="font-size:15px"></span></a>
				<button class="btn btn-alert btn_host_relation" data-toggle="tooltip" data-placement="bottom" title="relation"><span class="icon-zoom2 icon-users2"  style="font-size:15px"></span></button>
			</td>
			<td class="text-center" style="padding:4px;">
				@if($host->host_status=='Application')
				<button data-value="Application" class="btn btn-system btn_status_change" data-toggle="tooltip" data-placement="bottom" title="host status">Application</button>
								@elseif($host->host_status=='CBC')
				<button data-value="CBC" class="btn btn-cbc btn_status_change" data-toggle="tooltip" data-placement="bottom" title="host status">CBC</button>
								@elseif($host->host_status=='Agreement')
				<button data-value="Agreement" class="btn btn-agree btn_status_change" data-toggle="tooltip" data-placement="bottom" title="host status">Agreement</button>
								
				@elseif($host->host_status=='Present HF')
				<button data-value="Present HF" class="btn btn-phf btn_status_change" data-toggle="tooltip" data-placement="bottom" title="host status">Present HF</button>
				
				@elseif($host->host_status=='Selection By Student')
				<button data-value="Selection By Student" class="btn btn-sbs btn_status_change" data-toggle="tooltip" data-placement="bottom" title="host status">Selection By Student</button>
				
				@elseif($host->host_status=='Home visit')
				<button data-value="Home visit" class="btn btn-hv btn_status_change" data-toggle="tooltip" data-placement="bottom" title="host status">Home visit</button>
				
				@elseif($host->host_status=='PC')
				<button data-value="PC" class="btn btn-pc btn_status_change" data-toggle="tooltip" data-placement="bottom" title="host status">PC</button>
				
				@endif
			</td>
			<td class="text-center" style="padding:4px;">
				<button class="btn btn-primary btn_user_comment" style="position:relative;" data-toggle="tooltip" data-placement="bottom" title="comments">
				<i class="fa fa-comment"  style="font-size:15px"></i>
				<span class="label label-rounded label-dark user-comment-label" style="position: absolute;right: -14px;top: -10px;padding: 0px 7px;border-radius: 100px;" data-user-id="{{ $host->user_id }}">{{ $host->user->comments->count() > 0 ? $host->user->comments->count() : '' }}</span>
				</button>
			</td>
		
			
		  </tr>
		 @endfor
	     @if (count($hosts) <= 0)
	       <tr>
		     <td colspan="12" class="text-center">no search result.</td>
		   </tr>
	     @endif
        </tbody>
      </table>
	</div>
  </div>
</div>
<nav class="text-center">
	{{ $hosts->appends(Request::only('sl_status','sl_docstatus','sl_grade', 'sl_search', 'sl_keyword', 'school_id','page_size'))->links() }}
</nav>

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

@section('script')>

<script type="text/javascript">
jQuery(document).ready(function() {

	"use strict";

	@include('admin_common_script')

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

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

	$('.btn_user_comment').on('click', function() {
		var user_id = $(this).parent().parent().attr('data-id');
		getUserComments(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