@extends('emails.master')

@section('style')
    .c-table {
    border-spacing: 0;
    }

    .c-table td,
    .c-table th {
    font-size: 14px;
    }

    .c-table tbody tr:first-child .c-table-item {
    padding: 10px 0 5px;
    }

    .c-table tbody tr:last-child .c-table-item,
    .c-table tbody tr.c-table-row--padding-bottom td
    {
    padding: 5px 0 10px;
    }

    .c-table--summary td,
    .c-table-item {
    padding: 5px 0;
    }

    .c-table-heading-item {
    padding-bottom: 5px;
    border-bottom: 1px solid #74787E;
    }

    .c-table th,
    .c-table strong{
    color: #2F3133;
    }

    .c-table-row--btw th,
    .c-table-row--btw td{
    color: #9ea0a2;
    }

    .c-table--summary tr.c-table-row--divider td{
    padding: 10px 0 5px;
    border-top: 1px solid #74787E;
    }

    .c-table--summary td {
    text-align: right;
    }

    .c-table-item__sub, .c-table-item__sub strong {
        color: #9ea0a2;
    }

    .c-deposit {
    margin-left: 10px;
    font-size: 20px;
    }

    .c-deposit small {
    margin-right: 5px;
    }

@endsection

@section('title')
    Bestelling {{ $order->order_reservation_number }}
@endsection

@section('content')

    <p>Hoi {{ config('site.company.name') }},</p>

    <p>
        De volgende reservering is via de website binnengekomen.
    </p>

    <br/>

    <h2 style="margin-bottom: 0;">Teamleader</h2>
    @if($savedToTeamleader)
        <p>Reservering is ingeschoten als Draft factuur.</p>
    @else
        <p>
            Reservering is <strong>NIET</strong> ingeschoten.
            <br/>
            <br/>
            Reden(en):<br/>
            @foreach($messages as $message)
                {{ $message }}<br/>
            @endforeach
        </p>
    @endif

    <p>&nbsp;</p>

    @include('emails.components.orderDetails')

    <div style="margin-top: 40px; margin-bottom: 40px;">
        <h2 style="margin-bottom: 20px;">Overzicht</h2>
        @include('emails.components.orderLines')
        @include('emails.components.orderSummary')

        <br/>

        <h4 style="margin-bottom: 0;">Algemene voorwaarden en privacyverklaring</h4>
        <p>De klant heeft bevestigd dat deze de algemene voorwaarden en de privacyverklaring van FarmFun heeft gelezen en ermee akkoord is gegaan.</p>

        <br/>
        <br/>

        <h2 style="margin-bottom: 5px;">Aan te betalen: <span class="c-deposit"><small>{{ config('site.shop_currency') }}</small>{{ euro_pricing_format($order->deposit) }}</span></h2>
        <p>{{ config('site.deposit_percentage') }}% van het totaalbedrag</p>

    </div>

@endsection


@section('layout')

    @include('emails.components.headerBar', ['headerBarTitle' => 'Reservering ' . $order->order_reservation_number ])

    @include('emails.components.body')
    @include('emails.components.prefooter')
    @include('emails.components.footer', ['companyName' => '© ' . config('site.company.name') .' '. \Carbon\Carbon::now()->year])

@endsection