@extends('shop::cart.index')

@section('cart-body')
    <form action="{{ route('cart.step2') }}" class="form cart__form js-validate js-validate--ajax js-form-to-submit" method="post">
        @csrf
        <div class="row gutters-80">
            <div class="col-md-4 flex flex--stretch last-md">
                @include('shop::cart.sidebar')
            </div>
            <div class="col-md-8">
                @include('shop::cart.steps')
                <div class="row">
                    <div class="col-md-12">
                        <div class="no-register-form">
                            <div class="main-title-heading mb-25">
                                <div class="main-title main-title--small">{{ __('shop::cart.step2_name') }}</div>
                            </div>

                            <div class="cart__form-part mb-20">
                                <div class="row">
                                    <div class="col-xxs-12">
                                        <div class="form__group">
                                            <div class="row gutters-10">
                                                <div class="col-xxs-12 col-xs-6 col-sm-5 col-lg-4">
                                                    <div class="form__field">
                                                        <div class="form__radio mt-5 mb-5">
                                                            <label class="radio" for="f-cart-type-private">
                                                                <input type="radio" name="customer_type" value="private" id="f-cart-type-private" class="radio__input js-radio js-cart-type-selector" autocomplete="off"{!! old('customer_type', $cartData->customer_type) === 'private' ? ' checked' : '' !!}>
                                                                <span class="radio__text">
                                                                    <span class="radio__label">{{ __('shop::fields.customer_type_private') }}</span>
                                                                </span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-xxs-12 col-xs-6 col-sm-5 col-lg-4">
                                                    <div class="form__field">
                                                        <div class="form__radio mt-5 mb-5">
                                                            <label class="radio" for="f-cart-type-company">
                                                                <input type="radio" name="customer_type" value="company" id="f-cart-type-company" class="radio__input js-radio js-cart-type-selector" autocomplete="off"{!! old('customer_type', $cartData->customer_type) === 'company' ? ' checked' : '' !!}>
                                                                <span class="radio__text">
                                                                    <span class="radio__label">{{ __('shop::fields.customer_type_company') }}</span>
                                                                </span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="row gutters-10">
                                            <div class="col-xxs-12 js-cart-company-field"{!! old('customer_type', $cartData->customer_type) === 'private' ? ' style="display:none"' : '' !!}>
                                                <div class="form__group form__group--horizontal">
                                                    <label for="f-cart-tax-id" class="form__label">{{ __('shop::fields.tax_id') }} <span>*</span></label>
                                                    <div class="form__field">
                                                        <input type="text" name="tax_id" id="f-cart-tax-id" value="{{ old('tax_id', $cartData->tax_id) }}" class="form__input">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xxs-12 js-cart-company-field"{!! old('customer_type', $cartData->customer_type) === 'private' ? ' style="display:none"' : '' !!}>
                                                <div class="form__group form__group--horizontal">
                                                    <label for="f-cart-company" class="form__label">{{ __('shop::fields.company') }} <span>*</span></label>
                                                    <div class="form__field">
                                                        <input type="text" name="company" id="f-cart-company" value="{{ old('company', $cartData->company) }}" class="form__input">
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-xxs-12">
                                                <div class="form__group form__group--horizontal">
                                                    <label for="f-cart-name" class="form__label">{{ __('shop::fields.name') }} <span>*</span></label>
                                                    <div class="form__field">
                                                        <input type="text" name="name" id="f-cart-name" value="{{ old('name', $cartData->name) }}" class="form__input">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xxs-12">
                                                <div class="form__group form__group--horizontal">
                                                    <label for="f-cart-surname" class="form__label">{{ __('shop::fields.surname') }} <span>*</span></label>
                                                    <div class="form__field">
                                                        <input type="text" name="surname" id="f-cart-surname" value="{{ old('surname', $cartData->surname) }}" class="form__input">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xxs-12">
                                                <div class="form__group form__group--horizontal">
                                                    <label for="f-cart-email" class="form__label">{{ __('shop::fields.email') }} <span>*</span></label>
                                                    <div class="form__field">
                                                        <input type="text" name="email" id="f-cart-email" value="{{ old('email', $cartData->email) }}" class="form__input">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xxs-12">
                                                <div class="form__group form__group--horizontal">
                                                    <label for="f-cart-phone" class="form__label">{{ __('shop::fields.phone') }} <span>*</span></label>
                                                    <div class="form__field">
                                                        <input type="text" name="phone" id="f-cart-phone" value="{{ old('phone', $cartData->phone) }}" class="form__input js-mask-phone">
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-xxs-12">
                                                <div class="form__group form__group--horizontal">
                                                    <label for="f-cart-address" class="form__label">{{ __('shop::fields.address') }} <span>*</span></label>
                                                    <div class="form__field">
                                                        <input type="text" name="address" id="f-cart-address" value="{{ old('address', $cartData->address) }}" class="form__input">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xxs-12">
                                                <div class="form__group form__group--horizontal">
                                                    <label for="f-cart-postcode" class="form__label">{{ __('shop::fields.postcode') }} <span>*</span></label>
                                                    <div class="form__field">
                                                        <input type="text" name="postcode" id="f-cart-postcode" value="{{ old('postcode', $cartData->postcode) }}" class="form__input js-mask-post-code">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xxs-12">
                                                <div class="form__group form__group--horizontal">
                                                    <label for="f-cart-city" class="form__label">{{ __('shop::fields.city') }} <span>*</span></label>
                                                    <div class="form__field">
                                                        <input type="text" name="city" id="f-cart-city" value="{{ old('city', $cartData->city) }}" class="form__input">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="row gutters-10">
                                            @guest
                                                <div class="col-xxs-12 mt-form">
                                                    <div class="form__group form__group--fast-create-checkbox">
                                                        <div class="form__field">
                                                            <div class="horizontal-bar horizontal-bar--wrap-xxs">
                                                                <div class="horizontal-bar__item">
                                                                    <div class="form__checkbox cmt cmb">
                                                                        <label class="checkbox" for="f-create-account">
                                                                            <input type="checkbox" name="register" value="1" id="f-create-account" class="checkbox__input js-checkbox" data-show-hide=".js-fast-create-account">
                                                                            <span class="checkbox__text">
                                                                                <span class="checkbox__label">{{ __('shop::cart.create_account') }}</span>
                                                                            </span>
                                                                        </label>
                                                                    </div>
                                                                </div>
                                                                <div class="horizontal-bar__item">
                                                                    <div class="form__signin">{{ __('users::register.form.login_info') }} <a data-fancybox data-src="#login-modal" data-options='{"modal": "true"}' class="underlined-link">{{ __('users::register.form.login') }}</a></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="js-fast-create-account" style="display: none; overflow: hidden;">
                                                        <div class="form__group mt-10">
                                                            <label for="f-cart-register-password" class="form__label">{{ __('users::fields.password') }} <span>*</span></label>
                                                            <div class="form__field">
                                                                <input type="password" name="password" id="f-cart-register-password" class="form__input">
                                                            </div>
                                                        </div>
                                                        <div class="form__group">
                                                            <label for="f-cart-register-repeat-password" class="form__label">{{ __('users::fields.password_confirmation') }} <span>*</span></label>
                                                            <div class="form__field">
                                                                <input type="password" name="password_confirmation" id="f-cart-register-repeat-password" class="form__input">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endguest
                                            <div class="col-xxs-12">
                                                <div class="form__group">
                                                    <label for="f-cart-comment" class="form__label">{{ __('shop::fields.comment') }}</label>
                                                    <div class="form__field">
                                                        <textarea name="comment" rows="4" class="form__textarea" id="f-cart-comment">{{ old('comment', $cartData->comment) }}</textarea>
                                                    </div>
                                                </div>
                                            </div>
                                            @if ($delivery->collection_in_person == 0)
                                                <div class="col-xxs-12">
                                                    <div class="form__group cmb">
                                                        <div class="form__field">
                                                            <div class="form__checkbox">
                                                                <label class="checkbox" for="f-cart-delivery-address-other">
                                                                    <input type="checkbox" name="delivery_address_other" value="1" id="f-cart-delivery-address-other" class="checkbox__input js-checkbox" data-show-hide=".js-address-other"{!! old('delivery_address_other', $cartData->delivery_address_other) ? ' checked' : '' !!}>
                                                                    <span class="checkbox__text">
                                                                        <span class="checkbox__label">{{ __('shop::cart.delivery_address_other') }}</span>
                                                                    </span>
                                                                </label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-xxs-12">
                                                    <div class="js-address-other mt-10" style="display: none">
                                                        @if ($hasAddresses = config('users.settings.multiple_addresses') && Auth::check() && Auth::user()->addresses->isNotEmpty())
                                                            <div class="select">
                                                                <select name="delivery_address_id" class="form__select" style="width: 100%;">
                                                                    @foreach (Auth::user()->addresses as $address)
                                                                        <option value="{{ $address->id }}"{!! $address->id == old('delivery_address_id', $cartData->delivery_address_id) ? ' selected' : '' !!}>{{ $address->name }} {{ $address->surname }}, {{ $address->address }}, {{ $address->postcode }} {{ $address->city }}</option>
                                                                    @endforeach
                                                                    <option value=""{!! !$cartData->delivery_address_id && $cartData->delivery_address_name ? ' selected' : '' !!}>-- {{ __('shop::cart.delivery_address_new') }} --</option>
                                                                </select>
                                                            </div>
                                                            <div class="row gutters-10 js-address-data mt-20" style="display: none">
                                                        @else
                                                            <div class="row gutters-10">
                                                        @endif
                                                            <div class="col-xxs-12">
                                                                <div class="form__group">
                                                                    <label for="f-cart-delivery-address-name" class="form__label">{{ __('shop::fields.name') }} <span>*</span></label>
                                                                    <div class="form__field">
                                                                        <input type="text" name="delivery_address_name" id="f-cart-delivery-address-name" value="{{ old('delivery_address_name', $cartData->delivery_address_name) }}" class="form__input">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-xxs-12">
                                                                <div class="form__group">
                                                                    <label for="f-cart-delivery-address-surname" class="form__label">{{ __('shop::fields.surname') }} <span>*</span></label>
                                                                    <div class="form__field">
                                                                        <input type="text" name="delivery_address_surname" id="f-cart-delivery-address-surname" value="{{ old('delivery_address_surname', $cartData->delivery_address_surname) }}" class="form__input">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-xxs-12">
                                                                <div class="form__group">
                                                                    <label for="f-cart-delivery-address-phone" class="form__label">{{ __('shop::fields.phone') }} <span>*</span></label>
                                                                    <div class="form__field">
                                                                        <input type="text" name="delivery_address_phone" id="f-cart-delivery-address-phone" value="{{ old('delivery_address_phone', $cartData->delivery_address_phone) }}" class="form__input js-mask-phone">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-xxs-12">
                                                                <div class="form__group">
                                                                    <label for="f-cart-delivery-address-address" class="form__label">{{ __('shop::fields.address') }} <span>*</span></label>
                                                                    <div class="form__field">
                                                                        <input type="text" name="delivery_address_address" id="f-cart-delivery-address-address" value="{{ old('delivery_address_address', $cartData->delivery_address_address) }}" class="form__input">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-xxs-12">
                                                                <div class="form__group">
                                                                    <label for="f-cart-delivery-address-postcode" class="form__label">{{ __('shop::fields.postcode') }} <span>*</span></label>
                                                                    <div class="form__field">
                                                                        <input type="text" name="delivery_address_postcode" id="f-cart-delivery-address-postcode" value="{{ old('delivery_address_postcode', $cartData->delivery_address_postcode) }}" class="form__input js-mask-post-code">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-xxs-12">
                                                                <div class="form__group">
                                                                    <label for="f-cart-delivery-address-city" class="form__label">{{ __('shop::fields.city') }} <span>*</span></label>
                                                                    <div class="form__field">
                                                                        <input type="text" name="delivery_address_city" id="f-cart-delivery-address-city" value="{{ old('delivery_address_city', $cartData->delivery_address_city) }}" class="form__input">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endif

                                            <div class="col-xxs-12">
                                                <div class="form__group">
                                                    <div class="form__field">
                                                        <div class="form__checkbox">
                                                            <label class="checkbox" for="f-cart-invoice-other">
                                                                <input type="checkbox" name="invoice_other" value="1" id="f-cart-invoice-other" class="checkbox__input js-checkbox" data-show-hide=".js-invoice-data"{!! old('invoice_other', $cartData->invoice_other) ? ' checked' : '' !!}>
                                                                <span class="checkbox__text">
                                                                    <span class="checkbox__label">{{ __('shop::cart.invoice_data_other') }}</span>
                                                                </span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-xxs-12">
                                                <div class="js-invoice-data mt-10" style="display: none">
                                                    <div class="row gutters-10">
                                                        <div class="col-xxs-12">
                                                            <div class="form__group">
                                                                <label for="f-cart-invoice-name" class="form__label">{{ __('shop::fields.invoice_name') }} <span>*</span></label>
                                                                <div class="form__field">
                                                                    <input type="text" name="invoice_name" id="f-cart-invoice-name" value="{{ old('invoice_name', $cartData->invoice_name) }}" class="form__input">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-xxs-12">
                                                            <div class="form__group">
                                                                <label for="f-cart-invoice-tax-id" class="form__label">{{ __('shop::fields.invoice_tax_id') }} </label>
                                                                <div class="form__field">
                                                                    <input type="text" name="invoice_tax_id" id="f-cart-invoice-tax-id" value="{{ old('invoice_tax_id', $cartData->invoice_tax_id) }}" class="form__input js-mask-nip">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-xxs-12">
                                                            <div class="form__group">
                                                                <label for="f-cart-invoice-address" class="form__label">{{ __('shop::fields.invoice_address') }} <span>*</span></label>
                                                                <div class="form__field">
                                                                    <input type="text" name="invoice_address" id="f-cart-invoice-address" value="{{ old('invoice_address', $cartData->invoice_address) }}" class="form__input">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-xxs-12">
                                                            <div class="form__group">
                                                                <label for="f-cart-invoice-postcode" class="form__label">{{ __('shop::fields.invoice_postcode') }} <span>*</span></label>
                                                                <div class="form__field">
                                                                    <input type="text" name="invoice_postcode" id="f-cart-invoice-postcode" value="{{ old('invoice_postcode', $cartData->invoice_postcode) }}" class="form__input js-mask-post-code">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-xxs-12">
                                                            <div class="form__group">
                                                                <label for="f-cart-invoice-city" class="form__label">{{ __('shop::fields.invoice_city') }} <span>*</span></label>
                                                                <div class="form__field">
                                                                    <input type="text" name="invoice_city" id="f-cart-invoice-city" value="{{ old('invoice_city', $cartData->invoice_city) }}" class="form__input">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="cart__footer">
                            <a href="{{ route('cart.index') }}" class="cart__back main-link main-link--back">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7.022 15.414"><g transform="translate(7.022 0) rotate(90)"><path d="M7.707,7.022a5.046,5.046,0,0,1-3.579-1.48L0,1.414,1.414,0,5.542,4.128a3.065,3.065,0,0,0,4.33,0L14,0l1.414,1.414L11.286,5.542A5.046,5.046,0,0,1,7.707,7.022Z"></path></g></svg>
                                <span>{{ __('shop::cart.back_prev_step') }}</span>
                            </a>
                            <button type="submit" class="btn">{{ __('shop::cart.go_further') }}</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
@endsection