@extends('layouts.master')

@section('editable_content')

    <div class="grid-row full-row image-header">

        @if(isset($page->images[0]))
            <figure class="image-header-content" style="background-image: url('{{$page->images->first()->original_image_url}}')"></figure>
        @else
            <figure class="image-header-content" style="background-image: url('/img/structure/fallback/fallback.jpg')"></figure>
        @endif

        <div class="wave">
            <img src="/img/structure/wave-reversed.svg" alt="Wave">
        </div>
    </div>

    <div class="grid-row page-header">
        <div class="grid-col col-12">
            <div class="page-header-wrapper">
                <h1>{{$page->translation->name}}</h1>
            </div>
        </div>
    </div>

    <div class="grid-row newsDetail">
        <div class="grid-col col-6 col-md-12 col-sm-12 newsDetailContent">

            <h2>{{$page->translation->name}}</h2>
            {{$page->translation->description}}

        </div>
        <div class="grid-col col-6 col-md-12 col-sm-12 newsDetailImage">

            @if($page->images->count() != 0)

                    <img alt="photo" src="{{$page->images->first()->medium_image_url}}" width="100%"/>

            @endif

            <a href="/news" class="back-button">@lang('translations.backToOverview')</a>

        </div>
    </div>


    {{-- Loop through dynamic pages --}}
    {{--@if(isset($page->translation->description))--}}
        {{--@include('layouts.partials.dynamic.dynamicBlocks')--}}
    {{--@endif--}}


    {{--<div class="button">--}}
        {{--<a href="/{{$links->blog->route}}">--}}
            {{--back overview--}}
        {{--</a>--}}
    {{--</div>--}}

@endsection