@extends('layouts.master')

@section('content')

	<section id="search-header-container" class="center clearfix">
		<header id="search-header" class="clearfix">
			My Favorites
		</header>
		<a href="#" id="mobile-filters-link" class="show-on-phone">Filters</a>
	</section>

	<section id="search-content-container" class="clearfix" >
		<div id="search-content" class="center">
			<div id="search-results-container">
				<div class="show-on-mobile">
					<!-- @include('pagination') -->
				</div>
				<div id="search-results-append">
					<div class="spinner-container">
						<p class="spinner gte-ie10">Updating Results</p>
						<img src="/public/images/spinner.gif" class="spinner lt-ie10" />
					</div>
					<div class="no-results no-results-list">
						<h2 class="no-results-header">No Results Found</h2>
						<p class="no-results-description">Try increasing your search radius, or edit your search to try again.</p>
					</div>
				</div>
				<div class="show-on-mobile">
					<!-- @include('pagination') -->
					<p class="list-verification-message">*Please verify if your provider will be able to schedule your delivery at a Lovelace facility</p>
				</div>
			</div>
			<aside id="search-options-container" class="hide-on-phone">
				<div id="search-options">
					<div class="form-block">
						<h3>Sort By</h3>
						<form name="location-sort-form" id="location-sort-form" class="clearfix custom-dropdown">
							<div id="location-sort" class="clearfix custom-dropdown-selected">
								<label>@if('distance' == $order)Location (Nearest) @elseif('name' == $order)Name @endif</label>
								<button id="show-location" type="button" class="icon icon-down-arrow"></button>
							</div>
							<div class="menu">
								<ul class="primary">
									<li>
										<a href="#" @if('distance' == $order)class="active"@endif data-value="distance">Location (Nearest)</a>
									</li>
									<li>
										<a href="#" @if('name' == $order)class="active"@endif data-value="name">Name</a>
									</li>
								</ul>
							</div>
						</form>
					</div>
					<div class="form-block">
						<input type="hidden" name="results-orderby" id="results-orderby" value="{{ $order }}" autocomplete="off" >
						<input type="hidden" name="page" id="page" value="{{ $page }}" autocomplete="off" >
						<input type="hidden" name="base-zip" id="base-zip" value="{{ Session::get('location')['search'] }}">
						<input type="hidden" name="base-lat" id="base-lat" value="{{ Session::get('location')['lat'] }}">
						<input type="hidden" name="base-lon" id="base-lon" value="{{ Session::get('location')['lng'] }}">
					</div>
				</div>
				<div id="smartcare">
					<span></span>
					<h3>{{ $_ENV['APP_TITLE'] or 'SmartCare' }} Mobile</h3>
					<p>Download the {{ $_ENV['APP_TITLE'] or 'SmartCare' }} Mobile mobile app for free and be able to search for a provider from you tablet or phone. Available for <a href="{{ $_ENV['ANDROID_APP_LINK'] }}">Android</a> and <a href="{{ $_ENV['IOS_APP_LINK'] }}">iOS</a>.</p>
					<ul>
						<li>
							<a href="{{ $_ENV['ANDROID_APP_LINK'] }}" target="_blank">Download from GooglePlay &rsaquo;</a>
						</li>
						<li>
							<a href="{{ $_ENV['IOS_APP_LINK'] }}" target="_blank">Download from AppStore &rsaquo;</a>
						</li>
					</ul>
				</div>
			</aside>
		</div>
	</section>
	{{-- <section id="search-footer-container" class="center hide-on-mobile">
		<footer id="search-footer" class="clearfix">
			<p>Showing <span id="pagination-start"></span>-<span id="pagination-end"></span> (of <span id="pagination-total"></span>)</p>
			@include('pagination')
			<p class="list-verification-message">*Please verify if your provider will be able to schedule your delivery at a Lovelace facility</p>
		</footer>
	</section> --}}

	<script type="text/javascript">
		var autocomplete_data = {{ json_encode($autocomplete_data) }};
		var autocomplete_data_coordinates = {{ json_encode($autocomplete_data_coordinates) }};
		var favorites = true;
	</script>
@stop