@extends('layouts.master')


@section('editable_content')
    <div class="blog-overview">
        <header>
            <div class="crown"></div>
            <h2>AVONTUREN<br>
                VAN DE BIERBARON</h2>
            <div class="line"></div>
            <div class="bottle-middle"></div>
        </header>

        <section class="explanation">
            <div class="center-container">
                <div class="text-wrapper">
                    <p>
                        Iedere maand gaan wij op reis, op zoek naar bijzondere biertjes met karakter. Zo zorgen we ervoor dat jij maandelijks kunt genieten van een selectie speciaalbier. Via dit blog kun je onze ontdekkingsreis volgen. Wil je geen update missen? <a href="#">Schrijf je dan in voor de Gerstenat Gazet</a>.
                    </p>
                </div>
            </div>
            <img class="whitebar" src="/images/static/home_whitebar.png">
        </section>
        <section id="blog-items">
            @foreach($data->content->items as $item)
                <article>
                    <a href="/{{$item->route}}" >
                        <h2 class="title">{{$item->name}}</h2>
                        <span class="date">{{substr($item->date, 0, -9)}}</span>
                        <div>
                            @if(isset($item->images[0]))
                                <img src="{{$item->images[0]['medium_image_url'] }}"/>
                            @endif
                        </div>
                        <div class="short_description">
                            {{$item->short_description}}
                            <h2>Lees meer</h2>
                        </div>
                    </a>
                </article>
            @endforeach
        </section>
    </div>

    {{--<h1>{{$data->content->name}}</h1>--}}

    {{--<div class="description">{{$data->content->description}}</div>--}}

@endsection