@extends('frontend.layouts.app')

@section('content')
    <div id="page-content">
        <section class="slice-xs sct-color-2 border-bottom">
            <div class="container container-sm">
                <div class="row cols-delimited justify-content-center">
                    <div class="col">
                        <a href="{{route('cart')}}">
                            <div class="icon-block icon-block--style-1-v5 text-center ">
                                <div class="block-icon c-gray-light mb-0">
                                    <i class="la la-shopping-cart"></i>
                                </div>
                                <div class="block-content d-none d-md-block">
                                    <h3 class="heading heading-sm strong-300 c-gray-light text-capitalize">
                                        1. {{ translate('My Cart')}}</h3>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="col">
                        <a href="{{route('checkout.shipping_info')}}">
                            <div class="icon-block icon-block--style-1-v5 text-center ">
                                <div class="block-icon mb-0 c-gray-light">
                                    <i class="la la-map-o"></i>
                                </div>
                                <div class="block-content d-none d-md-block">
                                    <h3 class="heading heading-sm strong-300 c-gray-light text-capitalize">
                                        2. {{ translate('Shipping info')}}</h3>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="col">
                        <a href="{{route('checkout.store_delivery_info')}}">
                            <div class="icon-block icon-block--style-1-v5 text-center ">
                                <div class="block-icon mb-0 c-gray-light">
                                    <i class="la la-truck"></i>
                                </div>
                                <div class="block-content d-none d-md-block">
                                    <h3 class="heading heading-sm strong-300 c-gray-light text-capitalize">
                                        3. {{ translate('Delivery info')}}</h3>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="col">

                        <a href="{{route('checkout.store_shipping_infostore')}}">
                            <div class="icon-block icon-block--style-1-v5 text-center ">
                                <div class="block-icon mb-0 c-gray-light">
                                    <i class="la la-credit-card"></i>
                                </div>
                                <div class="block-content d-none d-md-block">
                                    <h3 class="heading heading-sm strong-300 c-gray-light text-capitalize">
                                        4. {{ translate('Payment')}}</h3>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="col">
                        <a href="{{route('order_confirmed')}}">
                            <div class="icon-block icon-block--style-1-v5 text-center active">
                                <div class="block-icon mb-0">
                                    <i class="la la-check-circle"></i>
                                </div>
                                <div class="block-content d-none d-md-block">
                                    <h3 class="heading heading-sm strong-300 c-gray-light text-capitalize">
                                        5. {{ translate('Confirmation')}}</h3>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </section>
        <section class="py-4">
            <div class="container">
                <div class="row">
                    <div class="col-xl-8 mx-auto">
                        <div class="card">
                            <div class="card-body">
                                <div class="text-center py-4 border-bottom mb-4">
                                    @if($order->payment_status == 'paid')
                                        <i class="la la-check-circle la-3x  text-success  mb-3"></i>
                                        <h1 class="h3 mb-3">{{ translate('Thank you for your order!')}}</h1>
                                        <h2 class="h5 strong-700">{{ translate('Order id:')}} {{ $order->code }}</h2>
                                        <p class="text-muted text-italic">{{  translate('A copy or your order summary has been sent to') }} {{ json_decode($order->shipping_address)->email }}</p>
                                    @else
                                        <i class="la la-times-circle la-3x  text-danger  mb-3"></i>
                                        <h1 class="h3 mb-3">{{ translate('Your order has been failed.In case of deduction, amount will be refunded within 1 or 2 days!')}}</h1>
                                    @endif

                                </div>
                                <div class="mb-4">
                                    <h5 class="strong-600 mb-3 border-bottom pb-2">{{ translate('Order Summary')}}</h5>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <table class="details-table table">
                                                <tr>
                                                    <td class="w-50 strong-600">{{ translate('Order id')}}:</td>
                                                    <td>{{ $order->code }}</td>
                                                </tr>
                                                <tr>
                                                    <td class="w-50 strong-600">{{ translate('Name')}}:</td>
                                                    <td>{{ json_decode($order->shipping_address)->name }}</td>
                                                </tr>
                                                <tr>
                                                    <td class="w-50 strong-600">{{ translate('Email')}}:</td>
                                                    <td>{{ json_decode($order->shipping_address)->email }}</td>
                                                </tr>
                                                <tr>
                                                    <td class="w-50 strong-600">{{ translate('Shipping address')}}:</td>
                                                    <td>{{ json_decode($order->shipping_address)->address }}
                                                        , {{ json_decode($order->shipping_address)->city }}
                                                        , {{ json_decode($order->shipping_address)->country }}</td>
                                                </tr>
                                                <tr>
                                                    <td class="w-50 strong-600">{{ translate('Billing address')}}:</td>
                                                    <td>{{ json_decode($order->billing_address)->address }}
                                                        , {{ json_decode($order->billing_address)->city }}
                                                        , {{ json_decode($order->billing_address)->country }}</td>
                                                </tr>
                                            </table>
                                        </div>
                                        <div class="col-md-6">
                                            <table class="details-table table">
                                                <tr>
                                                    <td class="w-50 strong-600">{{ translate('Order date')}}:</td>
                                                    <td>{{ date('d-m-Y H:i A', $order->date) }}</td>
                                                </tr>
                                                <tr>
                                                    <td class="w-50 strong-600">{{ translate('Order status')}}:</td>
                                                    <td>{{ ucfirst(str_replace('_', ' ', $order->payment_status)) }}</td>
                                                </tr>
                                                <tr>
                                                    <td class="w-50 strong-600">{{ translate('Total order amount')}}:
                                                    </td>
                                                    <td>{{ single_price_new($order->grand_total) }}</td>
                                                </tr>
                                                <tr>
                                                                                                        <td class="w-50 strong-600">{{ translate('Payment method')}}:</td>
                                                    <td>{{ ucfirst($payoption) }}</td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <h5 class="strong-600 mb-3 border-bottom pb-2">{{ translate('Order Details')}}</h5>
                                    <div>
                                        <table class="details-table table">
                                            <thead>
                                            <tr>
                                                <th>#</th>
                                                <th width="30%">{{ translate('Product')}}</th>
                                                <th>{{ translate('Variation')}}</th>
                                                <th>{{ translate('Quantity')}}</th>
                                                <th class="text-right">{{ translate('Price')}}</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @foreach ($order->orderDetails as $key => $orderDetail)
                                                <tr>
                                                    <td>{{ $key+1 }}</td>
                                                    <td>
                                                        @if ($orderDetail->product != null)
                                                            <a href="{{ route('product', $orderDetail->product->slug) }}"
                                                               target="_blank">
                                                                {{ $orderDetail->product->name }}
                                                            </a>
                                                        @else
                                                            <strong>{{  translate('Product Unavailable') }}</strong>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        {{ $orderDetail->variation }}
                                                    </td>
                                                    <td>
                                                        {{ $orderDetail->quantity }}
                                                    </td>
                                                    <td class="text-right">{{ single_price_new($orderDetail->price) }}</td>
                                                </tr>
                                            @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="row">
                                        <div class="col-xl-5 col-md-6 ml-auto">
                                            <table class="table details-table">
                                                <tbody>
                                                <tr>
                                                    <th>{{ translate('Subtotal')}}</th>
                                                    <td class="text-right">
                                                        <span
                                                            class="strong-600">{{ single_price_new(@$order->orderDetails->sum('price')) }}</span>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <th>{{ translate('Shipping & Handling Charge')}}</th>
                                                    <td class="text-right">
                                                            <span class="text-italic">
                                                                @if(@$order->grand_total + @$order->coupon_discount < minShippingAmount())
                                                                    {{ single_price_new(shippingCharge()) }}
                                                                @else
                                                                    {{ single_price_new(0) }}
                                                                @endif

                                                            </span>
                                                    </td>
                                                </tr>

                                                <tr>
                                                    <th>{{ translate('Coupon Discount')}}</th>
                                                    <td class="text-right">
                                                        <span
                                                            class="text-italic">{{ single_price_new($order->coupon_discount) }}</span>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <th><span class="strong-600">{{ translate('Total')}}</span></th>
                                                    <td class="text-right">
                                                        <strong><span>{{ single_price_new($order->grand_total) }}</span></strong>
                                                    </td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>


@endsection


@section('script')
    <script type="text/javascript">

        $(document).ready(function () {
            fbq('track', 'Purchase', {value: 1.00, currency: 'INR'});
        });

        $(document).ready(function () {
            $(this).scrollTop(0);

            gtag('event', 'purchase', {
                "transaction_id": 24.031608576745634,
                "affiliation": "ekhadiindia",
                "value": 0.00,
                "currency": "INR",
                "tax": 0,
                "shipping": 0,
                "items": [
                    {
                        "id": "P12377",
                        "name": "",
                        "list_name": "",
                        "brand": "",
                        "category": "",
                        "variant": "",
                        "list_position": 1,
                        "quantity": ,
                        "price":