@extends('layouts.master', ['view' => 'travels'])

@section('sideHeader')

    @include('layouts.partials.travels.subMenu')

@endsection


@section('editable_content')

    <div class="after-menu">

        @include('layouts.partials.header')

        @include('layouts.partials.travels.description')

        @if(sizeof($page->ownTravels) != 0 || sizeof($page->otherTravels) != 0)

            <section class="main-content @if(\Input::get('s', false) != false) scroll-to-here @endif" id="myTravels">

                <h2>{{ KommaLang::get('ourTravelsTitle') }}</h2>

                @if(sizeof($page->ownTravels) != 0)


                    <div class="models travel-overview own-travels grid-row">

                        @foreach($page->ownTravels as $key => $travel)
                            <article >

                                <a href="/{{$travel->translation->route->route}}">
                                    <figure>
                                        @if(isset($travel->images) && $travel->images->count() != 0)
                                            <span style="background-image: url('{{$travel->images->first()->medium_image_url}}');"></span>
                                        @endif
                                    </figure>
                                    <div class="text">

                                        <div class="date-block">
                                            <span class="icon"></span>
                                            <span class="day">{{$travel->getStartDate()->format('d')}}</span>
                                            <span class="month">{{$travel->getStartDate()->format('m')}}</span>
                                        </div>

                                        <h4>{{$travel->translation->name}}</h4>
                                        <p>{{$travel->translation->meta_description}}</p>

                                    </div>

                                    <span class="duration">@lang("translations.duration"): {{$travel->getDuration()}} {{ Lang::choice('translations.days', $travel->getDuration()) }}</span>

                                    <span class="button">
                                    @lang('translations.moreInfo')
                                </span>
                                </a>
                            </article>
                        @endforeach

                    </div>

                @else
                    <p class="no-travels"> {{KommaLang::get('noTravelsAvailable')}}</p>
                @endif

                @if(sizeof($page->otherTravels) != 0)
                    <h2>{{ KommaLang::get('otherTravelsTitle') }}</h2>

                    <div class="models travel-overview other-travels grid-row">

                        @foreach($page->otherTravels as $travel)
                            <article>

                                <a href="/{{$travel->translation->route->route}}">
                                    <figure>
                                        @if(isset($travel->images) && $travel->images->count() != 0)
                                            <span style="background-image: url('{{$travel->images->first()->medium_image_url}}');"></span>
                                        @endif
                                    </figure>
                                    <div class="text">

                                        <div class="date-block">
                                            <span class="icon"></span>
                                            <span class="day">{{$travel->getStartDate()->format('d')}}</span>
                                            <span class="month">{{$travel->getStartDate()->format('m')}}</span>
                                        </div>

                                        <h4>{{$travel->translation->name}}</h4>
                                        <p>{{$travel->translation->meta_description}}</p>

                                    </div>

                                    <span class="button">
                                    @lang('translations.moreInfo')
                                </span>
                                </a>
                            </article>
                        @endforeach

                    </div>
                @endif
            </section>

        @else

            <p class="no-travels"> {{KommaLang::get('noTravelsAvailable')}}</p>

        @endif

        <div class="mobile-submenu">
            @include('layouts.partials.travels.subMenu')
        </div>

        @include('layouts.partials.travels.nextTravelType')

        @include('layouts.partials.becomeMemberOrFriend')

    </div>



@endsection