@extends('layouts.master')

@section('banner')
	<!-- banner -->
	<section id="banner">
		<div class="center">
			<header id="header">
				<nav id="main-nav">
					<a href="/" id="header-logo" class="ir">Imagine Health</a>
				</nav>
			</header>
			<h1>Find a Provider or Facility</h1>

			@if (!Session::has('location'))
			<!-- search form stage one: Geocoding -->
			<section id="search-form">
				<form name="search-form-form" id="search-form-form" class="clearfix" method="post" action="/location/update">						
					<div id="search-input" class="clearfix">
						<input type="text" name="search-city-zip" tabindex="1" id="search-city-zip" class="required text" placeholder="City or Zip Code" autocomplete="off">
						<input type="hidden" name="zip" id="zip">
						<input type="hidden" name="lat" id="lat">
						<input type="hidden" name="lng" id="lng">
						<input id="search-button" type="submit" value="o" class="icon disabled" />
					</div>
					<ul id="messageBox"></ul>
					<div id="startmessage"></div>
					<div id="location-error-message"><div class="error-dot"></div>Cannot find location. Please try again.</div>
				</form>
			</section>
			@else
			<!-- search form stage two: Category/Filter -->
			<section id="search-form-two">				
				
				<form name="search-form-cat-form" id="search-form-cat-form" class="clearfix">
					<div id="search-menu" class="clearfix">
						<label>Browse by Category</label>
						<input id="show-cat" type="button" value="e" class="icon down-arrow" />
					</div>
					<div class="menu">				
						@include('browsemenu')
					</div>
				</form>
				@include('textsearch')
				<div id="resultmessage"><span class="icon icon-pin-out"></span><span>{{ Session::get('location')['search'] }}</span> <a href="#" id="reset-location">edit</a></div>
			</section>
			@endif
		</div>
	</section>
	<div class="gradient-hr"></div>
	<!-- end banner -->
@stop

@section('content')
	<section id="popular-needs">
		<h2>Popular Needs</h2>
		@if (Session::has('location'))
		<nav id="popular-needs-nav">
			<div id="first-row">
				<a href="/results/view/list/urgent/all/{{ Config::get('app.default_search_distance') }}/none/distance/1"><span class="popular-needs-label">Urgent Care</span> <span class="icon right-arrow">s</span></a>
				<a href="/results/view/list/hospital/all/{{ Config::get('app.default_search_distance') }}/none/distance/1"><span class="popular-needs-label">Hospitals</span> <span class="icon right-arrow">s</span></a>
				<a href="/results/view/list/provider/Ear,%20Nose%20and%20Throat/{{ Config::get('app.default_search_distance') }}/none/distance/1"><span class="popular-needs-label">Ear Nose &amp; Throat</span> <span class="icon right-arrow">s</span></a>
				<a href="/results/view/list/provider/Family%20Practice/{{ Config::get('app.default_search_distance') }}/none/distance/1"><span class="popular-needs-label">Family Practice</span> <span class="icon right-arrow">s</span></a>
			</div>
			<div id="second-row">
				<a href="/results/view/list/provider/Pediatrics/{{ Config::get('app.default_search_distance') }}/none/distance/1"><span class="popular-needs-label">Pediatrics</span> <span class="icon right-arrow">s</span></a>
				<a href="/results/view/list/provider/Obstetrics%20and%20Gynecology/{{ Config::get('app.default_search_distance') }}/none/distance/1"><span class="popular-needs-label">Obstetrics</span> <span class="icon right-arrow">s</span></a>
				<a href="/results/view/list/provider/Cardiology/{{ Config::get('app.default_search_distance') }}/none/distance/1"><span class="popular-needs-label">Cardiology</span> <span class="icon right-arrow">s</span></a>
				<a href="/results/view/list/provider/Physical%20Therapy/{{ Config::get('app.default_search_distance') }}/none/distance/1"><span class="popular-needs-label">Physical Therapy</span> <span class="icon right-arrow">s</span></a>
			</div>
		</nav>
		@else
			<div id="popular-needs-empty">
				<img src="/public/images/star-bubble.png" alt="" />
				<p id="popular-needs-empty-text">
					Enter a location and we'll provide some suggestions of popular searches
				</p>
			</div>
		@endif
	</section>

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