@extends('layouts.master')

@section('sky-content')
    {{$data->content->translation->description}}
@endsection

@section('editable_content')

    @include('layouts.partials.skyRow', ['class' => 'full-text'])



    <section class="main-timeline">
        <div class="placeholder">

            <div class="end-timeline">
            </div>

            {{--<div class="current-rentman">--}}
                {{--<figure class="logo">--}}
                    {{--<img src="/img/rentman-logo.svg" alt="logo rentman">--}}
                {{--</figure>--}}
            {{--</div>--}}
            @foreach($updates as $update)

                @if($update->date->year < $year)
                    <span class="new-year">
                        {{$update->date->year}}
                    </span>
                    <?php $year = $update->date->year ?>
                @endif

                <article
                        class=" @if(isset($update->rentmanUpdate->images) && $update->rentmanUpdate->images->count() != 0) with-image @endif ">
                    <span class="date">
                        {{$update->date->day . ' ' . trans('calender.months.'.$update->date->month) }}
                    </span>

                    <div class="timeline-connection">
                        <span class="circle"></span>
                        <span class="line"></span>
                    </div>

                    <a href="/{{$update->route->route}}">
                        @include('layouts.styling.window')
                        @if(isset($update->rentmanUpdate->images) && $update->rentmanUpdate->images->count() != 0)
                            <figure>
                                <img class="large" alt="update image"
                                     src="{{$update->rentmanUpdate->images->first()->large_image_url}}">
                                <img class="medium" alt="update image"
                                     src="{{$update->rentmanUpdate->images->first()->medium_image_url}}">
                            </figure>
                        @endif

                        <div class="content">
                            <h3>{{$update->name}}</h3>
                            {{$update->overview}}
                        </div>

                        <p class="button">@lang('translations.readMore')</p>

                    </a>
                </article>
            @endforeach
            <div class="moreUpdatesWrapper">
                <a class="moreUpdatesLink">@lang('translations.moreUpdates')</a>
                <p class="noMoreUpdates">@lang('translations.noMoreUpdates')</p>
            </div>

        </div>

    </section>

    @include('layouts.partials.orangeRow')

    @include('layouts.partials.dataSecurityRow')

@endsection

@section('extra-js')
    <script type="text/javascript" src="/js/moreUpdates.js?v=1"></script>
@endsection