@extends('layouts.site')

@section('title', 'Confirmation - Auctions Ontario')

@section('content')
  @include('partials.page-banner', ['title' => 'Confirmation'])

  <section class="etc_order_success_section py-5">
    <div class="container">
      <div class="etc_order_success_box">
        <h2 class="etc_order_success_title">YOU PAID YOUR BID AMOUNT SUCCESSFULLY</h2>

        <p class="etc_order_success_desc">
          Congratulations, {{ $order->shipping_first_name }} {{ $order->shipping_last_name }}!
          You paid your bid amount successfully with &ldquo;Auctions Ontario&rdquo;.
          You will shortly receive an email at {{ $order->shipping_email }}.
          Payment was made using {{ $order->payment_method === 'e_transfer' ? 'Interac E-Transfer' : 'credit card' }}
          for $ {{ number_format($order->total, 2) }} CAD.
        </p>

        <div class="etc_order_info">
          <div class="etc_order_info_row">
            <span>Amount</span>
            <strong>:</strong>
            <span>$ {{ number_format($order->total, 2) }} CAD</span>
          </div>

          <div class="etc_order_info_row">
            <span>Order Number</span>
            <strong>:</strong>
            <span>#{{ $order->order_number }}</span>
          </div>

          <div class="etc_order_info_row">
            <span>Creation Date</span>
            <strong>:</strong>
            <span>{{ $order->created_at->format("j M 'y g.i A") }}</span>
          </div>

          <div class="etc_order_info_row">
            <span>Payment Type</span>
            <strong>:</strong>
            <span>{{ $order->payment_method === 'e_transfer' ? 'Interac E-Transfer' : 'Credit Card' }}</span>
          </div>
        </div>

        <a href="{{ route('auctions.index') }}" class="ct_orange_btn mt-3">CONTINUE SHOPPING</a>
      </div>
    </div>
  </section>
@endsection