@extends('layouts.app')
@section('content')
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                Your transaction was successful.<br />

                <p>You will receive an invoice at {{ $email }} and can also check the status of
                    your transaction in the Documents section of your Client Console.</p>

            </div>

            <div class="col-md-12">
                <div class="panel-group" id="accordion">
                    <div class="panel panel-default featured-box featured-box-primary">
                        <div class="panel-heading box-content">

                        </div>
                        <div class="panel-body shop" style="width: 100%; overflow:auto">
                            <table cellspacing="0" class="table table-responsive text-left">
                                <thead>
                                    <tr id="checkout_list_title">
                                        <th class="product-thumbnail">
                                            &nbsp;
                                        </th>
                                        <th class="product-name">
                                            Service
                                        </th>
                                        <th class="product-editor">
                                            Editor
                                        </th>
                                        <th class="product-due-date">Due Date</th>
                                        <th class="product-title">
                                            Title
                                        </th>
                                        <th class="product-subtotal">
                                            Subtotal
                                        </th>
                                        <th class="product-discount" id="th_discount">
                                            Discount
                                        </th>
                                        <th class="product-total">
                                            Total
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>


                                    @foreach ($order_details as $key => $item)
                                        <tr class="cart_table_item" id="checkout_list_value">
                                            <td class="product-thumbnail">
                                                <a href="#">

                                                </a>
                                            </td>
                                            <td class="product-name">
                                                {{ $item['service']->service or 'N/A' }}
                                            </td>
                                            <td class="product-editor">
                                                {{ !empty(utility()->calculateDueDate($item['word_count'], $item['service'])) ? $item['editor'] : '' }}
                                            </td>
                                            <td class="product-title">
                                                {{ !empty(utility()->calculateDueDate($item['word_count'], $item['service'])) ? $item['doc_name'] : '' }}
                                            </td>
                                            <td class="product-due-date">
                                                {{ utility()->calculateDueDate($item['word_count'], $item['service']) }}
                                            </td>

                                            <td class="product-subtotal">
                                                <span class="subtotal" id="subtotal"
                                                    data-subtotal="{{ $item['subtotal'] }}">
                                                    {{ money($item['subtotal']) }}
                                                </span>
                                            </td>
                                            <td class="product-discount">
                                                <span class="subtotal" id="discounttotal">
                                                    {{ !empty($item['discount']) ? money($item['discount']) : '' }}
                                                </span>
                                            </td>

                                            <td class="product-total">
                                                <span class="amount" id="totalamt" data-total="{{ $item['total_amt'] }}">
                                                    {{ money($item['total_amt']) }}
                                                </span>
                                            </td>


                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
@stop
@push('footer_js')
    <script>
        // initialize();

        async function initialize() {
            const queryString = window.location.search;
            const urlParams = new URLSearchParams(queryString);
            const sessionId = urlParams.get('session_id');
            const response = await fetch("admin/checkout/retrieveStripeStatus", {
                headers: {
                Accept: "application/json",
                "Content-Type": "application/json",
                },
                method: "POST",
                body: JSON.stringify({ session_id: sessionId }),
            });
            const session = await response.json();
            if (session.status == 'open') {
                window.replace('http://www.editorworld.com/stripe')
            } else if (session.status == 'complete') {
                // document.getElementById('success').classList.remove('hidden');
                // document.getElementById('customer-email').textContent = session.customer_email
            }
        }
    </script>
    @if ($service != 'credit')
        <!-- Google Tag Manager -->
        <!-- Global site tag (gtag.js) - Google Ads: 1017871907 -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=AW-1017871907"></script>
        <script>
            window.dataLayer = window.dataLayer || [];

            function gtag() {
                dataLayer.push(arguments);
            }

            gtag('js', new Date());
            gtag('config', 'AW-1017871907');
        </script>

        <!-- Event snippet for Google Conversion Pixel conversion page -->
        <script>
            gtag('event', 'conversion', {
                'send_to': 'AW-1017871907/EbeKCKOr2FsQo_yt5QM',
                'value': {{ $order['amount'] }},
                'currency': 'USD',
                'transaction_id': {{ $transactionReference }},
                'method': {{ $method }}
            });
        </script>
    @endif
    <!-- End Google Tag Manager -->
@endpush