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

@section('cart-body')
    <div class="container">
        <h2 class="product__title product__title--center product__title--cm">KROK {{ $step }}/4</h2>
        <h3 class="product__subtitle product__subtitle--center hide-mobile">Sprawdź produkty dodane do koszyka.</h3>
        @messages
        <div class="row-flex">
            <div class="col-sm-8">

                @include('shop::cart.steps')

                <div class="cart-inside">
                    @include('shop::cart.step1-main')
                </div>

                <form action="{{ route('cart.index') }}" class="form cart__form js-validate js-validate--ajax js-form-to-submit" method="post">
                    <input type="hidden" name="coupon" value="{{ Cart::coupon()->code ?? '' }}">
                    <input type="hidden" name="country" value="PL">
                    @if ($deliveries->isEmpty())
                        @alert(['type' => 'info'])
                        {{ __('shop::cart.no_deliveries_options') }}
                        @endalert
                    @else
                        <div class="cart-delivery cart-box">
                            <h2 class="cart__title cart__title--small">Sposób dostawy:</h2>
                            @foreach ($deliveries as $delivery)
                                <div class="cart-delivery__item">
                                    <label for="input-delivery-{{ $delivery->form_id }}">
                                        <input type="radio" name="delivery_id" value="{{ $delivery->form_id }}" id="input-delivery-{{ $delivery->form_id }}" class="delivery-payment js-cart-delivery"{!! old('delivery_id', $cartData->delivery_id) == $delivery->form_id ? ' checked' : '' !!} data-price="{{ $delivery->price }}" data-delivery-type="{{ $delivery->type }}" data-provider="{{ $delivery->form->provider }}">
                                        <span><strong>{{ $delivery->name }} {!! ($delivery->price != 0) ? '- ' . price_currency($delivery->price) : '- Za darmo' !!}
                                    </strong></span>
                                    </label>
                                </div>
                            @endforeach

                            <div class="js-inpost-locker-wrapper">
                                <div class="js-inpost-locker-selected"{!! $cartData->lockerData ? '' : ' style="display: none"' !!}>
                                    <div class="main-title main-title--smaller">Wybrany paczkomat</div>
                                    <div class="alert alert--text">
                                        @if ($cartData->lockerData)
                                            <div class="main-title main-title--smaller mb-10 js-name">{{ $cartData->lockerData['name'] }}</div>
                                            <p>
                                                <span class="js-address1">{{ $cartData->lockerData['address'] }}</span><br>
                                                <span class="js-address2">{{ $cartData->lockerData['postcode'] . ' ' . $cartData->lockerData['city'] }}</span>
                                            </p>
                                        @else
                                            <div class="main-title main-title--smaller mb-10 js-name"></div>
                                            <p>
                                                <span class="js-address1"></span><br>
                                                <span class="js-address2"></span>
                                            </p>
                                        @endif
                                        <p><a href="#" class="js-inpost-locker-reset">Zmień</a></p>
                                    </div>
                                </div>
                                <div class="js-inpost-locker-map"{!! $cartData->lockerData ? ' style="display: none"' : '' !!}>
                                    <div id="easypack-map"></div>
                                </div>
                                <input type="hidden" name="locker_name" value="{{ $cartData->lockerData ? $cartData->lockerData['name'] : '' }}">
                            </div>

                        </div>
                        <div class="cart-payment cart-box hidden">
                            <h2 class="cart__title cart__title--small">Sposób płatności:</h2>
                            <div class="delivery delivery-1" data-delivery="1" data-deliveryname="Przesyłka kurierska 24h">
                                @foreach ($payments as $payment)
                                    <div class="cart-payment__item radio hidden" data-payment-type="{{ $payment->type }}" data-payment-provider="{{ $payment->provider }}">
                                        <label for="input-payment-{{ $payment->id }}" data-payment-type="{{ $payment->type }}" data-payment-provider="{{ $payment->provider }}">
                                            <input type="radio" name="payment_id" value="{{ $payment->id }}" id="input-payment-{{ $payment->id }}" class="js-cart-payment"{!! old('payment_id', $cartData->payment_id) == $payment->id ? ' checked' : '' !!} data-price="{{ $payment->price }}">
                                            <span><strong>{{ $payment->name }} - {!! ($payment->price != 0) ? price_currency($payment->price) : 'Za darmo' !!}</strong></span>
                                        </label>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    @endif
                </form>

                <div class="cart-back hide-mobile">
                    <a href="javascript:window.history.go(-1)">
                        <i class="ico icoChevronLeft"></i> Wróć do zakupów </a>
                </div>
            </div>
            <div class="col-sm-4">
                @include('shop::cart.sidebar')
            </div>
        </div>
    </div>

    <style>
        .hidden {
            display: none !important;
        }
        .cart--loading {
            opacity: 0.5;
        }
    </style>
    <script>var price_formatter = '{!! currency()->getCurrency()['format'] !!}';</script>
@endsection