@extends('main-template')

@section('content')
    <div class="row">
        <div class="col-lg-9 col-md-9 col-sm-7">
            <h1 class="section-title-inner"><span>Checkout</span></h1>
        </div>
    </div>
    <form id="payment-form" action="/cart/payment" method="post">
        {{ csrf_field() }}
        <input type="hidden" name="item_ids_encoded" value="{{implode(",", $itemIds)}}">
        <input type="hidden" name="shipping_id">
        <input type="hidden" name="shipping_rate_id">
        <input type="hidden" name="shipping_amount">
        <div class="row">
            <div class="col-lg-9 col-md-9 col-sm-12">
                <div class="row userInfo">
                    <div class="col-xs-12 col-sm-12">
                        <div class="w100 clearfix">
                            <div class="row userInfo">
                                <div style="clear: both"></div>
                                <div class="onepage-checkout col-lg-12">
                                    <div class="panel-group">
                                        <div class="panel panel-default">
                                            <div class="panel-heading">
                                                <h4 class="panel-title">
                                                    <span>Shipping information</span>
                                                </h4>
                                            </div>
                                            <div class="panel-collapse collapse in" style="height: auto;">
                                                <div class="panel-body">
                                                    {{--                                                    @if ($contacts)--}}
                                                    {{--                                                        <div class="radio">--}}
                                                    {{--                                                            <label>--}}
                                                    {{--                                                                <input required name="cart_contact_from" type="radio" value="sc_contacts">--}}
                                                    {{--                                                                Choose existing address--}}
                                                    {{--                                                            </label>--}}
                                                    {{--                                                            <small>Please note that we are currently only able to ship to UK addresses. International shipping coming soon</small>--}}
                                                    {{--                                                        </div>--}}
                                                    {{--                                                        <div id="sc_contacts" class="form-group">--}}
                                                    {{--                                                            <select name="contact_id" class="form-control" required>--}}
                                                    {{--                                                                <option value="">Select contact address</option>--}}
                                                    {{--                                                                @foreach($contacts as $contact)--}}
                                                    {{--                                                                    <option value="{{ $contact->id }}">{{ getContactStr($contact) }}</option>--}}
                                                    {{--                                                                @endforeach--}}
                                                    {{--                                                            </select>--}}
                                                    {{--                                                        </div>--}}
                                                    {{--                                                    @endif--}}

                                                    <div><!--class="radio"-->
                                                        <p>
                                                            <input name="cart_contact_from" type="radio" value="sc_contact_new" hidden @if (!$contacts) checked @endif>
                                                            Please note that we are currently only able to process UK orders through the checkout. Please contact us so we can assist you with International orders
                                                        </p>
                                                    </div>
                                                    <div id="sc_contact_new">
                                                        @include('cart._contact_form')
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="panel panel-default">
                                            <div class="panel-heading">
                                                <h4 class="panel-title">
                                                    <span>Packaging options</span>
                                                </h4>
                                            </div>
                                            <div class="panel-collapse collapse in" style="height: auto;">
                                                <div class="panel-body">
                                                    <div class="w100 row">
                                                        <div class="form-group col-lg-12 col-sm-12 col-md-12 -col-xs-12">
                                                            @foreach ($packagingOptions as $option => $key)
                                                                <div class="radio">
                                                                    <label>
                                                                        <input type="radio"
                                                                               name="packaging-method"
                                                                               @if (count($packagingOptions) == 1)
                                                                                   checked
                                                                               @endif
                                                                               value="{{ $option }}" required>
                                                                        {{ $key  }}
                                                                    </label>
                                                                </div>
                                                            @endforeach
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="panel panel-default">
                                            <div class="panel-heading" role="tab" id="">
                                                <h4 class="panel-title">
                                                    <span>Delivery method</span>
                                                </h4>
                                            </div>
                                            <div class="panel-collapse collapse in" style="height: auto;">
                                                <div class="panel-body">
                                                    <div class="w100 row">
                                                        <div class="form-group col-lg-12 col-sm-12 col-md-12 -col-xs-12">
                                                            @foreach($shippingOptions as $permission => $value)
                                                                @if ($value)
                                                                    <div class="radio">
                                                                        <label>
                                                                            @if ($permission == 'shipping_api')
                                                                                <input data-summary="{{ array_key_exists($permission, $summaryOptions) ? $summaryOptions[$permission] : $value }}"
                                                                                       id="shipping-rates-btn" name="delivery_method" type="radio" value="{{$permission}}"
                                                                                       required
                                                                                       @if (count($shippingOptions) == 1)
                                                                                           checked
                                                                                       @endif
                                                                                >
                                                                            @else
                                                                                <input data-summary="{{ array_key_exists($permission, $summaryOptions) ? $summaryOptions[$permission] : $value }}"
                                                                                       name="delivery_method" type="radio" value="{{$permission}}"
                                                                                       required
                                                                                       @if (count($shippingOptions) == 1)
                                                                                           checked
                                                                                       @endif
                                                                                >
                                                                            @endif
                                                                            {!! $value !!}
                                                                        </label>
                                                                    </div>
                                                                @endif
                                                            @endforeach
                                                            <div id="check_result"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="panel panel-default">
                                            <div class="panel-heading">
                                                <h4 class="panel-title">
                                                    <span>Payment</span>
                                                </h4>
                                            </div>
                                            <div class="panel-collapse collapse in" style="height: auto;">
                                                <div class="panel-body">
                                                    <div class="onepage-payment">
                                                        <!--creditCard-->
                                                        <div class="radio hidden">
                                                            {{--                                                            <label>--}}
                                                            <input checked name="cart_shipping_from" type="radio" value="sc_shipping">
                                                            {{--                                                                Stripe--}}
                                                            {{--                                                            </label>--}}
                                                        </div>
                                                        <div class="form-group clearfix">
                                                            <label class="checkbox-inline" for="checkboxes-1">
                                                                <div class="icheckbox_square-green iCheck-margin">
                                                                    <input name="read-terms-checkbox" id="checkboxes-1" value="1" type="checkbox" required>
                                                                </div>
                                                                I agree to the <a href="/terms">Terms &amp; Conditions</a>
                                                            </label>
                                                        </div>
                                                        <div class="pull-left">
                                                            <button type="submit" id="order-btn" class="btn btn-lg">
                                                                Proceed to Payment &nbsp; <i class="fa fa-arrow-circle-right"></i>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-12 rightSidebar">
                <div class="w100 cartMiniTable">
                    <table id="cart-summary" class="std table">
                        <tbody>
                        <tr>
                            <td>Price</td>
                            @foreach($items as $item)
                                <td style="float: right" class="total_price" data-price="{{ number_format($item['quantity'] * $item['price'], 2)}}">{{ $item['attributes']['currency'] }} {{ number_format($item['quantity'] * $item['price'], 2) }}</td>
                            @endforeach
                        </tr>
                        <tr style="">
                            <td>Shipping</td>
                            <td style="float: right" class="shipping"><span id="shipping-value">Select option</span></td>
                        </tr>
                        {{--                            <tr>--}}
                        {{--                                <td>Total tax</td>--}}
                        {{--                                <td class="price" id="total-tax">0.00</td>--}}
                        {{--                            </tr>--}}
                        <tr>
                            <td>Total</td>
                            <td style="float: right" class="site-color" id="total-price">{{ $item['attributes']['currency'] }} {{number_format($priceTotal, 2)}}</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </form>
    <div style="margin-bottom: 300px;"></div>
@stop

@section('js_functions')
    my_main.get_regions();
    my_main.cart_contacts();
@endsection