@extends('front.master')

@section('seo')
    {!! $tour->seo !!}
@endsection

@section('content')
    <section class="page-cover back-size" id="cover-flight-grid-list" style="background-image: url('{{getImage(TOUR_PATH.$tour->cover)}}'); background-position: 50% 17px;">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h1 class="page-title">{{$tour->name}}</h1>
                    <ul class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{route('front.get.home.index')}}">{{json_field($site_content,'home')}}</a></li>
                        <li class="breadcrumb-item"><a href="{{route('front.get.category.index',[$category->slug])}}">{{$category->name}}</a></li>
                        <li class="breadcrumb-item"><a href="{{route('front.get.subCategory.index',[$category->slug,$sub->slug])}}">{{$sub->name}}</a></li>
                        <li class="breadcrumb-item">{{$tour->name}}<Adventure></Adventure></li>
                    </ul>
                </div><!-- end columns -->
            </div><!-- end row -->
        </div><!-- end container -->
    </section>

    <section class="innerpage-wrapper bg-light">
        <div id="tour-details" class="innerpage-section-padding pb-0 pt-5">
            <div class="container">
                <div class="row">


                    <div class="col-12 col-md-12 col-lg-3 side-bar left-side-bar">

                        <div class="side-bar-block booking-form-block">
                            <h2 class="selected-price">
                                @if($tour->price_start_from > 0)
                                    @if($tour->discount)<strike>{{getPrice($tour->price_start_from)}}</strike> {{getPrice($tour->price_after_discount)}} @else {{getPrice($tour->price_start_from)}}@endif  <span>{{getCurrency()}}</span>
                                @endif</h2>

                            <div class="des_block_tour" id="box_form_view">
                                <p>
                                    <label>{{json_field($site_content,'category')}}</label>
                                    <span><a href="{{route('front.get.category.index',$category->slug)}}">{{$category->name}}</a></span>
                                </p>
                                <p>
                                    <label>{{json_field($site_content,'price')}}</label>
                                    <span>{{getPrice($tour->price_after_discount)}} {{getCurrency()}} / PERSON</span>
                                </p>
                                <p>
                                    <label>{{json_field($site_content,'date')}}</label>
                                    <span>{{date_format($tour->created_at,'Y-m-d')}}</span>
                                </p>
{{--                                <p>--}}
{{--                                    <label>DURATION</label>--}}
{{--                                    <span>7 DAYS</span>--}}
{{--                                </p>--}}
                                <p>
                                    <label>{{json_field($site_content,'hotel_category')}}</label>
                                    <span class="class-tour">
                                                                <a>
                                    @for($i=0;$i<$full_stars; $i++)
                                        <i class="fa fa-star"></i>
                                    @endfor

                                    @for($i=0;$i<$empty_stars; $i++)
                                        <i class="fa fa-star-o"></i>
                                    @endfor
                                    </span>
                                </p>
                            </div>

@include('front.partials.booking_form')
                        </div><!-- end side-bar-block -->


                    </div><!-- end columns -->

                    <div class="col-12 col-md-12 col-lg-9 col-xl-9 content-side">
                        <div class="detail-slider">
                            <div class="feature-slider">
                                @foreach($tour->gallery as $key=>$image)
                                    <div><img class="img-fluid" src="{{getImage(TOUR_GALLERY_PATH.$image->img)}}"
                                              alt="{{$image->img_alt}}" title="{{$image->img_title}}" style="width: 975px; height: 437px;"/></div>
                                @endforeach
                            </div><!-- end feature-slider -->

                            <div class="feature-slider-nav">
                                @foreach($tour->gallery as $key=>$image)
                                    <div><img class="img-fluid" src="{{getImage(TOUR_GALLERY_PATH.$image->img)}}"
                                              alt="{{$image->img_alt}}" title="{{$image->img_title}}"  style="width: 198px; height: 89px;"/></div>
                                @endforeach
                            </div><!-- end feature-slider-nav -->

                        </div><!-- end detail-slider -->
                        <div class="des_tours_view">
                            <h3>{{json_field($site_content,'describtion')}}</h3>
                            <p>{!! $tour->desc !!}</p>
                        </div>
                        <div class="detail-tabs">
                            <ul class="nav nav-tabs">
                                <li class="nav-item active"><a class="nav-link" href="#tab-1" data-toggle="tab">{{json_field($site_content,'overview')}}</a></li>
                                <li class="nav-item"><a class="nav-link" href="#tab-2" data-toggle="tab">{{json_field($site_content,'itinerary')}}</a></li>
                                <li class="nav-item"><a class="nav-link" href="#tab-3" data-toggle="tab">{{json_field($site_content,'accommodation')}}</a></li>
                            </ul>
                            <div class="tab-content">
                                <div id="tab-1" class="tab-pane in active">
                                    <div class="row">

