@extends('shop::layouts.master')

@section('page_title')
    {{ __('shop::app.checkout.success.title') }}
@stop

@push('scripts')
    <script>
        gtag('config', 'UA-138509192-3');
        gtag('event', 'purchase', {
            "transaction_id": '{{@$order->increment_id}}',
            "value": `{{@$order->base_grand_total}}`,
            "currency": `{{@$order->order_currency_code}}`,
            "tax": `{{@$order->base_tax_amount}}`,
            "shipping": `{{@$order->base_shipping_amount}}`,
            "items": []
        });
        gtag('event', 'conversion', {
            'send_to': 'AW-735223809/uEs7CPX0xfgCEIHAyt4C',
            'value': '{{@$order->base_grand_total}}',
            'currency': `{{@$order->order_currency_code}}`,
            'transaction_id': '{{@$order->increment_id}}'
        });
    </script>
@endpush

@section('content-wrapper')
    <div class="row">
        <div class="col-12 text-center justify-content-center">
            <h1 class="text-success">
                <i class="fa fa-check-circle-o fa-2x" aria-hidden="true"></i>
            </h1>
            <h3 class="lead">{{ __('shop::app.checkout.success.thanks') }}</h3>
            <h2>{{ __('shop::app.checkout.success.order-id-info', ['order_id' => $order->increment_id]) }}</h2>
            <p>{{ __('shop::app.checkout.success.info') }}</p>
            <a href="{{config('app.url')}}" class="btn btn-primary">
                <i aria-hidden="true" class="fa fa-shopping-bag"></i> {{ __('shop::app.checkout.cart.continue-shopping') }}
            </a>
        </div>
    </div>
@endsection