@extends('layouts.app')
@section('stylesheets')
    {!! Html::style('css/tours.list.css') !!}
    {!! Html::style('css/details.css') !!}
@endsection
@section('title')
    {!! $subcategorie->meta_title_en !!}
@stop
@section('keywords',$subcategorie->meta_key_en)
@section('description',$subcategorie->meta_description_en)
@section('content')

<section class="page-banner tour-result">
    <div>
        <div class="page-title-wrapper">
            <div class="page-title-content">
                <div class="clearfix"></div>
                <img id="imgCategoryPage" src="{{ env('URL_APPLICATION').$categorie->image  }}">
                <h1 class="captions">{{ $categorie->name_en.' | '.$subcategorie->name_en }}</h1>
            </div>
        </div>
    </div>
</section>
<div class="page-main">
    <div class="trip-info">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="label-route-widget bike-breadcrumb">
                        <span class="departure">   
                            <a href="{{url('/')}}">
                                <span class="city">Home</span>
                            </a>
                        </span>
                        <i class="fa fa-long-arrow-right"></i>
                        <span class="arrival">   
                            <a href="{{ url($categorie->slug_en) }}">
                                <span class="city">{{ ucwords(strtolower($categorie->name_en)) }}</span>
                            </a>
                        </span>
                        <i class="fa fa-long-arrow-right"></i>
                        <span class="arrival">   
                            <a href="{{ url('/trips/'.$subcategorie->slug_en) }}">
                                <span class="city">{{ ucwords(strtolower($subcategorie->name_en)) }}</span>
                            </a>
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="clearfix"></div>
    <div class="height-32"></div>
    <div class="tour-result-main padding-bottom">
        <div class="container">
            <div class="col-md-12 biking-tours">
                <div class="biker">
                    @foreach ($subcategories as $element)
                        <a class="col-md-2" href="{{ url('trips/'.$element->slug_en) }}"><img src="{{ env('URL_APPLICATION').$element->image}}" /></a>
                    @endforeach
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 biking-tours">
					<div id="small_description" class="categorie-description"> {!! substr($subcategorie->desciption_en, 0, 700) !!}...<a id="flip" class="ReadMore_btn">Read More</a> </div>
                    <div id="panel_description">{!! $subcategorie->desciption_en !!} <a id="flipLess" class="ReadMore_btn">Read Less</a></div>
                    
                    @if (count($tours))
						@foreach( $tours as $tour )
							<div class="col-md-12 biking-tours">
								@if (count($tour))
									@foreach ($tour as $element)
										<div class="col-md-4 col-sm-6 margint-15">
											<span class="label-text">{{ ucwords(strtolower($element->label_en)) }}</span>
											<h5>{{ ucwords(strtolower($element->name_en)) }} </h5>
											<div class="blockimage">
												<a href="{{url('/'.$element->categorie->slug_en.'/'.$element->SubCategorie->slug_en.'/'.$element->slug_en) }}"><img src="{{env('URL_APPLICATION').$element->image}}" ></a>
												<div class="information-btn">
													<span>From</span>
													<span><strong>{{ $element->price }} €</strong></span>
													<a href="{{ url('/'.$element->categorie->slug_en.'/'.$element->SubCategorie->slug_en.'/'.$element->slug_en) }}" class="btn-link">   
														<span>Info</span>
													</a>
												</div>                                                
												<div class="centereddiv"> <br></div>
											</div>
										</div>
									@endforeach
								@endif
							</div>
						@endforeach
                    @else
                        <h5>No tours available in this category</h5>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@if ($subcategorie->testimonials->count())
    <section class="about-us layout-2 layout-3">
        <div class="height-50"></div>
        <div class="container">
            <div class="row">
                <div class="wrapper-contact-style">
                    <div class="col-md-12 col-xs-12">
                        <div class="group-title">
                            <p class="bigfont25">They have biked with us</p>
                        </div>
                    </div>
                    <div class="col-md-12 col-xs-12">

                        <div class="traveler-list">

                            @foreach ($subcategorie->testimonials as $element)

                                <div class="traveler col-md-12">
                                    <div class="wrapper-content">
                                        <div class="name col-md-8 nopadding">
                                            <h2 class="text-left textvert">{{ ucwords(strtolower($element->title_en)) }}</h2>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="col-md-5">
                                                <div class="testimonial-image">
                                                    <img width="80" height="80" src="{{ env('URL_APPLICATION').$element->image }}" class="attachment-80x80 size-80x80 wp-post-image" alt="" sizes="(max-width: 80px) 100vw, 80px">
                                                </div>
                                            </div>
                                            <div class="col-md-7 nopadding">
                                                <div class="testimonial-text">
                                                    <div class="nameTest">
                                                        {{ $element->firstname.' '.$element->lastname }}
                                                    </div>
                                                    <div class="company">
                                                        {{ $element->country_en }}
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div style="clear: both;"></div>
                                        <div class="testimonial text-justify open-serif ">
                                            {!! $element->desciption_en !!}
                                        </div>
                                        <div class="testimonial-info clearfix"></div>
                                    </div>
                                </div>
                            @endforeach

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endif

<script>
	$(document).ready(function(){
		$("#flip").click(function(){
			$('#small_description').slideToggle(700);
			$("#panel_description").slideToggle(700);
		});
		$("#flipLess").click(function(){
			$("#panel_description").slideToggle(700);
			$('#small_description').slideToggle(700);
		});
	});
</script>

@endsection


@section('scripts')
    {!! Html::script('assets/js/pages/details-page.js') !!}
@endsection
@section('footer')
	@if(count($footers) > 0)
		@foreach ($footers as $footer)
			    <li><a href="{{ url($footer->slug) }}" alt="">{{ $footer->title }}</a></li>
		@endforeach
	@endif
@stop