@extends('frontend.m9')

@section('styles')
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
@endsection

@section('content')
    <!-- content -->
    <div id="content" role="main">
        <div class="containermake mh-70">
            <div class="checkout-page-container ng-checkout checkout-wrapper clearfix row ng-scope">
                <div class="col-sm-12 col-md-8 checkout-content toko-left-content"
                    style="margin-top: 130px; padding-bottom: 100px">
                    <div class="step-title next">
                        <span><i>1</i></span>
                        <h2>Shipping & Delivery</h2><br />
                    </div>
                    <div class="step-title next">
                        <span><i>2</i></span>
                        <h2>Payment</h2><br />
                    </div>
                    <div class="step-title next active">
                        <span><i>3</i></span>
                        <h2>Order Complete</h2>
                    </div>
                    <div class="sticky-content">
                        @php
                            $payment = $order->payment_id;

                        @endphp
                        @if ($payment == 1)
                            <h1>
                                Success
                            </h1>
                            <p> Your Order (#{{ $order->id }}) is successful !</p>

                            <h3>Thanks !</h3>
                        @elseif($payment == 2)
                            <h2>
                                Online Payment
                            </h2>

                            <h5>Please Proceed to Online payment</h5>
                            <h5>Thanks !</h5>
                            <form method="POST" action="{{ url('https://payment.m9estore.com/index.php') }}">
                                @csrf
                                <input type="hidden" name="order_email" id="order_email" class="form-control"
                                    value="{{ session()->has('order_email') ? session('order_email') : Auth::guard('customer')->user()['email'] ?? '' }}">

                                <input type="hidden" class="form-control" id="customer_name" name="customer_name"
                                    value="{{ session()->has('customer_first_name') ? session('customer_first_name') : Auth::guard('customer')->user()['first_name'] }} {{ session()->has('customer_last_name') ? session('customer_last_name') : Auth::guard('customer')->user()['last_name'] ?? '' }}">

                                <input type="hidden" class="form-control" id="order_phone" name="order_phone"
                                    value="{{ session()->has('order_phone') ? session('order_phone') : Auth::guard('customer')->user()['phone_no'] ?? '' }}">

                                @foreach ($order->orderProducts as $orderProduct)
                                    <input type="hidden" name="prodtitle"
                                        value="{{ $orderProduct->product->name_en ?? '' }}">
                                @endforeach

                                @foreach ($orderProduct->orderOptions as $orderOption)
                                    @if ($orderOption->name == 'Color')
                                        <input type="hidden" name="protcolor"
                                            value="{{ $orderOption->color_name ?? '' }}">
                                    @endif
                                @endforeach
                                <input type="hidden" id="tamount" name="tamount"
                                    value="{{ number_format($order->grand_total) ?? '' }}">


                                <div class="col-md-12 continue-button">
                                    <input class="btn_payment" type="submit" value="Proceed To Payment"
                                        style="border: 1px solid #000;
    background: none;
    color: #333;
    border-radius: 12px;
    padding: 10px 41px;">
                                </div>
                            </form>
                        @elseif($payment == 3)
                            <h2>
                                Online Payment
                            </h2>
                            <h5>Please Proceed to Online Payment</h5>
                            <h5>Thanks !</h5>
                            <form method="POST" action="{{ url('https://payment.m9estore.com/index_visa.php') }}">
                                @csrf


                                <input type="hidden" name="order_email" id="order_email" class="form-control"
                                    value="{{ session()->has('order_email') ? session('order_email') : Auth::guard('customer')->user()['email'] ?? '' }}">

                                <input type="hidden" class="form-control" id="customer_name" name="customer_name"
                                    value="{{ session()->has('customer_first_name') ? session('customer_first_name') : Auth::guard('customer')->user()['first_name'] }} {{ session()->has('customer_last_name') ? session('customer_last_name') : Auth::guard('customer')->user()['last_name'] ?? '' }}">

                                <input type="hidden" class="form-control" id="order_phone" name="order_phone"
                                    value="{{ session()->has('order_phone') ? session('order_phone') : Auth::guard('customer')->user()['phone_no'] ?? '' }}">

                                <input type="hidden" class="form-control" id="order_phone" name="order_address"
                                    value="{{ session()->has('order_address') ? session('order_address') : Auth::guard('customer')->user()['address'] ?? '' }}">
                                @foreach ($order->orderProducts as $orderProduct)
                                    <input type="hidden" name="prodtitle"
                                        value="{{ $orderProduct->product->name_en ?? '' }}">
                                @endforeach

                                @foreach ($orderProduct->orderOptions as $orderOption)
                                    @if ($orderOption->name == 'Color')
                                        <input type="hidden" name="protcolor"
                                            value="{{ $orderOption->color_name ?? '' }}">
                                        <input type="hidden" id="tamount" name="quantity"
                                            value="{{ number_format($orderProduct->quantity) ?? '' }}">
                                        <input type="hidden" id="order_title" name="order_title"
                                            value="{{ number_format($orderProduct->order_id) ?? '' }}">
                                    @endif
                                @endforeach
                                <input type="hidden" id="tamount" name="tamount"
                                    value="{{ number_format($order->grand_total) ?? '' }}">

                                <div class="col-md-12 continue-button">
                                    <input class="btn_payment" type="submit" value="    To Payment"
                                        style="border: 1px solid #000;
    background: none;
    color: #333;
    border-radius: 12px;
    padding: 10px 41px;">
                                </div>
                            </form>
                        @elseif ($payment == 4)
                            <h2>
                                Online Payment
                            </h2>
                            <h5>Please Proceed to KBZPay</h5>
                            <h5>Thanks !</h5>

                            <a href="{{ url('kbz-pay') }}" class="btn_payment"
                                style="border: 1px solid #000;
    background: none;
    color: #333;
    border-radius: 12px;
    padding: 10px 41px;">KBZPay
                                with QR Code</a>
                        @elseif ($payment == 5)
                            <h2>
                                Online Payment
                            </h2>
                            <h5>Please Proceed to Wave Pay</h5>
                            <h5>Thanks !</h5>

                            <a href="{{ url('wave-pay') }}" class="btn_payment"
                                style="border: 1px solid #000;
                   background: none;
                   color: #333;
                   border-radius: 12px;
                   padding: 10px 41px;">Wave
                                Pay with QR Code</a>
                        @endif




                    </div>
                </div>

                <div class="col-sm-12 col-md-4 checkout-right-content checkout-content toko-right-content">
                    <div class="cart-summary-block">
                        <div class="cart-summary-title clearfix">
                            Customer Information
                        </div>
                        <div class="cart-summary-order-container clearfix">
                            <div class="cart-summary-order-item row clearfix ng-scope">
                                <div class="order-price ng-binding ng-scope">
                                    <p><span>Email :</span>
                                        {{ session()->has('order_email') ? session('order_email') : Auth::guard('customer')->user()['email'] }}
                                    </p>
                                    <p><span>User Name
                                            :</span>{{ session()->has('customer_first_name') ? session('customer_first_name') : Auth::guard('customer')->user()['first_name'] }}
                                        {{ session()->has('customer_last_name') ? session('customer_last_name') : Auth::guard('customer')->user()['last_name'] }}
                                    </p>
                                    <p><span>Phone No
                                            :</span>{{ session()->has('order_phone') ? session('order_phone') : Auth::guard('customer')->user()['phone_no'] }}
                                    </p>
                                </div>
                            </div>
                        </div>
                        @php
                            $base_price = 0;
                            $fee = 0;
                        @endphp
                        <div class="cart-summary-title clearfix">
                            Order Summary
                        </div>

                        @foreach ($order->orderProducts as $orderProduct)
                            <div class="cart-summary-order-container border-0 clearfix">
                                <div class="cart-summary-item-container clearfix">
                                    <div class="cart-summary-order-item row clearfix ng-scope ">
                                        <div class="col-xs-2 col-sm-1 col-md-2">
                                            <div class="order-image">
                                                @foreach ($orderProduct->product->product_images as $product_image)
                                                    @php
                                                        $product_image = $product_image->feature_image;
                                                    @endphp
                                                @endforeach
                                                <img src="{{ url('storage/product') }}/{{ $product_image }}">
                                            </div>
                                        </div>

                                        <div class="col-xs-10 col-sm-11 col-md-10">
                                            <div class="clearfix row item-summary-wrapper">
                                                <div class="col-xs-6 item-summary-information">
                                                    <div class="order-name">
                                                        @if ($orderProduct->order_note != null)
                                                            {{ $orderProduct->product->name_en??'' }}
                                                            <br>
                                                            (<span
                                                            class="text-muted" style="font-size: 11px">{{ $orderProduct->order_note }}</span>)
                                                        @else
                                                            {{ $orderProduct->product->name_en??'' }}
                                                        @endif

                                                         <br>

                                                        @foreach ($orderProduct->orderOptions as $orderOption)
                                                            @if ($orderOption->name == 'Color')
                                                                {{-- <span
                                                                    style="color: {{ $orderOption->color_name }};">{{ $orderOption->color_name ? $orderOption->color_name : $orderOption->value }}</span> --}}
                                                                    <span class="small"
                                                                style="color: blue">{{ $orderOption->color_name }}
                                                            </span>
                                                            @endif
                                                        @endforeach
                                                    </div>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="order-price text-right ng-binding ng-scope">
                                                        {{ number_format($orderProduct->price) }} MMK <br>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                        @endforeach
                        <div class="tax-summary-cart ng-scope">
                            <div class="clearfix order-tax row">
                                <div class="col-md-7 tax-name">Base Price</div>
                                <div class="col-md-5 tax-value">
                                    @foreach ($order->orderProducts as $orderProduct)
                                        @php
                                            $base_price += $orderProduct->price * $orderProduct->quantity;
                                        @endphp
                                    @endforeach
                                    <div class="tax-price text-right ng-binding">
                                        {{ number_format($base_price) . ' MMK' ?? '' }}</div>
                                </div>
                            </div>

                            <div class="clearfix order-tax row">
                                <div class="col-md-7 tax-name">Promotion</div>
                                <div class="col-md-5 tax-value">
                                    @php
                                        $promotion_price = 0;
                                    @endphp
                                    {{-- @foreach ($order->orderProducts as $orderProduct) --}}
                                                                        {{-- @endforeach --}}
                                    <div class="tax-price text-right ng-binding">
                                        {{ number_format($promotion_price) . ' MMK' ?? '' }}</div>
                                </div>
                            </div>

                            <div class="clearfix order-tax row">
                                <div class="col-md-7 tax-name">Discount</div>
                                <div class="col-md-5 tax-value">
                                    @php
                                        $discount_price = 0;
                                    @endphp
                                    @foreach ($order->orderProducts as $orderProduct)
                                                                            @endforeach
                                    <div class="tax-price text-right ng-binding">
                                        {{ number_format($discount_price) . ' MMK' ?? '' }}</div>
                                </div>
                            </div>

                            <div class="clearfix order-tax row" >
                                <div class="col-md-7 tax-name">Delivery Fee</div>
                                <div class="col-md-5 tax-value text-right">
                                    <div class="tax-price text-right ng-binding"></div>
                                    <output
                                        id="fee">{{ number_format($order->delivery->fee) . ' MMK' ?? '' }}</output>
                                </div>
                            </div>

                            <div class="clearfix order-tax row" style="border-bottom: 1px solid gray;">
                                <div class="col-md-7 tax-name">Trade-in Fee</div>
                                <div class="col-md-5 tax-value text-right">
                                    <div class="tax-price text-right ng-binding"></div>
                                    <output
                                        id="fee">{{ number_format($order->trade_in_price) . ' MMK' ?? '' }}</output>
                                </div>
                            </div>

                        </div>

                        @php
                            $total = 0;
                            $total = $order->delivery->fee + $base_price;
                        @endphp
                        <div class="totals ng-scope row">
                            <div class="col-md-5 tax-name">
                                <span>Total</span>
                            </div>
                            <div class="col-md-7 tax-value text-right">
                                <div class="tax-price text-right ng-binding"></div>
                                {{ number_format($order->grand_total) . ' MMK' ?? '' }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    <!-- content -->

@endsection
@section('scripts')
    <script src="{{ asset('js/productdetail.js') }}"></script>
    <script src="{{ asset('js/bootstrap-bandle.js') }}"></script>
    <script>
        var order = {!! $order !!};
        var grand_total = order['grand_total'];
        var order_id = order['id'];
        var sub_total = order['sub_total'];

        var items = [
            @foreach ($order_items as $item)
                {
                    item_name: '{{ $item['item_name'] }}',
                    item_id: '{{ $item['item_id'] }}',
                    price: '{{ $item['price'] }}',
                    item_brand: '{{ App\Product::BRAND_STATUS[$item['item_brand']] }}',
                    item_category: '{{ $item['item_category'] }}',
                    quantity: '{{ $item['quantity'] }}',

                },
            @endforeach
        ];
        console.log(items);
        window.dataLayer = window.dataLayer || [];
        window.dataLayer.push({
            event: 'purchase',
            ecommerce: {
                currency: 'MMK',
                value: grand_total,
                transaction_id: order_id,
                items: items
            }
        });
        localStorage.removeItem('trade_in');
    </script>
@endsection