@extends('site.checkout')

@section('title', __('site/checkout.meta_titles.data'))

@section('content')

    <div class="t-shifted__image">
        <img class="t-shifted__bg  t-shifted__bg--checkout-data" src="/img/split-image-2.jpg" alt="">
        <a class="t-shifted__logo" href="/">
            @include('site.components.icons.logo')
        </a>
    </div>

    <div class="t-shifted__content">
        @include('site.organisms.checkoutHeader',[
            'checkoutFlowStatus' => 1
        ])

        <div class="o-checkout">
            <form class="js-checkout-form" method="POST" action="{{ route('checkout.validate-data') }}">
            {{ csrf_field() }}

                @php
                    $hidePlaceholder = true;
                    $formElementNoErrorArea = true;
                @endphp

                <div class="c-heading">
                    @include('site.components.button',[
                        'buttonType' => 'text',
                        'icon' => 'arrowhead--left',
                        'modifiers' => ['icon', 'is-reversed'],
                        'buttonText' => 'Winkelwagen aanpassen',
                        'buttonLink' => localized_route('shoppingcart', [], false)
                    ])
                    <h1 class="c-heading__title">Gegevens</h1>
                </div>

                @if (session('checkoutFlashMessage'))
                    <p class="c-notice">
                        <strong>@lang('shop/checkout.flashMessage.heading')</strong><br/>
                        {{ session('checkoutFlashMessage') }}
                    </p>
                @endif

                @if($errors->any())
                    <ul class="c-form-feedback  js-error-area" data-feedback="@lang('site/contact.feedback_message')">
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                @endif

                <div class="o-checkout__form">

                    <span class="c-form-element__label">@lang('shop/checkout.order_as')</span>
                    <div class="o-checkout__order-types">
                        <div class="o-checkout__order-type">
                            <label><input class="js-order-type" type="radio" name="clientType" value="private" @if(old_session('clientType') != 'business') checked @endif>Particulier</label>
                        </div>
                        <div class="o-checkout__order-type">
                            <label><input class="js-order-type" type="radio" name="clientType" value="business" @if(old_session('clientType') == 'business') checked @endif>Bedrijf</label>
                        </div>
                    </div>

                    <div class="o-checkout__form-group">
                        <h3 class="o-checkout__heading">Contactgegevens</h3>

                        <div class="js-company-information @if(old_session('clientType') != 'business') is-hidden @endif ">
                            <div class="o-checkout__row">
                                <div class="o-checkout__field" data-size="3">
                                    @include('site.components.form.text', ['formElementCodeName' => 'invoice_company'])
                                </div>
                                <div class="o-checkout__field" data-size="3">
                                    @include('site.components.form.text', ['formElementCodeName' => 'invoice_vat_number'])
                                </div>
                            </div>
                        </div>

                        @include('shop.partials.checkout.userDetails')
                    </div>

                    <div class="o-checkout__form-group  o-checkout__invoice-address">
                            <h3 class="o-checkout__heading">@lang('shop/checkout.invoice_address')</h3>

                            @include('shop.partials.checkout.addressFillable', ['prefix' => 'invoice_'])
{{--                            @include('shop.partials.checkout.invoiceDetails')--}}
                    </div>

                    <div class="o-checkout__form-group  o-checkout__shipping-address" @if(!$shoppingCart->useShipping()) hidden @endif>
                        <h3 class="o-checkout__heading">@lang('shop/checkout.shipping_address')</h3>

                        @include('site.components.form.checkbox', [
                         'formElementCodeName' => 'other_shipping_address',
                        ])

                        <div class="o-checkout__shipping-address-fields  js-shipping-address-fields  @if(old_session('other_shipping_address') != 'on') is-hidden @endif">
                            @include('shop.partials.checkout.addressFillable', ['prefix' => 'shipping_'])
                        </div>

                        {{-- @include('shop.partials.checkout.shippingDetails')--}}
                    </div>

                    <div class="o-checkout__action">

                        @include('site.components.button', [
                            'isButton' => true,
                            'properties' => 'dusk=checkout type=submit',
                            'buttonClasses' => 'js-submit',
                            'modifiers' => ['icon', 'positive'],
                            'icon' => 'arrowhead',
                            'buttonText' => __('shop/cart.go_to_checkout')
                        ])

                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection