Untitled

@extends("global.layouts.search")

@section("head")
	<!-- CSS AND SCRIPTS -->
	<link rel="stylesheet" href="{{ URL::asset('css/search.css') }}">
	<link rel="stylesheet" href="{{ URL::asset('css/bootstrap-slider.css') }}">
@stop
<div ng-app="app" class="app">
@section("sidebar")
		<h4>Search results</h4>
		<div class="card sidebar-card row">
			<div class="category col-xs-12 col-md-12">
				<h5>Category</h5>
				<div class="btn-group">
					  <button type="button" class="btn btn-default">Instructors</button>
					  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
					    <span class="caret"></span>
					    <span class="sr-only">Toggle Dropdown</span>
					  </button>
					  <ul class="dropdown-menu">
					    <li><a href="#">All</a></li>
					    <li><a href="#">Instructors</a></li>
					    <li><a href="#">School</a></li>
						<li><a href="#">Jobs</a></li>
					  </ul>
				</div>
			</div>
			<div class="date col-xs-12 col-md-12">
					<div class="from">
							<h5>From</h5>
							<input type="date" name="bday">
							<div class="iconica">
								<span class="icon-cal"></span>
							</div>
					</div>
					<div class="minus">
						<h3>-</h3>
					</div>
					<div class="to">
							<h5>To</h5>
							<input type="date" name="bday">
							<div class="iconica">
								<span class="icon-cal"></span>
							</div>
					</div>
			</div>
			<div class="disciplines col-xs-12 col-md-12">
				<h5>Disciplines needed</h5>
				<form>
					<input type="checkbox" id="all">
					<label for="all">All</label>
					<div class="col-xs-12 col-md-12">
						<div class="col-xs-12 col-md-12">
							<input type="checkbox" id="ski">
							<label for="ski">Ski</label>
						</div>
						<div class="col-xs-12 col-md-12">
							<input type="checkbox" id="snowboard">
							<label for="snowboard">Snowboard</label>
						</div>
						<div class="col-xs-12 col-md-12">
							<input type="checkbox" id="telemark">
							<label for="telemark">Telemark</label>
						</div>
						<div class="col-xs-12 col-md-12">
							<input type="checkbox" id="freestyle">
							<label for="freestyle">Freestyle ski</label>
						</div>
						<div class="col-xs-12 col-md-12">
							<input type="checkbox" id="skiguide">
							<label for="skiguide">Ski guide(freeride)</label>
						</div>
						<div class="col-xs-12 col-md-12">
							<input type="checkbox" id="snowboardguide">
							<label for="snowboardguide">Snowboard guide(freeride)</label>
						</div>
						<div class="col-xs-12 col-md-12">
							<input type="checkbox" id="cross">
							<label for="cross">Cross country</label>
						</div>
					</div>
				</form>
			</div>
			<div class="works col-xs-12 col-md-12">
				<h5>Fields of work needed</h5>
				<form>
					<input type="checkbox" id="all">
					<label for="all">All</label>
					<div class="col-xs-12 col-md-12">
						<div class="col-xs-12 col-md-12">
							<input type="checkbox" id="ski">
							<label for="ski">Ski</label>
						</div>
						<div class="col-xs-12 col-md-12">
							<input type="checkbox" id="snowboard">
							<label for="snowboard">Snowboard</label>
						</div>
						<div class="col-xs-12 col-md-12">
							<input type="checkbox" id="telemark">
							<label for="telemark">Telemark</label>
						</div>
						<div class="col-xs-12 col-md-12">
							<input type="checkbox" id="freestyle">
							<label for="freestyle">Freestyle ski</label>
						</div>
						<div class="col-xs-12 col-md-12">
							<input type="checkbox" id="skiguide">
							<label for="skiguide">Ski guide(freeride)</label>
						</div>
						<div class="col-xs-12 col-md-12">
							<input type="checkbox" id="snowboardguide">
							<label for="snowboardguide">Snowboard guide(freeride)</label>
						</div>
						<div class="col-xs-12 col-md-12">
							<input type="checkbox" id="cross">
							<label for="cross">Cross country</label>
						</div>
					</div>
				</form>
			</div>
			<div class="expirience col-xs-12 col-md-12">
				<h5>Years of expirience</h5>
				<div class="col-xs-12 col-md-12">
					<input id="ex16b" type="text"/><br/>
				</div>
			</div>
			<div class="rating col-xs-12 col-md-12">
				<h5>Rating</h5>
				<div class="col-xs-12 col-md-12">
					<input id="ex16a" type="text"/><br/>
				</div>
			</div>
			<div class="languages col-xs-12 col-md-12">
				<h5>Languages</h5>
				<form>
					<input type="checkbox" id="all">
					<label for="all">All</label>
					<div class="col-xs-12 col-md-12">
						<div class="col-xs-12 col-md-12">
							<input type="checkbox" id="lang">
							<label for="lang"><input type="text" /></label>
						</div>
					</div>
				</form>
			</div>
			<div class="phone col-xs-12 col-md-12">
				<h5>Phone number</h5>
				<form>
					<input type="checkbox" id="phone">
					<label for="phone">Instructors with phone number</label>
				</form>
			</div>
			<div class="gender col-xs-12 col-md-12">
				<h5>Gender</h5>
				<form>
					<div class="col-xs-12 col-md-12">
						<input type="checkbox" id="female">
						<label for="female">Female</label>
					</div>
					<div class="col-xs-12 col-md-12">
						<input type="checkbox" id="male">
						<label for="male">Male</label>
					</div>
				</form>
			</div>
			<div class="age col-xs-12 col-md-12">
				<h5>Age</h5>
				<div class="col-xs-12 col-md-12">
					<input id="ex16c" type="text"/><br/>
				</div>
			</div>

	</div>
