@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('-2 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)
			<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)
			<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>
			@else
			<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>
/* E-commerce */
.product-box {
  padding: 0;
  border: 1px solid #e7eaec;
}
.product-box:hover,
.product-box.active {
  border: 1px solid transparent;
  -webkit-box-shadow: 0 3px 7px 0 #a8a8a8;
  -moz-box-shadow: 0 3px 7px 0 #a8a8a8;
  box-shadow: 0 3px 7px 0 #a8a8a8;
}
.product-imitation {
  text-align: center;
  padding: 90px 0;
  background-color: #f8f8f9;
  color: #bebec3;
  font-weight: 600;
}
.cart-product-imitation {
  text-align: center;
  padding-top: 30px;
  height: 80px;
  width: 80px;
  background-color: #f8f8f9;
}
.product-imitation.xl {
  padding: 120px 0;
}
.product-desc {
  padding: 20px;
  position: relative;
}
.ecommerce .tag-list {
  padding: 0;
}
.ecommerce .fa-star {
  color: #d1dade;
}
.ecommerce .fa-star.active {
  color: #f8ac59;
}
.ecommerce .note-editor {
  border: 1px solid #e7eaec;
}
table.shoping-cart-table {
  margin-bottom: 0;
}
table.shoping-cart-table tr td {
  border: none;
  text-align: right;
}
table.shoping-cart-table tr td.desc,
table.shoping-cart-table tr td:first-child {
  text-align: left;
}
table.shoping-cart-table tr td:last-child {
  width: 80px;
}
.product-name {
  font-size: 16px;
  font-weight: 600;
  color: #676a6c;
  display: block;
  margin: 2px 0 5px 0;
}
.product-name:hover,
.product-name:focus {
  color: #1ab394;
}
.btn_status_change {
  font-size: 14px;
  font-weight: 600;
  padding: 6px 12px;
  position: absolute;
  top: -34px;
  right: 0;
}
.product-detail .ibox-content {
  padding: 30px 30px 50px 30px;
}
.ibox {
    clear: both;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0;
}
</style>
<div class="form-inline">
<form name="search_list" class="form-horizontal">
<input type="hidden" name="display" value="grid" />
<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() }}?display=grid" class="btn btn-info"><i class="fa fa-undo"> Reset</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="20" {{ $hosts->perPage() == 20 ? 'selected' : '' }}>List 20</option>
		<option value="40" {{ $hosts->perPage() == 40 ? 'selected' : '' }}>List 40</option>
		<option value="80" {{ $hosts->perPage() == 80 ? 'selected' : '' }}>List 80</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-default"><span class="glyphicon glyphicon-list"></span></a>
		<a href="?display=grid" class="btn btn-primary"><span class="glyphicon glyphicon-picture"></span></a>
	</div>
</div>

<div class="mt5">
	@for ($i=0,$cnt=count($hosts);$i<$cnt;$i++)
		@if($i==0 || $i%4 == 0)
	<div class="row">
	@endif
		<div class="col-md-3">
			<div class="ibox">
				<div class="ibox-content product-box">

					@if($host->inputFile_HomeExterior)
					<a href="/admin/host/{{ $host->user_id }}"><div class="product-imitation" style="padding:0;">
						<img src="{{ $host->inputFile_HomeExterior }}" width="100%" />
					</div></a>
					@else
					<a href="/admin/host/{{ $host->user_id }}"><div class="product-imitation">
					</div></a>
					@endif
					<div class="product-desc" data-id="{{ $host->user_id }}">
						@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
						<a href="/admin/host/{{ $host->user_id }}" class="product-name">The {{ $host->user->lastname}}'s Family</a>

						<div>
						<small class="text-muted">{{ $host->selectAddrState }}</small>
						<small class="text-muted">{{ $host->inputCity }}</small>
						<small class="text-muted">{{ $host->inputZipCode }}</small>
						</div>

						<p><a class="btn_account_info" href="javascript:" data-effect="mfp-zoomIn">{{ $host->user->email }}</a></p>

						<div class="small m-t-xs text-right">
							<a href="/host/{{ $host->user_id }}" target="_blank" class="btn btn-success"><span class="imoon imoon-images" style="font-size:15px"></span></a>
							<button class="btn btn-alert btn_host_relation"><span class="icon-zoom2 icon-users2"  style="font-size:15px"></span></button>
							<button class="btn btn-primary btn_user_comment" data-effect="mfp-zoomIn" style="position:relative;" data-toggle="tooltip" data-placement="left" title="comments">
							<i class="fa fa-comment"  style="font-size:15px"></i>
							@if($host->user->comments->count() > 0)
							<span class="label label-rounded label-dark" style="position: absolute;right: -14px;top: -10px;padding: 0px 7px;border-radius: 100px;">{{ $host->user->comments->count() }}</span>
							@endif
							</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	@if(($i+1)%4 == 0 || ($i+1)==$cnt)
	</div>
	@endif
	@endfor
</div>
<input type="hidden" name="display" value="grid" />
<nav class="text-center">
	{{ $hosts->appends(Request::only('sl_status', 'sl_search', 'sl_keyword', 'page_size','display'))->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().attr('data-id');
		changeHostStatus(this_obj, user_id);
	});

});
</script>
@endsection