@extends('layouts.app')
@section('stylesheets')
    {{-- {!! Html::style('https://www.w3schools.com/w3css/4/w3.css') !!} --}}
    {!! Html::style('css/animate.css') !!}
@endsection
@section('title')
    {!! $homepageseo->value->title !!}
@stop
@section('keywords',$homepageseo->value->meta_key_en)
@section('description',$homepageseo->value->meta_description_en)
@section('robots', 'index, follow')
@section('content')
    {{-- Modal --}}
    {{-- <div class="modal fade" id="homeModal" role="dialog">
    	<div class="modal-dialog">
    		<div class="modal-content">
    			<div class="modal-body modalBady">
    				<button type="button" class="close modalDismiss" data-dismiss="modal">&times;</button>
    				<h2 class="modalHeader">Welcome to our freshly lifted website!</h2>
    				<p>We wanted it to be easy surfing, responsive and informative.</p><p>But overall, we wish it reflects and communicates our “Biking Spirit”. </p><p>Have a nice virtual visit and hope to see you in Morocco to share an on-road or off-road biking experience.</p>
    				<h2 class="modalHeader">We value your opinion</h2>
    				<p>Please contact us to let us know what you think of our new website - all comments and feedback are welcome. Please also let us know if you cannot find something or would like to make any suggestions for new information or topics.</p>
    			</div>
    		</div>
    	</div>
    </div> --}}

    <section class="slider homepage">
        <div class="flexslider">
          <ul class="slides">
            
          	 @foreach ($sliders as $slider)
    	      	<li>
    	            <img src="{{ env('URL_APPLICATION').$slider->image }}" alt="{{ $slider->alt }}" />
    	            <div class="centreDiv">
    	                <h3 class="flex-caption text-1 w3-container w3-center w3-animate-top">{{ $slider->title }}</h3>
    	                <span class="flex-caption text-2">{{ $slider->text }}</span>
    	            </div>
    	        </li>
          	@endforeach 
            
          </ul>
        </div>
    </section>

    <section class="about-us layout-2 layout-3">
        <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">
                           
                            @if (count($testimonials))
                                
                                @foreach ($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

                            @endif
                        </div>
                    </div>
                    <div class="col-md-12  padding-bottom-50 biker" id="fix-filter">
                        @foreach ($subcategories as $element)
                            <a class="col-md-2" href="{{ url('/trips/'.$element->slug_en) }}"><img src="{{env('URL_APPLICATION').$element->image}}" alt="" /></a>
                        @endforeach
                    </div>
                    <div class="col-md-12  padding-bottom-50 biker filter-mobile" style="display: none;">
                        @foreach ($subcategories as $element)
                            <a class="col-md-2" href="{{ url('/trips/'.$element->slug_en) }}"><img src="{{env('URL_APPLICATION').$element->image}}" alt="" /></a>
                        @endforeach
                    </div>
                    <div class="col-md-12 col-xs-12">
                        <div class="col-md-12">
                            <div class="group-title">
                                <p class="bigfont25">Would like a taste of our biking tours?</p>
                                <h2 class="textvert">Ride with us on one of our Day Tours</h2>
                            </div>
                        </div>
                        <div class="height-32"></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}}" alt="{{ ucwords(strtolower($element->name_en)) }}"></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
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="layout-2 layout-3">
        @php $i = 0; @endphp
        @foreach ($blogs as $blog)
            @php $res = ""; @endphp
            @if($i%2 == 0) @php $res = "pull-right"; @endphp @endif
            <div class="row">
                <div class="vc_empty_space height-70"><span class="vc_empty_space_inner"></span></div>
                <div class="col-md-6 ">
                    <img class="explore_img" src="{{ env('URL_APPLICATION').$blog->image }}" alt="{{ $blog->title }}" width="100%" />
                </div>
                <div class="col-md-6">
                    <div class="col-lg-12 col-md-12">           
                        <h1 class="cy_heading borderb">{{ $blog->title }}</h1>
                    </div>
                    <div class="col-lg-12 col-md-12">
                        {!! $blog->description !!}
                    </div>
                </div>
            </div>
        @php $i++; @endphp
        @endforeach
    </section>

@endsection

@section('partners')
  	@foreach ($partners as $partner)
  		<div class="col-md-3 partner_front">
  			<a href="{{ url($partner->link) }}">
  				<img src="{{ env('URL_APPLICATION').$partner->image }}" alt="">
  			</a>
  		</div>
	@endforeach	
@endsection


@section('scripts')
    <script src="{{ URL::asset('assets/js/pages/home-page.js') }}"></script>
    <script src="{{ URL::asset('assets/js/reviews_slider.js') }}"></script>
    <script>
		$(document).ready(function() {
			// $('#homeModal').modal('show');
		});
	</script>
@endsection
@section('footer')
	@if(count($footers) > 0)
		@foreach ($footers as $footer)
			<li><a href="{{ url($footer->slug) }}">{{ $footer->title }}</a></li>
		@endforeach
	@endif
@stop