@extends('layouts.app')
@section('stylesheets')
    {!! Html::style('css/tours.list.css') !!}
    {!! Html::style('css/details.css') !!}
@endsection
@section('title')
    {{-- {!! $categorie->meta_title_en !!} --}}Bike Morocco 
@stop
{{-- @section('keywords',$categorie->meta_key_en)
@section('description',$categorie->meta_description_en) --}}
@section('content')
    <section class="page-banner tour-result">
        <div class="">
            <div class="page-title-wrapper">
                <div class="page-title-content">
                    <div class="clearfix"></div>
                    <img id="imgCategoryPage" src="https://bike-morocco.com/assets/images/categories/tailor-made-biking-tours-1536319873.jpg">
                </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">
                                <span class="city">Bikes</span>
                            </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="col-md-12 biking-tours">
                    
                    @if (count($bikes))
                        @foreach ($bikes as $bike)
                            @if ($loop->index%3 == 0 && !$loop->first) </div> @endif
                            @if ($loop->index%3 == 0 && !$loop->last) <div class="row"> @endif
                                <div class="col-md-4 col-sm-6 margint-15">
                                    <span class="label-text">{{ ucwords(strtolower($bike->category_bike->name)) }}</span>
                                    <h5>{{ ucwords(strtolower($bike->title)) }} </h5>
                                    <div class="blockimage">
                                        <a href="#"><img src="{{ 'https://www.administration.rent-bike-morocco.com/'.$bike->bike_galleries[0]->name }}" style="margin-top: 60px;"></a>
                                        <div class="information-btn">
                                            <span>From</span>
                                            <span><strong>{{ $bike->rental_price->p1 }} €</strong></span>
                                            <a href="#" class="btn-link">   
                                                <span>Info</span>
                                            </a>
                                        </div>                                                
                                        <div class="centereddiv"> <br></div>
                                    </div>
                                </div>
                        @endforeach
                    @endif
                </div>

            </div>
        </div>
    </div>
@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