@extends('layouts.website_layout')
@section('meta_title', $meta_data->meta_title)
@section('meta_description', $meta_data->meta_description)
@section('banner_image', "banners/".$banner_data->banner_image)
@section('canonical_tag', $meta_data->canonical_tag)
@section('content')
<main>
    <div class="container-fluid confirmations" style="background:#000  url({{url('/')}}/assets/images/banners/{{$banner_data->banner_image}})no-repeat bottom center/cover;">
        <div class="container">
            <div class="col-12 confirmations__inner text-center">
                <div class="confirmations__inner__title">
                    <h1 class="bold-heading">{{$banner_data->banner_caption}}</h1>
                    <p>{{$banner_data->banner_description}}</p>
                </div>
                <div class="confirmations__inner__txt">
                    <p>{!!nl2br($banner_data->introduction_text)!!} {{$customer_order_id}}</p>
                </div>
            </div>
        </div>
    </div>
</main>
<script>
    gtag('event', 'purchase', {
        "transaction_id": "{{$customer_order_id}}",
        "affiliation": "Cocojungle online store",
        "value": "{{$order->grand_total}}",
        "currency": "INR",
        "tax": 0,
        "shipping": "0",
        "items": [
            @php
            $i = 1;
            @endphp
            @foreach($order_items as $order_items_row)
          {
            "id": "{{$order_items_row->id}}",
            "name": "{{$order_items_row->product_name}}",
            "list_name": "Product Listing",
            "brand": "Cocojungle",
            "category": "{{$order_items_row->product_category_name}}",
            "variant": "{{$order_items_row->attribute_value_data}}",
            "list_position": '{{$i}}',
            "quantity": "{{$order_items_row->purchased_quantity}}",
            "price": '{{$order_items_row->purchased_rate}}'
          },
          @php
          $i++;
          @endphp
          @endforeach
        ]
    });
</script>
@endsection