@php
    /** @var \Illuminate\Database\Eloquent\Collection $addresses */
    /** @var string $title */
    /** @var string $radioPrefix */
    /** @var \App\Komma\Globalization\RegionInfoInterface $regionInfo */
@endphp

@extends('site.master')
@section('content')
    <div class="l-main">
        <div class="l-contain o-block">
            @include('kms.partials.javascript_errors')<br>
            <div class="o-checkout">
                <form class="form-horizontal js-checkout-form" method="POST" action="{{ route('checkout') }}">
                {{ csrf_field() }}
                {{ method_field('POST') }}


                <!--Step 1. Show order details-->
                    <div class="o-checkout__order-details" dusk="order_details_container">
                        <h3>@lang('shop/checkout.order_details')</h3>
                        @include('shop.partials.checkout.orderDetails')
                    </div>

                    <!--Step 2. Remarks-->
                    <div class="o-checkout__remarks">
                        <h4>@lang('shop/checkout.remarks')</h4>
                        <textarea title="@lang('shop/checkout.remarks')" name="remarks" dusk="remarks"
                                  rows="5"></textarea>
                    </div>

                    @if($isGuestUser)
                        <div class="o_checkout__guest">
                            <div class="details">
                                <h3>@lang('shop/checkout.customer_details')</h3>
                                @include('site.components.form.text', ['formElementCodeName' => 'first_name'])
                                @include('site.components.form.text', ['formElementCodeName' => 'last_name'])
                                @include('site.components.form.text', ['formElementCodeName' => 'email'])
                                @include('site.components.form.select', [
                                    'formElementCodeName' => 'country',
                                    'formElementOptions' => [$neutralCulturesHotlistByIso3, $neutralCulturesByIso3]
                                ])
                                @include('site.components.form.select', [
                                    'formElementCodeName' => 'language',
                                    'formElementOptions' => [],
                                ])
                            </div>
                        </div>
                    @endif

                    <div class="o-checkout__invoice-and-shipping">
                        <!--Step 3. User must enter invoice details-->
                        <div class="invoice">
                            <h3>@lang('shop/checkout.invoice_address')</h3>
                            @include('shop.partials.checkout.invoiceDetails', ['lastUsedInvoiceAddress' => $lastUsedInvoiceAddress, 'addresses' => $addresses])
                        </div>

                        <!--Step 4. User must enter or choose shipping address. Can be the same as invoice adress, And may be the address of a picking point, organized by a courier-->
                        <div class="shipping">
                            <h3>@lang('shop/checkout.shipping_address')</h3>
                            @include('shop.partials.checkout.shippingDetails', ['lastUsedShippingAddress' => $lastUsedShippingAddress, 'addresses' => $addresses])
                        </div>
                    </div>


                    <div class="o-checkout__terms-and-submit">
                        <!--Step 5. Terms and conditions-->
                        <div class="o-checkout__terms">
                            <input type="hidden" name="terms_and_conditions" value="0">
                            <!--Sends 0 instead of nothing when terms_and_conditions checkbox isn't checked-->
                            <input id="terms_and_conditions" type="checkbox" name="terms_and_conditions"
                                   dusk="terms_and_conditions" value="1">
                            <label for="terms_and_conditions">@lang('shop/checkout.agree_to_terms')</label>
                            @if($errors->has('terms_and_conditions'))<br><span
                                    style="color: red;">@foreach ($errors->get('terms_and_conditions') as $error) {{ $error }} @endforeach</span>@endif
                        </div>

                        <label class="o-checkout__submit">
                            <input class="button filled blue arrow js-submit" type="submit" dusk="checkout" value="@lang('shop/cart.checkout')">
                        </label>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection