@extends('frontend.layouts.app')

@section('title', 'Order Placed - ' . app_name())

@section('content')


    <!-- Cart Page Start -->
    <div class="cart_area cart-area-padding pt--35">
        <div class="container">
            <div class="page-section-title">
                <h1>GREAT, WE GOT YOUR ORDER!</h1>
            </div>
        </div>
    </div>


    <main id="content" class="page-section checkout-area-padding space-db--20">
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    <h2 class="pb-2">Thank you for your purchase!</h2>
                    <p>Your order # is: <strong>{{ $data['order']->id }}</strong></p>
                    <p>You will receive an order confirmation email with details of your order and a link to track it's progress.</p>

                    <h3 class="pb-2">Shipping Details</h3>
                    <p>{{ $data['order']->address1 . ' ' . $data['order']->address2 }}
                    <br> {{ $data['order']->city . ', ' . $data['order']->zip_code . ', ' . $data['state'] . ', ' . $data['country'] }}</p>

                    <p>Shipping Service: <strong>{{ $data['order']->shipping_service }}</strong></p>

                    <h3 class="pb-2">Order Amounts</h3>
                    <p>Sub Total: <strong>${{ number_format($data['order']->sub_total, 2) }}</strong></p>
                    <p>Discount: <strong>${{ number_format($data['order']->discount, 2) }}</strong></p>
                    <p>Shipping:  <strong>${{ number_format($data['order']->shipping_fee, 2) }}</strong></p>
                    @if($data['order']->engraving_charges > 0)
                        <p>Custom Marking Charges: <strong>${{ number_format($data['order']->engraving_charges, 2) }}</strong></p>
                    @endif
                    <p>Grand Total:  <strong>${{ number_format($data['order']->grand_total, 2) }}</strong></p>

                </div>
                <div class="col-md-4">
                    <img src="vsi/image/tick.png" class="img-fluid" alt="">
                </div>
            </div>
        </div>
    </main>

    @push('after-scripts')
        <script>
            fbq('track', 'Purchase', {value: {{ round($data['order']->grand_total, 2) }}, currency: 'USD'});
        </script>
    @endpush

@endsection