@extends('layouts.master')

@section('editable_content')
    <div class="howitworks">
        <header>
            <div class="crown"></div>
            <h2>HOE WERKT HET</h2>
            <div class="line"></div>
            <div class="bottle-middle"></div>
        </header>
        <section class="information">
            <div class="text-wrapper">
                <h2>Maandelijks 8 unieke<br>
                    bieren van 4 brouwerijen</h2>
                <p>
                    In het spoor van de Bierbaron reizen we door stad en land, op zoek naar bijzondere brouwers met een smakelijke pint. Iedere maand verzamelen we zo 8 unieke bieren van 4 verschillende brouwerijen, die samen een mooie bierbox vormen. Benieuwd naar onze reisverhalen? <a href="/blog">Bekijk dan ons blog</a>.
                </p>
                <p>
                    Als je een abonnement afsluit dan krijg je iedere maand een nieuwe box thuisgestuurd met de lekkerste bieren, rechtstreeks vanuit het kasteel van de Bierbaron.
                </p>
                <div class="right">
                    <img src="/images/static/castle.png">
                </div>
                <div class="list-wrapper">
                    <p>Hieronder leggen we het abonnement in het kort uit:</p>
                    <br>
                    <ul>
                        <li>Iedere maand voor het vaste bedrag van € 29,50 een nieuwe box met 8 bieren van 4 brouwerijen</li>
                        <li>In iedere box uitleg over de bieren en brouwerijen</li>
                        <li>Het eerste weekend van de maand wordt de box bij je thuisbezorgd, zonder verzendkosten!</li>
                        <li>Het abonnement is maandelijks opzegbaar, opzeggen mogelijk tot twee weken voor versturen volgende box</li>
                        <li>Je betaald de eerste box via de website, daarna ontvang je 2 weken voor verzending van de box een Ideal-betaallink</li>
                    </ul>
                </div>
                <div class="center-container">
                    <p>Aboneer je nu en ontvang<br>de eerste box voor slechts <strong>€25,00!</strong></p>
                    <a href="{{ URL::route('shop.checkout-subscription') }}">
                        <span class="button white">
                            Abonneer je nu!
                        </span>

                        <br><br><br>
                    <p>Liever vrijblijvend uitproberen?</p>
                    <a href="{{ URL::route('shop.addToCart', 2) }}">
                        <span class="button white">
                            Bestel een losse box!
                        </span>
                    </a>
                </div>
            </div>
            <img class="whitebar" src="/images/static/home_whitebar.png">
        </section>

        <section class="overview">
            @include('layouts.partials.overview')
            <div class="clear"></div>
            <a href="{{ URL::route('shop.checkout-subscription') }}">
                <span class="button black">
                    {{ Lang::get('shop.subscribe')}}
                </span>
            </a>
        </section>
    </div>
@endsection