@extends('frontends.layouts.index')
@section('content')
<section class="parallax-window" data-parallax="scroll" data-image-src="{{ asset($model->first_header_image) }}" data-natural-width="1400" data-natural-height="470">
	<div class="parallax-content-2">
		<div class="container">
			<div class="row">
				<div class="col-md-8">
					<h1>{{ $model->getSelfTranslation('title') }}</h1>
					<span>{{ $model->child_string_displayed('category', 'name') }}</span>
					<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><small>(75)</small></span>
				</div>
				<div class="col-md-4">
					<div id="price_single_main">
						{{ __('from/per person') }} 
						<span>
							<sup>
								{{ App\Setting::currency_symbol() }}
							</sup>
                            {{ $model->first_discounted_price > 0 ? $model->first_discounted_price:$model->first_price }}</span>
						</span>
					</div>
				</div>
			</div>
		</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', ['category'=> Str::slug($model->child_string_displayed('category_id', 'name'), '-')]) }}">
						{{ $model->child_string_displayed('category_id', 'name') }}
					</a>
				</li>
				<li>{{ $model->getSelfTranslation('title') }}</li>
			</ul>
		</div>
	</div>
	<!-- End Position -->

	<div class="collapse" id="collapseMap">
		<div id="map" class="map"></div>
	</div>
	<!-- End Map -->

	<div class="container margin_60">
		<div class="row">
			<div class="col-lg-8" id="single_tour_desc">

				<div id="single_tour_feat">
					<ul>
						@if($model->meal_provided)
							<li><i class="icon_set_1_icon-58"></i>{{ __('Meal') }}</li>
						@endif
						@if($model->hotel_provided)
							<li><i class="icon_set_1_icon-6"></i>{{ __('Hotel') }}</li>
						@endif
						@if($model->transport_provided)
							<li><i class="icon_set_1_icon-26"></i>{{ __('Transport') }}</li>
						@endif
						@if($model->accessibiliy_provided)
							<li><i class="icon_set_1_icon-13"></i>{{ __('Accessibiliy') }}</li>
						@endif
						@if($model->tour_guide_provided)
							<li><i class="icon_set_1_icon-29"></i>{{ __('Tour guide') }}</li>
						@endif
					</ul>
				</div>

				@if($model->photos()->where('is_header','=',false)->count())
					<div id="Img_carousel" class="slider-pro">
						<div class="sp-slides">
							@foreach($model->photos()->where('is_header','=',false)->get() as $row)
								<div class="sp-slide">
									<img alt="Image" class="sp-image" src="css/images/blank.gif" data-src="{{ asset($row->photo_url) }}">
								</div>
							@endforeach
						</div>
						<div class="sp-thumbnails">
							@foreach($model->photos()->where('is_header','=',false)->get() as $row)
								<img alt="Image" class="sp-thumbnail" src="{{ asset($row->photo_url) }}">
							@endforeach
						</div>
					</div>

					<hr>
				@endif

				<div class="row">
					<div class="col-lg-3">
						<h3>{{ __('Description') }}</h3>
					</div>
					<div class="col-lg-9">
						<h4>{{ $model->getSelfTranslation('title') }}</h4>
						<p>
							{!! nl2br($model->getSelfTranslation('description')) !!}
						</p>
						<h4>{{ __('Highlight Places') }}</h4>
						<p>
							{{ $model->getSelfTranslation('highlight_places') }}
						</p>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-3">
						<h3>{{ __('Brochure Link') }}</h3>
					</div>
					<div class="col-lg-9">
						@if($model->attachment_brochure)
							<p>
								<a target="_blank" href="{{ asset($model->attachment_brochure) }}" title="{{ __('Download Brochure') }}">{{ __('Download Brochure (English)') }}</a>
							</p>
						@endif
						@if($model->attachment_brochure_ch)
							<p>
								<a target="_blank" href="{{ asset($model->attachment_brochure_ch) }}" title="{{ __('Download Brochure') }}">{{ __('Download Brochure (Chinese)') }}</a>
							</p>
						@endif
					</div>
				</div>
				@if(count($model->time_tables))
					<div class="row">
						<div class="col-lg-3">
							<h3>{{ __('Schedule Of Tour') }}</h3>
						</div>
						<div class="col-md-9">
							<div class="table-responsive">
								<table class="table table-bordered table-border-top">
									<thead>
										<tr>
											<th>{{ __('Days') }}</th>
											<th>{{ __('Description') }}</th>
										</tr>
									</thead>
									<tbody>
										@foreach($model->time_tables as $row)
											<tr>
												<td>{{ isset($row['label_days']) ? $row['label_days']:'' }}</td>
												<td>{!! nl2br(isset($row['description']) ? $row['description']:'') !!}</td>
											</tr>
										@endforeach
									</tbody>
								</table>
							</div>
						</div>
					</div>
					<!-- End row  -->
				@endif

				<!-- ShareThis BEGIN -->
				<div class="sharethis-inline-share-buttons"></div>
				<!-- ShareThis END -->

				<hr>

		        <div class="owl-carousel owl-theme list_carousel add_bottom_30">
		            @foreach($tours as $tour)
		                <div class="item">
		                    <div class="tour_container similar_cats">
		                        <div class="img_container">
		                            <a href="{{ action('HomeController@getTour', [$tour->getSelfTranslation('title')]) }}">
		                                <img src="{{ asset($tour->first_header_image) }}" width="800" height="533" class="img-fluid" alt="image">
		                                @if($tour->first_discounted_price > 0)
		                                    <div class="badge_save">
		                                        {{ __('Save') }}
		                                        <strong>{{ $tour->discounted_percent }}</strong>
		                                    </div>
		                                @endif
		                                <div class="short_info">
		                                    <span class="price">
		                                        <sup>
		                                            {{ App\Setting::currency_symbol() }}
		                                        </sup>
		                                        {{ $tour->first_discounted_price > 0 ? $tour->first_discounted_price:$tour->first_price }}</span>
		                                </div>
		                            </a>
		                        </div>
		                        <div class="tour_title">
		                            <h3>{{ $tour->getSelfTranslation('title') }}</h3>
		                        </div>
		                    </div>
		                    <!-- End box tour -->
		                </div>
		                <!-- /item -->
		            @endforeach
		        </div>
		        <!-- /carousel -->
		        <hr>

				<div class="row">
					<div class="col-lg-3">
						<h3>{{ __('Reviews') }} </h3>
					</div>
					<div class="col-lg-9">
						@foreach($model->rating_comments as $row)
							@if($row->rating || $row->comment)
								<div class="review_strip_single">
									<img src="{{ asset('main/img/avatar1.jpg') }}" alt="Image" class="rounded-circle">
									<small> - {{ date('d-M-Y', strtotime($row->updated_at)) }} -</small>
									<h4>{{ $row->name }}</h4>
									<p>
										{{ nl2br($row->comment) }}
									</p>
									<div class="rating">
										@for($i=1; $i<=$row->rating; $i++)
											<i class="icon-smile voted"></i>
										@endfor
										@for($i=$row->rating+1; $i<=5; $i++)
											<i class="icon-smile"></i>
										@endfor
									</div>
								</div>
								<!-- End review strip -->
							@endif
						@endforeach
					</div>
				</div>
			</div>
			<!--End  single_tour_desc-->

			<aside class="col-lg-4">
				<p class="d-none d-xl-block d-lg-block d-xl-none">
					@if($model->getParentTranslation('introduce_place_id', 'title'))
						<a class="btn_map" href="{{ action('HomeController@getIntroducePlace', [$model->getParentTranslation('introduce_place_id', 'title')]) }}">{{ __('Introduce Place') }}</a>
					@endif
				</p>
				@if($setting->booking_system)
					@include('frontends.homes.__partials.__booking_by_system')
				@else
					@include('frontends.homes.__partials.__booking_by_email')
				@endif

				<div class="box_style_4">
					@php 
						$string = __('Book by phone');
						$string_to_array = explode(' ', $string);
					@endphp
					<i class="icon_set_1_icon-90"></i>
					<h4><span>{!! current($string_to_array) !!}</span> {!! str_replace(current($string_to_array), '', $string) !!}</h4>
					<a href="tel://{{ $setting->company_tel }}" class="phone">{{ $setting->company_tel }}</a>
				</div>

			</aside>
		</div>
		<!--End row -->
	</div>
	<!--End container -->
	
