@extends('templates.'. $template_name .'.layouts.default')

@section('title', trans('message.shipping'))

@section('content')

    
    <div class="main-content shop-page shoppingcart-content">
        <div class="container">
            <div class="breadcrumbs">
                <a href="{!! url('/') !!}">{{trans('message.home')}}</a> \
                <span class="active">{{trans('message.review_orders')}}</span>
            </div>

            <div class="shopping-head-area">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="shopping-head">
                            <div class="clerafix">
                                <div class="sh-menu-item">
                                    <p>{{trans('message.shopping_cart')}}</p>
                                </div>
                                <div class="sh-menu-item">
                                    <p>{{trans('message.check_out')}}</p>
                                </div>
                                <div class="sh-menu-item active">
                                    <p>{{trans('message.review_orders')}}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row content-form">
                <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 content-offset">
                    <div class="proceed-checkout">
                        <div class="content">
                            <h4 class="main-title title">{{trans('message.shipping_method')}}</h4>

                            @if (!empty($pickup_info))

                                <div class="info-review">
                                    <span class="item">{{strtoupper(trans('message.pickup_in_store'))}}</span>
                                    <span class="item">{{trans('message.store_name') . ": " . @$pickup_info['shop_name']}}</span>
                                </div>
                            @else
                                <div class="info-review">
                                    <span class="item text-bold h4--style">{{strtoupper(trans('message.delivery'))}}</span>
                                    <span class="item">{{trans('message.name') . ": " . @$delivery_info['name']}}</span>
                                    <span class="item">{{trans('message.phone') . ": " . @$delivery_info['phone']}}</span>
                                    <span class="item">{{trans('message.address') . ": " . @$delivery_info['address']}}</span>
                                    <span class="item">{{trans('message.gps_location') . ": "}}
                                        <a href="#" data-lat="{{@$delivery_info['latitude']}}"
                                           data-lng="{{@$delivery_info['longitude']}}" id="view-map">
                                            <i class="fa fa-globe"></i>
                                        </a>
                                    </span>
                                </div>
                            @endif

                            <hr>

                            <h4 class="main-title title">{{"Payment Method"}}</h4>

                            <div class="wpr_payment_option">
                                <div>
                                    <input type="radio" name="payment_option" id="cash_on_delivery" class="payment_option" style="margin: 14px;float: left;" checked value="cash_on_delivery">
                                    <label class="paymentOption" for="cash_on_delivery">
                                        <span class="detailCard000" style="float: right; position: absolute;">
                                               <strong><span>  Cash on Delivery </span><br/></strong>
                                        </span>
                                    </label>
                                </div>
                                <hr style="margin-top: 40px;">
                                <div style="margin-top: 20px">
                                    <input type="radio" name="payment_option" id="cards" class="payment_option" style="margin: 14px;float: left;" value="cards">
                                    <label class="paymentOption" for="cards">
                                        <img class="cardType" src="{{asset('public/assets/payway/ic_generic_1x.png')}}">
                                        <span class="detailCard001" style="margin-left: 16px; float: right; position: absolute;">
                                               <strong><span>  Credit/Debit Card </span><br/></strong>
                                        <img class="bundleCard" src="{{asset('public/assets/payway/A-3Card_1x.png')}}" style="margin-top: 5px;">
                                        </span>
                                    </label>
                                </div>
                                <div style="margin-top: 10px">
                                    <input type="radio" name="payment_option" class="payment_option" style="margin: 14px;float: left;" value="abapay">
                                    <label class="paymentOption" for="abapay">
                                        <img class="cardType" src="{{asset('public/assets/payway/ic_ABA PAY_1x.png')}}">
                                        <span class="detailCard002" style="margin-left: 16px; float: right; position: absolute;">
                                        <strong><span class="titleCard">ABA PAY</span><br/></strong>
                                        <span class="detailCard003" style="margin-top: 5px;">Scan to pay with ABA Mobile</span>
                                    </span>
                                    </label>
                                </div>
                            </div>

                            @if(!empty($card_info))
                                <hr>

                                <div class="checkout-billing-adress-box ">
                                    <div class="info-review">
                                        <span class="item text-bold h4--style">{{trans('message.membership_card')}}</span>
                                        <span class="item img-container">
                                                <img class="img-box" src="{{$card_info['picture']}}" width="150"/>
                                            </span>
                                        <span class="item">{{$card_info['card_title']}}</span>
                                        <!-- if discount card -->
                                        @if($is_discount_card)
                                            <span class="item">{{trans('message.discount') . ": " . $percentage_discount . "%"}}</span>
                                        @else
                                            <span class="item">{{trans('message.card_balance') . ": " . $card_info['card_balance']}}</span>
                                        @endif
                                    </div>
                                </div>
                                @if(!$is_discount_card)
                                    <hr>

                                    <div class="checkout-billing-adress-box">
                                        <div class="info-review">
                                            <span class="item text-bold h4--style">{{trans('message.redemption')}}</span>
                                            <span class="item">{{@$redeem_info['str_redemption']}}</span>
                                        </div>
                                    </div>
                                @endif
                            @endif
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 content-offset">
                    <div class="cart-content">
                        <div class="content">
                            <h4 class="main-title title">{{trans('message.your_order')}}</h4>
                            {!! Form::open(['url' => url('/post-complete-order'), 'method' => 'POST', 'id' => 'frmCompleteOrder']) !!}

                            <table class="shopping-cart-content">
                                <tr class="title">
                                    <td class="align-left">{{trans('message.product')}}</td>
                                    <td class="align-right">{{trans('message.total')}}</td>
                                </tr>
                                @foreach($shopping_cart as $k => $v)
                                    <tr class="each-item">
                                        <td class="align-left">{{$v['name'] . " x " . $v['qty']}}</td>
                                        <td class="align-right">{{getPriceFormat(($v['price']*$v['qty']), $currency_sign)}}</td>
                                    </tr>
                                @endforeach
                                <tr>
                                    <td class="align-left">{{trans('message.cart_subtotal')}}</td>
                                    <td class="align-right">{{getPriceFormat($amount_info['sub_total'], $currency_sign)}}</td>
                                </tr>
                                <tr>
                                    <td class="align-left">{{trans('message.vat')}}</td>
                                    <td class="align-right">{{getPriceFormat($amount_info['total_tax'], $currency_sign)}}</td>
                                </tr>
                                <tr>
                                    <td class="align-left">{{trans('message.discount_from_card')}}</td>
                                    <td class="align-right">{{getPriceFormat($amount_info['total_discount'], $currency_sign)}}</td>
                                </tr>
                                <tr>
                                    <td class="align-left">{{trans('message.redeem')}}</td>
                                    <td class="align-right">{{getPriceFormat($amount_info['total_redemption'], $currency_sign)}}</td>
                                </tr>
                                <tr>
                                    <td class="align-left">{{trans('message.order_total')}}</td>
                                    <td class="align-right order-total">
                                        {{getPriceFormat($amount_info['total'], $currency_sign)}}
                                    </td>
                                </tr>
                                <tr class="checkout-cart group-button">
                                    <td colspan="6" class="left">
                                        <div class="right">
                                            <a href="{!! url('/check-out') !!}" class="submit update" style="border: 0;">
                                                {{trans('message.back_to_check_out')}}
                                            </a>
                                            <!-- <button type="submit" class="submit update" style="border: 0;">
                                                {{trans('message.place_order')}}
                                            </button> -->
                                            <input type="button" id="checkout_button" value="{{trans('message.place_order')}}" class="submit update" style="border: 0;">
                                        </div>
                                    </td>
                                </tr>
                            </table>
                            {!! Form::close() !!}

                        </div>
                    </div>
                </div>
            </div>
        </div>