{{--                                        <div class="col-md-8 col-lg-8 tab-text">--}}
{{--                                            <div class="des_tabs_view">--}}
{{--                                                <h3>Tour Information</h3>--}}
{{--                                                <p>The Sound and Light Show at the Great Pyramids takes place on the Giza plateau, around 30 minutes from Cairo. The one-hour show begins with the illumination of the Sphinx, who narrates the history of the pyramids and their builders. Using laser beams and light projections on the walls of the Mummification Temple, desert sands, pyramid walls and the Sphinx itself, a condensed story of Egypt unfolds. The accompanying soundtrack complements the surroundings and the voice of the Sphinx is suitably dramatic and mysterious!</p>--}}
{{--                                            </div>--}}

{{--                                        </div><!-- end columns -->--}}

                                        <div class="col-md-8 col-lg-8 tab-text">
                                            <div class="des_tabs_view">

                                                <h3>{{json_field($site_content,'included')}}</h3>
                                                {!! $tour->inclusion !!}

                                                <h3>{{json_field($site_content,'excluded')}}</h3>
                                                {!! $tour->exclusion !!}
                                            </div>

                                        </div><!-- end columns -->

                                        <div class="col-md-4 col-lg-4 tab-img">
                                            <img src="{{getImage(TOUR_PATH.$tour->img)}}" alt="{{$tour->img_alt}}"
                                                 title="{{$tour->img_title}}"/>
                                        </div><!-- end columns -->

                                    </div><!-- end row -->
                                </div><!-- end hotel-overview -->
                                <div id="tab-2" class="tab-pane">
                                    <div class="row">
                                        <div class="col-md-12 col-lg-12 tab-text">
                                            <div class="des_tabs_view">
                                                <div class="timeline-content">
                                                    <ul class="timeline">
                                                        @foreach($tour->itinerary as $key=>$itinerary)
                                                        <li>
                                                            <div class="direction-r">
                                                                <div class="day-wrapper">
                                                                    <span>{{$loop->index + 1}}</span>
                                                                </div>
                                                                <div class="flag-wrapper">
                                                                    <span class="flag">{{$itinerary->title}}</span>
                                                                </div>
                                                                <div class="desc">
                                                                    <p>{!! $itinerary->desc !!}</p>
                                                                </div>
                                                            </div>
                                                        </li>
                                                        @endforeach

                                                    </ul>
                                                </div>
                                            </div>
                                        </div><!-- end columns -->
                                    </div><!-- end row -->
                                </div><!-- end restaurant -->
                                <div id="tab-3" class="tab-pane">
                                    <div class="row">

                                        <div class="col-md-9 col-lg-9 tab-text">
                                            <div class="des_tabs_view">
                                                {!! json_field($site_content,'children_policy') !!}
                                            </div>
                                        </div><!-- end columns -->
                                        <div class="col-md-3 col-lg-3 tab-img">
                                            <img src="/front/images/tour-2.jpg" class="img-fluid" alt="flight-detail-img" />
                                        </div><!-- end columns -->

                                        <div class="col-md-12 col-lg-12 tab-text">
                                            <div class="room_pricing">
                                                <h3 class="title style-01">PRICING PLANS</h3>
                                                @foreach($tour->tourPricingTables as $table)
                                                    
                                                    <h3 class="table-name">{{$table->title}}</h3>

                                                    @if($table->hotels->count())
                                                        <h5><i class="fa fa-hotel"></i> {{json_field($site_content,'hotels')}}</h5>
                                                        <div class="row hotel-container">
                                                            @foreach($table->hotels as $hotel)
                                                                <div class="col-md-2 hotel-item" style="text-align: center;">
                                                                    <img class="hotel-img" src="{{getImage(HOTEL_PATH.$hotel->img)}}"
                                                                         alt="{{$hotel->img_alt}}" title="{{$hotel->img_title}}" style="width: 190px; margin: 20px;">
                                                                    <h6 class="hotel-name">{{$hotel->name}}</h6>
                                                                </div>
                                                            @endforeach
                                                        </div>

                                                    @endif

                                                    @if($table->type == 'daily')
                                                        <table class="table table-bordered">
                                                            <thead>
                                                            <tr>
                                                                    @if(isset($content->first_title)&&$content->first_title) <th>{{$content->first_title}}</th>@endif
                                                                    @if(isset($content->second_title)&&$content->second_title) <th>{{$content->second_title}}</th>@endif
                                                                    @if(isset($content->third_title)&&$content->third_title) <th>{{$content->third_title}}</th>@endif
                                                                    @if(isset($content->fourth_title)&&$content->fourth_title) <th>{{$content->fourth_title}}</th>@endif
                                                                    @if(isset($content->fifth_title)&&$content->fifth_title) <th>{{$content->fifth_title}}</th>@endif
                                                                    @if(isset($content->six_title)&&$content->six_title) <th>{{$content->six_title}}</th>@endif
                                                                    @if(isset($content->seventh_title)&&$content->seventh_title) <th>{{$content->seventh_title}}</th>@endif
                                                            </tr>
                                                            </thead>

                                                            <tbody>
                                                            @if(isset($content->first_price)&&$content->first_price)<td>{{getPrice($content->first_price)}} {{getCurrency()}}</td>@endif
                                                            @if(isset($content->second_price)&&$content->second_price)<td>{{getPrice($content->second_price)}} {{getCurrency()}}</td>@endif
                                                            @if(isset($content->third_price)&&$content->third_price)<td>{{getPrice($content->third_price)}} {{getCurrency()}}</td>@endif
                                                            @if(isset($content->fourth_price)&&$content->fourth_price)<td>{{getPrice($content->fourth_price)}} {{getCurrency()}}</td>@endif
                                                            @if(isset($content->fifth_price)&&$content->fifth_price)<td>{{getPrice($content->fifth_price)}} {{getCurrency()}}</td>@endif
                                                            @if(isset($content->six_price)&&$content->six_price)<td>{{getPrice($content->six_price)}} {{getCurrency()}}</td>@endif
                                                            @if(isset($content->seventh_price)&&$content->seventh_price)<td>{{getPrice($content->seventh_price)}} {{getCurrency()}}</td>@endif
                                                            </tbody>
                                                        </table>
                                                    @else
                                                        <table class="table table-bordered">
                                                            <thead>
                                                            <tr>

                                                                <th class="text-center" colspan="2">{{$content->summer_title}}</th>
                                                                <th class="text-center" colspan="2">{{$content->winter_title}}</th>

                                                            </tr>
                                                            </thead>
                                                            <tbody>

                                                            <tr>
                                                                <td>{{$content->summer_single_title}}</td>
                                                                <td>{{getPrice($content->summer_single_price)}} {{getCurrency()}}</td>
                                                                <td>{{$content->winter_single_title}}</td>
                                                                <td>{{getPrice($content->winter_single_price)}} {{getCurrency()}}</td>
                                                            </tr>

                                                            <tr>
                                                                <td>{{$content->summer_double_title}}</td>
                                                                <td>{{getPrice($content->summer_double_price)}} {{getCurrency()}}</td>
                                                                <td>{{$content->winter_double_title}}</td>
                                                                <td>{{getPrice($content->winter_double_price)}} {{getCurrency()}}</td>
                                                            </tr>

                                                            <tr>
                                                                <td>{{$content->summer_triple_title}}</td>
                                                                <td>{{getPrice($content->summer_triple_price)}} {{getCurrency()}}</td>
                                                                <td>{{$content->winter_triple_title}}</td>
                                                                <td>{{getPrice($content->winter_triple_price)}} {{getCurrency()}}</td>
                                                            </tr>


                                                            </tbody>
                                                        </table>
                                                    @endif

                                                    <hr>
                                                @endforeach
                                            </div>
                                        </div>



                                    </div><!-- end row -->
                                </div><!-- end pick-up -->
                            </div><!-- end tab-content -->

                            <div class="buttons_view">
                                <a href="https://wa.me/20100000000" target="_blank" class="st_all whatsapp_mob"><i class="fa fa-whatsapp"></i> WhatsApp </a>
                                <a href="tel:002000000000" class="st_all call_mob"><i class="fa fa-phone-square"></i> Call</a>
                                <a href="#box_form_view" class="st_all btn_enquiry" id="button_submit" type="submit">Request This Trip</a>
                            </div>

                        </div><!-- end detail-tabs -->

                    </div>



                        <div class="container mt-5">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="page-heading">
                                        <h2>{{json_field($site_content,'related_title')}}</h2>
                                        <p>{{json_field($site_content,'related_desc')}}</p>
                                    </div><!-- end page-heading -->
                                </div>
                            </div>
                        </div>


                    <div class="container">
                        <div class="row">
                            <div class="owl-carousel owl-theme owl-custom-arrow" id="owl-hotel-offers">
                                @foreach($related_tours as $tour)
                                    @include('front.partials.main_tour_grid', ['tour' => $tour])
                                @endforeach

                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </section>
    @include('front.partials.testimonials')
    @include('front.partials.newsletter')

@endsection