@extends('emails.master')

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

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


    .c-table tbody tr .c-table-item {
        padding: 10px 0;
        border-top: 1px solid #ebedf1;
    }

    .c-table tbody tr:first-child .c-table-item {
    border-top: none;
    }

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

    .c-table-item--note {
        margin-top: 5px;
    }

    .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')
    @lang('site/email.client_reminder.subject') | {{ config('site.company.name') }}
@endsection

@section('content')



    <p>Hoi {{ $reservation->first_name }},</p>

    <p>
        Het is bijna zover! Op <strong>{{ $reservation->getDateAsDateTime()->format('j') }} @lang('calendar.month_names.' . ( $reservation->getDateAsDateTime()->format('n') - 1) )</strong> komen jullie bij ons op bezoek in <strong style="white-space: nowrap;">{{ $reservation->location->translation->name }}</strong> om op een beestig leuke manier te werken aan een sterker kuddegevoel van jullie team.<br/>
        <br/>
        Dit bericht is enkel informatief.
    </p>

    <p>&nbsp;</p>

    <p style="font-size: 15px;">
        <strong style="display: inline-block; width: 200px; color: #000;">Reserveringsnummer:</strong> {{ $reservation->reservation_number }}<br/>
        <strong style="display: inline-block; width: 200px; color: #000;">Datum:</strong> {{ $reservation->getDateAsDateTime()->format('d-m-Y') }}<br/>
        <strong style="display: inline-block; width: 200px; color: #000;">Vestiging:</strong> {{ $reservation->location->translation->name }}<br/>
    </p>

    <h3 style="margin-top: 30px; margin-bottom: 4px;">Contactgegevens:</h3>
    <p>
        @if(!empty($reservation->company_name)) {{ $reservation->company_name}} <br/>@endif
        {{ $reservation->first_name }} {{ $reservation->name_preposition }} {{ $reservation->last_name }}<br/>
        {{ $reservation->email }}<br/>
        {{ $reservation->phone }}
    </p>

    @if(!empty($reservation->remarks))
        <h3 style="margin-top: 20px; margin-bottom: 4px;">Opmerking:</h3>
        <p>
            {!! nl2br($reservation->remarks) !!}
        </p>
    @endif


    <div style="margin-top: 40px; margin-bottom: 40px;">
        <h2 style="margin-bottom: 20px;">Overzicht</h2>
        <table class="c-table">
            <thead>
            <tr>
                <th class="c-table-heading-item" width="400" style="text-align: left; vertical-align: bottom;">Activiteit</th>
                <th class="c-table-heading-item" width="170" style="text-align: left; vertical-align: bottom;">Aantal personen</th>
            </tr>
            </thead>
            <tbody>
            @foreach($reservation->items as $reservationItem)
                <tr>
                    <td class="c-table-item"  valign="top">
                       <strong>{!! isset($reservationItem->product->translation) ? $reservationItem->product->translation->name : $reservationItem->product->translation()->withTrashed()->first()->name . ' (Product is verwijderd)' !!}</strong><br/>
                        @if($reservationItem->getStartInDateTime() !== null && $reservationItem->getEndInDateTime() !== null){{ $reservationItem->getStartInDateTime()->format('H:i') }} - {{ $reservationItem->getEndInDateTime(true)->format('H:i') }}@endif
                        @if(!empty($reservationItem->remarks))<br/><div class="c-table-item__sub  c-table-item--note"><strong>Opmerking: </strong> {!! nl2br($reservationItem->remarks) !!}</div>@endif
                    </td>
                    <td class="c-table-item" style="text-align: left;" valign="top">
                        {{ $reservationItem->quantity }} x
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>


    <h4 style="margin-bottom: 0;">Controleer je reservatie</h4>
    <p>Check je even of deze bestelling nog steeds klopt? Controleer ook de tijden en het aantal deelnemers. Je kunt hier ook je taalvoorkeuren doorgeven bij de opmerkingen. Wijzigingen kun je eenvoudig zelf doen via <a target="_blank" href="{{ $changeReservationUrl }}">deze link</a>.</p>

    <p>&nbsp;</p>
    <h4>Nog één boezondere vraag</h4>
    <p>Van een koe-le koe-llega tot beestige bruid(egom) of een jarige Job: <strong>is er iets dat wij moeten weten opdat we jullie een extra farmidabel en persoonlijk kuddemoment kunnen bezorgen?</strong><br/>
        Laat het ons weten en FarmFun bezorgt jullie een teamevent waar iedereen nog lang over loeit!
    </p>

    <p>Om jouw reservering te wijziging of om je persoonlijke kuddemoment te personaliseren <a target="_blank" href="{{ $changeReservationUrl }}">klik dan hier</a> om dit door te geven of ga naar: <br/><br/><a target="_blank" href="{{ $changeReservationUrl }}">{{ $changeReservationUrl }}</a> </p>


    <p>&nbsp;</p>

    <p>
        Met plezierige groet,<br/>
        <br/>
        Team FarmFun
    </p>
@endsection


@section('layout')

    @include('emails.components.headerBar', ['headerBarTitle' => 'Herinnering bezoek'])

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

@endsection