@stop

@section("results")
	<div class="notsearch row">
		<div class="col-xs-12 col-md-6">
			<div class="input-group">
		      <span class="input-group-btn">
		        <button class="btn btn-default" type="button">
					<i class="fa fa-search"></i>
					<i class="fa fa-chevron-down"></i>
				</button>
		      </span>
		      <input type="text" class="form-control" placeholder="Search for...">
		    </div>
		</div>
		<div class="notif col-xs-12 col-md-6">
			<button type="button" class="btn btn-default btn-lg">
			   Recieve notification<span class="icon-bell"></span>
			</button>
		</div>
	</div>
	<div class="resultsort row">
		<div class="col-xs-12 col-md-6">
			<h6>14,185 result founds</h6>
		</div>
		<div class="col-xs-12 col-md-6">
			<div class="actionb col-xs-6 col-md-6">
				<div class="btn-group">
				  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
				    Action <span class="caret"></span>
				  </button>
			  </div>
			</div>
			<div class="sortby col-xs-6 col-md-6">
				<h5>Sort by</h5>
				<div class="btn-group">
				  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
				    Action <span class="caret"></span>
				  </button>
			  </div>
			</div>
		</div>
	</div>
	<div class="notifalert row">
		<div class="col-xs-12 col-md-12">
			<div class="alert alert-info" role="alert">
			  <a href="#" class="alert-link">Seeing only instruction by filter hefas</a>
			</div>
		</div>
	</div>
	<div class="card results-card">
		<div class="row profil">
			<div class="cntr col-xs-12 col-md-6 col-lg-3">
				<div class="profilepic">
					<img src="https://scontent-frt3-1.xx.fbcdn.net/hphotos-xtf1/v/t1.0-9/11108368_10204472308675315_8065301848246710233_n.jpg?oh=30e4afdda90bfbd072d204f95a99db1d&oe=56E71ACB" alt="" />
				</div>
				<div class="selectprofile col-xs-12 col-md-12">
					<form>
						<input type="checkbox" id="select">
						<label for="select">Select</label>
					</form>
				</div>
			</div>
			<div class="col-xs-12 col-md-6 col-lg-9 midl">
				<div class="top">
					<div class="name">
						<h2>Metka Lavrič</h2>
					</div>
					<div class="pinboard">
						<span class="icon-pin"></span> save to pinboard
					</div>
				</div>
				<div class="info">
					<div class="type">
						<h5>instructor</h5>(24 years)
					</div>
					<div class="exp">
						<h6><b>7 seasons</b> of experience / <b>Ski Level 3</b> / ISIA / IVSI / MOU / ISIA card
(Slovakia)</h6>
					</div>
					<div class="short">
						<div class="location">
							<span class="icon-location"></span> Medford, Oregon, USA
						</div>
						<div class="avail">
							<span class="icon-cal"></span> Available now
						</div>
						<div class="fon">
							<span class="icon-briefcase"></span> Yes
						</div>
					</div>
					<div class="ratie">
						<div class="ranks">
							<h6>Rating is <b>4.4</b>/<b>5</b> from <b>5</b> schools</h6>
						</div>
						<div class="stars">
							<span class="icon-star_full"></span>
							<span class="icon-star_full"></span>
							<span class="icon-star_full"></span>
							<span class="icon-star_full"></span>
							<span class="icon-star_empty"></span>
						</div>
					</div>
					<div class="about">
						<p>I'm very comunicative and open, I like to work in groups, I'm healthy

and in good phisical shape. Would love to work for you! I'm verry

comunicative and open...</p>
<a href="#">more</a>
					</div>
				</div>
				<div class="butoni">
					<a href="#" class="button blue trans"><span class="icon-envelope"></span>Message</a>
		<a href="#" class="button blue"></span>View profile</a>
				</div>
			</div>
		</div>
	</div>
	</div>
@stop
</div>
@section("scriptss")
	<!-- SCRIPTS -->
	{{HTML::script('js/public/bootstrap-slider.js')}}
	{{HTML::script('js/public/angular.min.js')}}
	{{HTML::script('js/public/search.js')}}
	<script type="text/javascript">

	$("#ex16b").slider({ min: 0, max: 10, value: [0, 10], focus: true });
	$("#ex16a").slider({ min: 0, max: 10, value: [0, 10], focus: true });
	$("#ex16c").slider({ min: 0, max: 10, value: [0, 10], focus: true });
	</script>
@stop