@extends('layouts/blankLayout')
@section('title', 'Payment Message')
@section('content')
<div class="container py-5">
  <div class="row justify-content-center">
    <div class="col-12 col-sm-10 col-md-8 col-lg-6">
      <div class="card shadow-sm rounded-4">
        <div class="card-header bg-primary text-white text-center fs-5">
          {{ __('Payment Message') }}
        </div>
        <div class="card-body text-center mt-3">
          @include('_partials.flashMessage')
          {{-- Transaction ID (Optional) --}}
          @if (!empty($txnId))
          <div class="mt-3">
            <p class="fw-bold text-muted mb-0">Transaction ID:</p>
            <p class="fs-5 text-primary">{{ $txnId }}</p>
          </div>
          @endif


        </div>
      </div>
    </div>
  </div>
</div>
@endsection
@section('page-script')
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
@endsection