@extends('frontend.layouts.app3')

@section('seo')
<title>Success | Muhlach Bakery</title>
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Success | Muhlach Bakery" />
<meta property="og:description" content="" />
<meta property="og:url" content="" />
<meta property="og:site_name" content="Success | Muhlach Bakery" />

<meta property="og:image" content="{{ asset('img/meta-thumbnail.jpg') }}" />
<meta property="og:thumbnail" content="{{ asset('img/meta-thumbnail.jpg') }}" />
<meta property="og:image:alt" content="{{ asset('img/meta-thumbnail.jpg') }}">
@endsection

@section('content')
<div class="container-fluid container-success">
  <div class="container pt-5 vh-100">
    <center>
      <h1 class="red">Payment Success!</h1>
      <div class="border rounded-3 bg-white p-5 w-50 mt-5 w-sm-100">
        <span class="fs-4">Your Reference Number:</span><br>
        <span class="fs-3 fw-bold">{{ session('reference') }}</span>
        <span class="fs-3 fw-bold">{{ request()->query('reference') }}</span><br>

        <!--@if(session('service_type') === 'Delivery')-->
        <!--<a href="{{ session('tracking') }}" class="text-black"><span>Track your order <i class="fa-solid fa-arrow-right-long"></i></span></a>-->
        <!--@endif-->
      </div>
    </center>
  </div>
</div>


<style>
  .navbar {
    background-color: #fff0e0;
  }

  .navbar-scrolled {
    background-color: transparent;
  }

  .container-success {
    background-color: #fff1e1;
  }
</style>

@endsection