@extends('layouts.mypage')

@section('page-header')
    <h1 class="page-header">My Hosts </h1>
@endsection


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


/* host list table Style 2018.1.18.from lauren*/
/* host list table Style 2018.3.27.from lauren*/
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
 
   
    
}



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

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    body {
        padding: 0;
        margin: 0;
        width: 100%;
    }
    table.host_list_table thead th:nth-of-type(2),
    table.host_list_table tbody td:nth-of-type(2){
        display:none;
    }
    table.host_list_table thead th:nth-of-type(4),
    table.host_list_table tbody td:nth-of-type(4){
        display:none;
    }
    table.host_list_table thead th:nth-of-type(5),
    table.host_list_table tbody td:nth-of-type(5){
        display:none;
    }
}


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

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    body {
        width: 100%;
    }
    table.host_list_table thead th:nth-of-type(2),
    table.host_list_table tbody td:nth-of-type(2){
        display:none;
    }
    table.host_list_table thead th:nth-of-type(4),
    table.host_list_table tbody td:nth-of-type(4){
        display:none;
    }
    table.host_list_table thead th:nth-of-type(5),
    table.host_list_table tbody td:nth-of-type(5){
        display:none;
    }
    
}

/* Student list table Style 2018.1.18.from lauren */
/* Student list table Style 2018.2.19.from lauren
   모바일에서 Title, Name만 나오도록 */
/* Student list table Style 2018.3.27.from lauren
   배열 변경 */

</style>
<!--add anna searching-->
<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-10" style="text-align:left;">
<!-- Louis 2017_10_05 	
		<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>
		
	</div>
	<div class="col-sm-2 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>
<!--add anna searching-->



    <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>

    <div class="panel mt5">
        <div class="panel-body pn">
            <div class="bs-component">

                <table class="table 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>
						<!-- Louis 2017_10_05 
						<th class="text-center">Status</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/mypage/host_list.blade.php</b> on line <b>155</b><br />
		  <tr data-id="{{ $host->user_id }}">
			<td class="text-center">{{ $hosts->total() - ($hosts->perPage() * ($hosts->currentPage()-1)) - $i }}</td>
			<td>
				{{ $host->user->email }}
				
			</td>
			<td><a href="/mypage/host/{{ $host->user_id }}">{{ empty($host->inputHostFatherLastName)?($host->user->sex=='M'?$host->user->lastname:''):$host->inputHostFatherLastName }}, {{ empty($host->inputHostFatherFirstName)?($host->user->sex=='M'?$host->user->firstname:''):$host->inputHostFatherFirstName }}, {{ empty($host->inputHostMotherLastName)?($host->user->sex=='F'?$host->user->lastname:''):$host->inputHostMotherLastName }}, {{ empty($host->inputHostMotherFirstName)?($host->user->sex=='F'?$host->user->firstname:''):$host->inputHostMotherFirstName }}</a>
            <!-- <a href="/mypage/host/{{ $host->user_id }}">{{ 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 }}</a> -->
            @if($host->user->is_block == 'Y')
				<span class="label label-sm label-danger">block</span>
			@endif
            </td>
			<td>{{ $host->inputCity }}, {{ $host->selectAddrState }}, {{ $host->inputZipCode }}</td>
			<td class="text-center">
				<a href="/mypage/student?host_id={{ $host->user_id }}" @if($host->students->count() > 0) data-toggle="tooltip" data-placement="top" title="{{ $host->student_text }}"@endif >{{ $host->students->count() }}</a>
				
			</td>
			
			
<!-- Louis 2017_10_05 				
			
			<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>
			
-->			
		
		  </tr>
		 @endfor

                    @if (count($hosts) <= 0)
                        <tr>
                            <td colspan="10" class="text-center">No search result.</td>
                        </tr>
                    @endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <nav class="text-center">
        {{ $hosts->appends(Request::only('sl_search', 'sl_keyword', 'page_size'))->links() }}
    </nav>
   <!-- LC 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('local_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);

	});

});
</script>


@endsection