@extends('frontends.layouts.index')
@section('content')
	<section class="parallax-window" data-parallax="scroll" data-image-src="{{ asset('main/img/home_bg_1.jpg') }}" data-natural-width="1400" data-natural-height="470">
		<div class="parallax-content-1">
			<div class="animated fadeInDown">
				<h1>{{ __('Tours') }}</h1>
				<p>{{ __('Reliable, Comfortable, Relax') }}</p>
			</div>
		</div>
	</section>
	<!-- End section -->

	<main>
		<div id="position">
			<div class="container">
				<ul>
					<li>
						<a href="{{ action('HomeController@getIndex') }}">{{ __('Home') }}</a>
					</li>
					<li>
						<a href="{{ action('HomeController@getTours') }}">{{ __('Tours') }}</a>
					</li>
					@if($request->input('category'))
						<li>
							{{ ucwords($request->input('category')) }}
						</li>
					@endif
				</ul>
			</div>
		</div>
		<!-- Position -->

		<div class="container margin_60">
			<div class="row">
				<aside class="col-lg-3">
					<div class="box_style_cat">
						<ul id="cat_nav">
							<li>
								<a href="{{ action('HomeController@getTours', ['page'=>$tours->currentPage(), 'layout'=>App\Setting::layout_grid]) }}" id="active">
									{{ __('All') }}
								</a>
							</li>
							@foreach($tour_categories as $row)
								<li>
									<a href="{{ action('HomeController@getTours', ['page'=>$tours->currentPage(), 'layout'=>App\Setting::layout_grid,'category'=>$row->getSelfTranslation('name')]) }}">
										{{ $row->getSelfTranslation('name') }}
									</a>
								</li>
							@endforeach
						</ul>
					</div>

					{{-- <div id="filters_col">
						<a data-toggle="collapse" href="#collapseFilters" aria-expanded="false" aria-controls="collapseFilters" id="filters_col_bt"><i class="icon_set_1_icon-65"></i>Filters</a>
						<div class="collapse show" id="collapseFilters">
							<div class="filter_type">
								<h6>Price</h6>
								<input type="text" id="range" name="range" value="">
							</div>
							<div class="filter_type">
								<h6>Rating</h6>
								<ul>
									<li>
										<label>
											<input type="checkbox"><span class="rating">
											<i class="icon-smile voted"></i><i class="icon-smile voted"></i><i class="icon-smile voted"></i><i class="icon-smile voted"></i><i class="icon-smile voted"></i>
											</span>
										</label>
									</li>
									<li>
										<label>
											<input type="checkbox"><span class="rating">
											<i class="icon-smile voted"></i><i class="icon-smile voted"></i><i class="icon-smile voted"></i><i class="icon-smile voted"></i><i class="icon-smile"></i>
											</span>
										</label>
									</li>
									<li>
										<label>
											<input type="checkbox"><span class="rating">
											<i class="icon-smile voted"></i><i class="icon-smile voted"></i><i class="icon-smile voted"></i><i class="icon-smile"></i><i class="icon-smile"></i>
											</span>
										</label>
									</li>
									<li>
										<label>
											<input type="checkbox"><span class="rating">
											<i class="icon-smile voted"></i><i class="icon-smile voted"></i><i class="icon-smile"></i><i class="icon-smile"></i><i class="icon-smile"></i>
											</span>
										</label>
									</li>
									<li>
										<label>
											<input type="checkbox"><span class="rating">
											<i class="icon-smile voted"></i><i class="icon-smile"></i><i class="icon-smile"></i><i class="icon-smile"></i><i class="icon-smile"></i>
											</span>
										</label>
									</li>
								</ul>
							</div>
							<div class="filter_type">
								<h6>Facility</h6>
								<ul>
									<li>
										<label>
											<input type="checkbox">Pet allowed
										</label>
									</li>
									<li>
										<label>
											<input type="checkbox">Groups allowed
										</label>
									</li>
									<li>
										<label>
											<input type="checkbox">Tour guides
										</label>
									</li>
									<li>
										<label>
											<input type="checkbox">Access for disabled
										</label>
									</li>
								</ul>
							</div>
						</div>
						<!--End collapse -->
					</div> --}}
					<!--End filters col-->
					<div class="box_style_2">
						<i class="icon_set_1_icon-57"></i>
						@php 
							$setting = new App\Setting();
							$need_help_string = __('Need Help?');
							$need_help_string = explode(' ', $need_help_string);
						@endphp
						<h4>{{ current($need_help_string) }} <span>{{ end($need_help_string) }}</span></h4>
						<a href="tel://{{ $setting->company_tel }}" class="phone">{{ $setting->company_tel }}</a>
						<small>Monday to Friday 9.00am - 7.30pm</small>
					</div>
				</aside>
				<!--End aside -->

				<div class="col-lg-9">

					<div id="tools">
						<div class="row">
							<div class="col-md-3 col-sm-4 col-6">
								<div class="styled-select-filters">
									<select name="sort_price" id="sort_price" onchange="redirect(this)">
										<option value="">{{ __('Sort by price') }}</option>
										<option value="{{ action('HomeController@getTours', ['page'=>$tours->currentPage(), 'layout'=>'grid', 'category'=>$request->input('category'), 'sort_price'=>App\Setting::sort_lowest]) }}" {{ $request->input('sort_price') == App\Setting::sort_lowest ? 'selected':'' }}>{{ __('Lowest price') }}</option>
										<option value="{{ action('HomeController@getTours', ['page'=>$tours->currentPage(), 'layout'=>'grid', 'category'=>$request->input('category'), 'sort_price'=>App\Setting::sort_highest]) }}" {{ $request->input('sort_price') == App\Setting::sort_highest ? 'selected':'' }}>{{ __('Highest price') }}</option>
									</select>
								</div>
							</div>
							<div class="col-md-3 col-sm-4 col-6">
								<div class="styled-select-filters">
									<select name="sort_name" id="sort_name" onchange="redirect(this)">
										<option value="">{{ __('Sort by name') }}</option>
										<option value="{{ action('HomeController@getTours', ['page'=>$tours->currentPage(), 'layout'=>'grid', 'category'=>$request->input('category'), 'sort_name'=>App\Setting::sort_lowest]) }}" {{ $request->input('sort_name') == App\Setting::sort_lowest ? 'selected':'' }}>{{ __('Lowest name') }}</option>
										<option value="{{ action('HomeController@getTours', ['page'=>$tours->currentPage(), 'layout'=>'grid', 'category'=>$request->input('category'), 'sort_name'=>App\Setting::sort_highest]) }}" {{ $request->input('sort_name') == App\Setting::sort_highest ? 'selected':'' }}>{{ __('Highest name') }}</option>
									</select>
								</div>
							</div>
							<div class="col-md-6 col-sm-4 d-none d-sm-block text-right">
								<a href="{{ action('HomeController@getTours', ['page'=>$tours->currentPage(),'layout'=>'grid', 'category'=>$request->input('category')]) }}" class="bt_filters">
									<i class="icon-th"></i>
								</a> 
								<a href="{{ action('HomeController@getTours', ['page'=>$tours->currentPage(),'layout'=>'list', 'category'=>$request->input('category')]) }}" class="bt_filters">
									<i class=" icon-list"></i>
								</a>
							</div>

						</div>
					</div>
					<!--End tools -->

					<div class="row">
						@foreach($tours as $row)
							<div class="col-md-6 wow zoomIn" data-wow-delay="0.1s">
								<div class="tour_container">
									<div class="ribbon_3 popular d-none"><span>{{ __('Popular') }}</span>
									</div>
									<div class="img_container">
										<a href="{{ action('HomeController@getTour', [$row->getSelfTranslation('title')]) }}">
											<img src="{{ asset($row->first_header_image) }}" width="800" height="533" class="img-fluid" alt="Image">
			                                @if($row->first_discounted_price > 0)
			                                    <div class="badge_save">
			                                        {{ __('Save') }}
			                                        <strong>{{ $row->discounted_percent }}</strong>
			                                    </div>
			                                @endif
											<div class="short_info">
												<i class="icon_set_1_icon-44"></i>
												{{ $row->child_string_displayed('category_id', 'name') }}
												<span class="price">
													<sup>
														{{ App\Setting::currency_symbol() }}
													</sup>
			                                        {{ $row->first_discounted_price > 0 ? $row->first_discounted_price:$row->first_price }}</span>
												</span>
											</div>
										</a>
									</div>
									<div class="tour_title">
										<h3>{{ $row->getSelfTranslation('title') }}</h3>
										<div class="rating">
											<i class="icon-smile voted"></i><i class="icon-smile voted"></i><i class="icon-smile voted"></i><i class="icon-smile voted"></i><i class="icon-smile"></i><small>(75)</small>
										</div>
										<!-- end rating -->
										<div class="wishlist {{ in_array($row->id, $wishlist) ? 'added':'' }}">
											<a onclick="addWishlist(this, 'tours', '{{ $row->getSelfTranslation('title') }}')" class="tooltip_flip tooltip-effect-1" href="javascript:void(0)">+<span class="tooltip-content-flip"><span class="tooltip-back">{{ __('Add to wishlist') }}</span></span></a>
										</div>
										<!-- End wish list-->
									</div>
								</div>
								<!-- End box tour -->
							</div>
							<!-- End col-md-6 -->
						@endforeach
					</div>
					<!-- End row -->

					<hr>

					<style type="text/css" media="screen">
						nav {
							display: inline-block;
						}
					</style>
					<div class="text-center">
						{{ $tours->appends(['layout'=>Request::input('layout', 'grid')])->links() }}
					</div>
					<!-- end pagination-->

				</div>
				<!-- End col lg 9 -->
			</div>
			<!-- End row -->
		</div>
		<!-- End container -->
	</main>
	<!-- End main -->
@stop
@section('script')
@stop