@extends('site.master')

@section('title', __('site/createOffer.meta_title'))

@section('content')

    <div class="l-main  u-bg-neutral--100  js-cart">

        @include('site.organisms.progress', [
            'progressStatus' => 3,
            'progressLabels' => [
                 __('site/checkout.booking.label'),
                __('site/checkout.data.label'),
                'Mail programma',
                __('site/checkout.success.label'),
            ]
        ])

        <div class="o-process  o-process--create-offer">
            <div class="o-process__cart-grid">
                <div class="o-process__intro">
                    <div class="u-spacing-mb3">
                        @include('site.components.button', [
                            'modifiers' => ['is-reversed'],
                            'buttonIcon' => 'arrowLeft',
                            'buttonType' => 'text',
                            'buttonLink' => localized_route('shoppingCart', [], false),
                            'buttonText' => __('site/createOffer.back_to_cart'),
                        ])
                    </div>
                    <h1 class="o-process__heading">@lang('site/createOffer.title')</h1>
                </div>

                <div class="o-process__main">

                    @if(session()->has('flashMessages'))
                        <div class="o-process__flash-messages  u-spacing-mb2">
                            @foreach(session('flashMessages')->getMessages() as $flashMessage)
                                @include('site.components.note', [
                                    'modifiers' => $flashMessage['type'],
                                    'noteContent' => $flashMessage['message'],
                                ])
                            @endforeach
                        </div>
                    @endif

                        <div class="s-text  u-spacing-mb4">
                            <h3>Direct in je mailbox</h3>
                            <p>Op een later moment beslissen? Of even overleggen met iemand? <br/>We zetten het programma voor je op de mail.<br/><br/>
                                <strong>Let op!</strong><br/>
                                Dit betekent dus nog niet dat we je activiteiten vastleggen. Het is dus mogelijk dat een geselecteerd tijdslot komt te vervallen. </p>
                        </div>

                        <form action="{{ route('shoppingCart.mail.process') }}" method="post">

                            {{ csrf_field() }}

                            @foreach(['company_name','first_name','last_name','email'] as $fastTextField)
                                <div class="c-form__row  u-spacing-mb2">
                                    @include('site.components.form.text', ['formElementCodeName' => $fastTextField ])
                                </div>
                            @endforeach

                            @include('site.components.button', [
                                'modifiers' => ['secondary'],
                                'isButton' => true,
                                'buttonProperties' => 'type=submit',
                                'buttonClasses' => 'u-spacing-mt1',
                                'buttonIcon' => 'arrowRight',
                                'buttonText' => 'Mail programma',
                            ])

                        </form>
                </div>

                <div class="o-process__cta">
                    @include('site.components.servicepoint')
                </div>

                <div class="o-process__aside">
                    {{-- Nothing to see here--}}
                </div>
            </div>
        </div>

    </div>

@endsection