@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_list,'sort_price'=>$request->input('sort_price'),'sort_name'=>$request->input('sort_name')]) }}" id="active">
									{{ __('All') }}
								</a>
							</li>
							@foreach($tour_categories as $row)
								<li>
									<a href="{{ action('HomeController@getTours', ['page'=>$tours->currentPage(), 'layout'=>App\Setting::layout_list,'category'=>$row->getSelfTranslation('name'),'sort_price'=>$request->input('sort_price'),'sort_name'=>$request->input('sort_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'=>'list', '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'=>'list', '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'=>'list', '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'=>'list', '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>
					<!--/tools -->

					@foreach($tours as $row)
						<div class="strip_all_tour_list wow fadeIn" data-wow-delay="0.1s">
							<div class="row">
								<div class="col-lg-4 col-md-4">
									<div class="ribbon_3 popular"><span>{{ __('Popular') }}</span>
									</div>
									<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>
									<div class="img_list">
										<a href="{{ action('HomeController@getTour', [$row->getSelfTranslation('title')]) }}">
											<img src="{{ asset($row->first_header_image) }}" alt="Image">
											<div class="short_info">
												<i class="icon_set_1_icon-44"></i>{{ $row->child_string_displayed('category_id', 'name') }} 
											</div>
										</a>
									</div>
								</div>
								<div class="col-lg-6 col-md-6">
									<div class="tour_list_desc">
										<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>
										<h3>{{ $row->getSelfTranslation('title') }}</h3>
										<p>{{ $row->short_description }}</p>
										<ul class="add_info">
											@if($row->meal_provided)
												<li>
													<div class="tooltip_styled tooltip-effect-1">
														<span class="tooltip-item"><i class="icon_set_1_icon-58"></i></span>
														<div class="tooltip-content">
															<h4>{{ _('Meal') }}</h4>
														</div>
													</div>
												</li>
											@endif
											@if($row->hotel_provided)
												<li>
													<div class="tooltip_styled tooltip-effect-1">
														<span class="tooltip-item"><i class="icon_set_1_icon-6"></i></span>
														<div class="tooltip-content">
															<h4>{{ _('Hotel') }}</h4>
														</div>
													</div>
												</li>
											@endif
											@if($row->transport_provided)
												<li>
													<div class="tooltip_styled tooltip-effect-1">
														<span class="tooltip-item"><i class="icon_set_1_icon-26"></i></span>
														<div class="tooltip-content">
															<h4>{{ _('Transport') }}</h4>
														</div>
													</div>
												</li>
											@endif
											@if($row->accessibiliy_provided)
												<li>
													<div class="tooltip_styled tooltip-effect-1">
														<span class="tooltip-item"><i class="icon_set_1_icon-13"></i></span>
														<div class="tooltip-content">
															<h4>{{ _('Accessibiliy') }}</h4>
														</div>
													</div>
												</li>
											@endif
											@if($row->tour_guide_provided)
												<li>
													<div class="tooltip_styled tooltip-effect-1">
														<span class="tooltip-item"><i class="icon_set_1_icon-29"></i></span>
														<div class="tooltip-content">
															<h4>{{ _('Tour guide') }}</h4>
														</div>
													</div>
												</li>
											@endif
										</ul>
										<br>
										@if($row->attachment_brochure)
											<p style="margin: 0 0 10px 0">
												<a target="_blank" href="{{ asset($row->attachment_brochure) }}" title="{{ __('Download Brochure') }}">{{ __('Download Brochure (English)') }}</a>
											</p>
										@endif
										@if($row->attachment_brochure_ch)
											<p style="margin: 0 0 10px 0">
												<a target="_blank" href="{{ asset($row->attachment_brochure_ch) }}" title="{{ __('Download Brochure') }}">{{ __('Download Brochure (Chinese)') }}</a>
											</p>
										@endif
									</div>
								</div>
								<div class="col-lg-2 col-md-2">
									<div class="price_list">
										<div><sup>{{ App\Setting::currency_symbol() }}</sup>
											@if($row->first_discounted_price > 0)
												{{ number_format($row->first_discounted_price) }}
												<span class="normal_price_list">
													<small>
														{{ App\Setting::currency_symbol() }}
														{{ number_format($row->first_price) }}
													</small>
												</span>
											@else
												{{ number_format($row->first_price) }}
											@endif
											<small>*{{ __('Per person') }}</small>
											<p><a href="{{ action('HomeController@getTour', [$row->getSelfTranslation('title')]) }}" class="btn_1">{{ __('Details') }}</a>
											</p>
										</div>

									</div>
								</div>
							</div>
						</div>
						<!--End strip -->
					@endforeach
					<hr>

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

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