@extends('layouts.master')


@section('editable_content')

    <div id="box-overview">
        <header>
            <div class="crown"></div>
            <h2>BOXEN</h2>
            <div class="line"></div>
            <div class="bottle-middle"></div>
        </header>

        <section class="explanation">
            <div class="center-container">
                <div class="center-container responsive">
                    <div class="left">
                        <h2>Losse box bestellen</h2>
                        <p>
                            Het abonnement is maandelijks opzegbaar maar als je eenmalig een box wil bestellen dan is dat ook mogelijk. Probeer het uit en laat je verrassen door de unieke box van de Bierbaron.
                            <br><br>
                            Bestel nu een vaderdag box vanaf €29,95!
                        </p>
                    </div>
                </div>
                <div class="center-container responsive">
                    <div class="left">
                        <h1>Vaderdag aanbieding</h1>
                        <span class="price-top">Vanaf € 29,50</span>
                        <div class="clear"></div>
                        <div class="icon-list-wrapper">
                            <div id="uitleg" class="small-icon"></div><h3>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;GRATIS THUISBEZORGD</h3>
                        </div>
                    </div>
                </div>
                {{--<div class="center-container responsive">--}}
                    {{--<div class="left">--}}
                        {{--<h1>Aanbieding<br> Herfstbox voor slechts</h1>--}}
                        {{--<span class="price-top">€ 29,50</span>--}}
                        {{--<div class="clear"></div>--}}
                        {{--<div class="icon-list-wrapper">--}}
                            {{--<div id="uitleg" class="small-icon"></div><h3>- Uitleg over de bieren en brouwerijen</h3>--}}
                            {{--<div id="box" class="small-icon"></div><h3>- Ontvang een prachtige box</h3>--}}
                            {{--<div id="verzending" class="small-icon"></div><h3>- Geen verzendkosten</h3>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                {{--</div>--}}
            </div>
            <div class="clear"></div>
            <img class="whitebar" src="/images/static/home_whitebar.png">
        </section>

        <section id="box-items">
            {{--<h1>{{$data->content->name}}</h1>--}}
            <div class="center-container">
                <div id="box-container">
                    {{--<div class="description">{{$data->content->description}}</div>--}}
                    @foreach($data->content->items as $item)
                        <article class="box-item">
                            {{--<a href="/{{$item->route}}" >--}}
                            <div class="dark-box">
                                <div class="box-icon"></div>
                                <h2>{{$item->name}}</h2>
                            </div>
                            {{--<div class="price">{{$item->price}}</div>--}}
                            <div class="description">
                                {{$item->description}}
                            </div>
                            {{--</a>--}}
                            <a href="{{ URL::route('shop.addToCart',['product'=>$item->id]) }}">
                                <span class="button white">
                                    {{ Lang::get('shop.add_to_cart')}}
                                </span>
                            </a>
                        </article>
                    @endforeach
                </div>
                {{--<div id="box-container">--}}
                    {{--<div class="subscription">--}}
                        {{--<p>Toch liever een abonnement? Nu de eerste maand voor € 25,00!</p><br><br>--}}
                        {{--<div class="center-container">--}}
                            {{--<a href="{{ URL::route('shop.checkout-subscription') }}">--}}
                                {{--<span class="button black">--}}
                                    {{--{{ Lang::get('shop.subscribe')}}--}}
                                {{--</span>--}}
                            {{--</a>--}}
                        {{--</div>--}}
                        {{--</p>--}}
                    {{--</div>--}}
                {{--</div>--}}
            </div>
            <div class="clear"></div>
        </section>
    </div>

@endsection