<div id="overlay"></div>
<!-- Mask on input focus -->
	
</main>
<!-- End main -->
@stop
@section('script')
	function init_update_price(me) {
		$('#preloader').fadeIn('slow'); // will fade out the white DIV that covers the website.
		var dateSelected = $(me).val();
		if(dateSelected) {
			$.get("{{ action('HomeController@getTourPrice', [$model->getSelfTranslation('title')]) }}", {tourist_date:dateSelected}, function(data){
				var adultPrice = ((data.adult_discounted_price > 0 ? data.adult_discounted_price:data.adult_price) || 0)
				var childPrice = ((data.child_discounted_price > 0 ? data.child_discounted_price:data.child_price) || 0)
				$(".adult_price").html(parseFloat(adultPrice).toFixed(decimalPoint));
				$(".children_price").html(parseFloat(childPrice).toFixed(decimalPoint));
				init_total_price();
				$('#preloader').fadeOut('slow'); // will fade out the white DIV that covers the website.
			},"json");
		} else {
			$(".adult_price").html(parseFloat(0).toFixed(decimalPoint));
			$(".children_price").html(parseFloat(0).toFixed(decimalPoint));
			init_total_price();
			$('#preloader').fadeOut('slow'); // will fade out the white DIV that covers the website.
		}
	}

	$(".button_inc").on("click", function(){
		init_total_price();
	});

	function init_total_price() {
		var adultPack = $("input[name=adult_pack]").val();
		var adultPrice = ($(".adult_price").html() || 0);
		var childPack = $("input[name=child_pack]").val();
		var childPrice = ($(".children_price").html() || 0);
		var totalAdultPrice = parseFloat(adultPack) * parseFloat(adultPrice);
		var totalChildPrice = childPack * childPrice;
		var total = totalAdultPrice + totalChildPrice;
		$(".total_price").html(total.toFixed(decimalPoint));
	}
@stop