@extends('layouts.master')

@section('location')
	<input id="latTest" type="hidden" value="{{ Session::get('location')['lat'] }}" />
    <input id="longTest" type="hidden" value="{{ Session::get('location')['lng'] }}" />
@stop

@section('pre-content')
	@if('map' == $view_type)
	<!-- details top container -->
	<section id="details-top" class="search-result-map-header clearfix">
		<div class="inner center">
			@if($search_page)
				@include('textsearch')
			@else
				@include('results-title')
			@endif
		</div>
	</section>
	<!-- end details top container -->
	@endif
@stop

@section('content')
	
	@if('list' == $view_type)
		<section id="search-header-container" class="center">
			<header id="search-header" class="clearfix">
				@if($search_page)
					@include('textsearch')
				@else
					@include('results-title')
				@endif
				@include('pagination')
			</header>
		</section>
	@endif

	<section id="search-content-container">
		<div id="search-content" class="@if (isset($searchContentClasses)) {{ $searchContentClasses }} @endif">
			@if('map' == $view_type)
				<div class="spinner-container spinner-map">
				  	<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-map">
					<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 id="map-canvas"></div>
			@else
				<div id="search-results">
					<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>
			@endif
			<aside id="search-options-container">
				<div id="search-options">
					@if( (empty($_ENV['DISABLE_MAP_VIEW']) || !$_ENV['DISABLE_MAP_VIEW']) )
					<div class="form-block">
						<h3>View As</h3>
						<div id="toggle-switch" class="clearfix">
							<label id="toggle-list" @if( $view_type != 'map' )class="active"@endif><span class="icon icon-list-lines"></span>List</label>
							<div id="toggle">
								<span @if( $view_type == 'map' )style="left: 40px;"@endif></span>
							</div>
							<label id="toggle-map" @if( $view_type == 'map' )class="active"@endif><span class="icon icon-pin"></span>Map</label>
						</div>
					</div>
					@endif
					@if('list' == $view_type)
					<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>
								<input id="show-location" type="button" class="icon" value="e" />
							</div>
							<div class="menu">
								<ul class="primary">
									<li>
										<a href="#" @if('distance' == $order)class="active"@endif data-value="distance">Location (Nearest)<span class="icon icon-check"></span></a>
									</li>
									<li>
										<a href="#" @if('name' == $order)class="active"@endif data-value="name">Name<span class="icon icon-check"></span></a>
									</li>
								</ul>
							</div>
						</form>
					</div>
					@endif
					<div class="form-block">
						<h3>City/Zip Code</h3>
						<div id="location-error-message"><div class="error-dot"></div>Cannot find location. Please try again.</div>
						<div class="text-container">
							<form method="post" action="/location/update" id="search-form-form">						
								<div>
									<input type="text" name="search-city-zip" id="search-city-zip" class="required" placeholder="City or Zip Code" value="{{ Session::get('location')['search'] }}" autocomplete="off">
									<input type="hidden" name="zip" id="zip">
									<input type="hidden" name="lat" id="lat">
									<input type="hidden" name="lng" id="lng">
									<button id="search-button" type="submit" class="icon"><span class="icon icon-pin"></span></button>
								</div>
							</form>
						</div>
					</div>
					<div class="form-block clearfix">
						<h3>Select Search Radius</h3>
						<div id="slider"></div>
						<span id="slider-amount"></span>
						<input type="hidden" id="radius-default" name="radius-default" value="{{ $distance }}" />
					</div>
					<div class="form-block">
						<div class="clearfix search-filter-header">
							<h3>Filter by Perks</h3> <a class="clear-search-filters" href="#">Clear</a>
						</div>
						<ul id="search-filters">
							<li>
								<label>
									<span class="checkbox-container @if(strpos($perks, 'Hospital Room Services') !== false)checked @endif">
										<span class="icon icon-check"></span>
										<input type="checkbox" name="hospital-room-services" autocomplete="off">
									</span>Hospital Room Services</label>
								<a href="#">Only</a>
							</li>
							<li>
								<label>
									<span class="checkbox-container @if(strpos($perks, 'Transportation Services') !== false)checked @endif">
										<span class="icon icon-check"></span>
										<input type="checkbox" name="transportation-services" autocomplete="off">
									</span>Transportation Services</label>
								<a href="#">Only</a>
							</li>
							<li>
								<label>
									<span class="checkbox-container @if(strpos($perks, 'Patient Advocate Services') !== false)checked @endif">
										<span class="icon icon-check"></span>
										<input type="checkbox" name="patient-advocate-services" autocomplete="off">
									</span>Patient Advocate Services</label>
								<a href="#">Only</a>
							</li>
							<li>
								<label>
									<span class="checkbox-container @if(strpos($perks, 'Wellness Services') !== false)checked @endif">
										<span class="icon icon-check"></span>
										<input type="checkbox" name="wellness-services" autocomplete="off">
									</span>Wellness Services</label>
								<a href="#">Only</a>
							</li>
							<li>
								<label>
									<span class="checkbox-container @if(strpos($perks, 'Meal Services') !== false)checked @endif">
										<span class="icon icon-check"></span>
										<input type="checkbox" name="meal-services" autocomplete="off">
									</span>Meal Services</label>
								<a href="#">Only</a>
							</li>
							<li>
								<label>
									<span class="checkbox-container @if(strpos($perks, 'Family and Visitors Services') !== false)checked @endif">
										<span class="icon icon-check"></span>
										<input type="checkbox" name="family-and-visitors-services" autocomplete="off">
									</span>Family and Visitors Services</label>
								<a href="#">Only</a>
							</li>
							<li>
								<label>
									<span class="checkbox-container @if(strpos($perks, 'Miscellaneous Services') !== false)checked @endif">
										<span class="icon icon-check"></span>
										<input type="checkbox" name="miscellaneous-services" autocomplete="off">
									</span>Miscellaneous Services</label>
								<a href="#">Only</a>
							</li>
						</ul>
						<input type="hidden" id="locationsType" name="locationsType" value="{{ $type }}" autocomplete="off" >
						<input type="hidden" id="specialty" name="specialty" value="{{ $specialty }}" autocomplete="off" >
						<input type="hidden" id="search_terms" name="search_terms" value="{{{ $search_terms }}}" autocomplete="off" >
						<input type="hidden" name="results-orderby" id="results-orderby" value="{{ $order }}" autocomplete="off" >
						<input type="hidden" name="page" id="page" value="{{ $page }}" autocomplete="off" >
					</div>
				</div>
				<div id="smartcare">
					<span class="smartcare-app-img"></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 <i class="icon icon-right-arrow"></i></a>
						</li>
						<li>
							<a href="{{ $_ENV['IOS_APP_LINK'] }}" target="_blank">Download from AppStore <i class="icon icon-right-arrow"></i></a>
						</li>
					</ul>
				</div>
			</aside>
		</div>
	</section>
	<div class="perks-popup-container" style="display: none;">
		<div class="perks-popup">
			<header class="perks-popup-header">
				<p>Perk icons let you know which special services are available from our providers.</p>
			</header>
			<div class="perks-popup-list">
				<ul class="clearfix">
					<li><span class="icon icon-bed "></span>Room Services</li>
					<li><span class="icon icon-traffic "></span>Transportation Services</li>
					<li><span class="icon icon-apple "></span>Wellness Services</li>
					<li><span class="icon icon-eats "></span>Meal Services</li>
					<li><span class="icon icon-clip "></span>Discharge Services</li>
					<li><span class="icon icon-tie "></span>Concierge Services</li>
					<li><span class="icon icon-family "></span>Family/Visitor Services</li>
					<li><span class="icon icon-star "></span>Miscellaneous Services</li>
					<li><span class="icon icon-steth "></span>Patient Advocate Services</li>
				</ul>
			</div>
		</div>
	</div>
	@if('list' == $view_type)
		<section id="search-footer-container" class="center">
			<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 id="list-verification-message">*Please verify if your provider will be able to schedule your delivery at a Lovelace facility</p>
			</footer>
		</section>
	@endif

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