@extends('layouts.app')
@section('title','Thank you')

@section('content')
<main class="container my-5 thank-you-page">
  <div class="row justify-content-center">
    <div class="col-lg-12">
      <div class="card border-0">
        <div class="card-body text-center">

          <div class="mb-3">
            <div class="mx-auto d-inline-flex align-items-center justify-content-center rounded-circle"
                 style="width:64px;height:64px;background:#e9f7ef;">
              <span class="fs-3" style="line-height:1;">✅</span>
            </div>
          </div>

          <h1 class="h3 fw-bold mb-2">Thank you!</h1>

          @if(session('success'))
            <p class="text-muted mb-4">{{ session('success') }}</p>
          @else
            <p class="mb-4">Your inquiry has been submitted successfully.</p>
          @endif

          <div class="d-flex flex-wrap gap-2 justify-content-center">
            <a href="{{ route('sell.index') }}" class="btn common-primary-btn">
              Sell now
            </a>
            <a href="{{ route('ext.catalog', ['category' => 'bullion']) }}" class="btn common-secondary-btn">
              Continue shopping
            </a>
          </div>

        </div>
      </div>
    </div>
  </div>
</main>
@endsection