@extends('frontend.layouts.app')

@section('content')
    @php
  
        $status = $order->orderDetails->first()->delivery_status;
     
    @endphp
    <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">
                                    <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>
                                </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('_', ' ', $status)) }}</td>
                                                </tr>
                                                <tr>
                                                    <td class="w-50 strong-600">{{ translate('Total order amount')}}:</td>
                                                    <td>{{ single_price($order->grand_total) }}</td>
                                                </tr>
                                               <!--  <tr>
                                                    <td class="w-50 strong-600">{{ translate('Shipping')}}:</td>
                                                    <td>{{ translate('Flat shipping rate')}}</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>{{ translate('Delivery Type')}}</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>
                                                            @if ($orderDetail->shipping_type != null && $orderDetail->shipping_type == 'home_delivery')
                                                                {{  translate('Home Delivery') }}
                                                            @elseif ($orderDetail->shipping_type == 'pickup_point')
                                                                @if ($orderDetail->pickup_point != null)
                                                                    {{ $orderDetail->pickup_point->name }} ({{ translate('Pickip Point') }})
                                                                @endif
                                                            @endif
                                                        </td> -->
                                                        <td class="text-right">{{ single_price($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">
                                                        <!-- {{ single_price($order->orderDetails->sum('price')) }} -->
                                                            <span class="strong-600">{{ single_price(@$order->orderDetails->sum('price')) }}</span>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <th>{{ translate('Shipping & Handling Charge')}}</th>
                                                        <td class="text-right">
                                                            <span class="text-italic">

                                                               <!--  {{ single_price($order->orderDetails->sum('shipping_cost')) }} -->
                                                                @if(@$order->grand_total + @$order->coupon_discount < minShippingAmount())
                                                                    {{ single_price(shippingCharge()) }}
                                                                @else
                                                                    {{ single_price(0) }}
                                                                @endif
                                                            
                                                            </span>
                                                        </td>
                                                    </tr>
                                                 <!--    <tr>
                                                        <th>{{ translate('Tax')}}</th>
                                                        <td class="text-right">
                                                            <span class="text-italic">{{ single_price($order->orderDetails->sum('tax')) }}</span>
                                                        </td>
                                                    </tr> -->
                                                    <tr>
                                                        <th>{{ translate('Coupon Discount')}}</th>
                                                        <td class="text-right">
                                                            <span class="text-italic">{{ single_price($order->coupon_discount) }}</span>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <th><span class="strong-600">{{ translate('Total')}}</span></th>
                                                        <td class="text-right">

                                                        <!-- {{ single_price($order->grand_total) }} -->
                                                            <strong><span>{{single_price($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.0316081840179337,
                "affiliation": "ekhadiindia",
                "value": 0.00,
                "currency": "INR",
                "tax": 0,
                "shipping": 0,
                "items": [
                    {
                    "id": "P12330",
                    "name": "",
                    "list_name": "",
                    "brand": "",
                    "category": "",
                    "variant": "",
                    "list_position": 1,
                    "quantity": ,
                    "price":