// 'use client';

import Link from "next/link";
// import { useSearchParams } from 'next/navigation';

const successPayment = async({ searchParams }) => {
    const params = await searchParams;
    // const searchParams = useSearchParams();
    // const query = searchParams.get('q');    
    return <>
        <div className="container my-4">
            <div className="card shadow-lg border-0">
                <div className="card-body text-center">
                    <div
                    className="bg-success text-white rounded-circle d-inline-flex justify-content-center align-items-center mb-3 px-3 py-1 fs-2"
                    >
                    ✓
                    </div>
                    <h3 className="text-success">سفارش شما با موفقیت ثبت شد 🍽️</h3>
                    <p className="text-muted">
                    از اعتماد شما سپاسگزاریم.
                    </p>
                    <div className="alert alert-info mt-3">
                        🎓 لینک دسترسی به دوره‌ آموزشی از طریق پنل کاربری شما فعال شد.
                    </div>
                </div>

            {/* <div className="px-4 pb-3">
                <div className="bg-light p-3 rounded">
                <div className="row text-center text-md-start">
                    <div className="col-md-4 mb-2">
                    <strong>شماره پیگیری:</strong> {order.trackingCode}
                    </div>
                    <div className="col-md-4 mb-2">
                    <strong>تاریخ:</strong> {order.date}
                    </div>
                    <div className="col-md-4 mb-2">
                    <strong>مبلغ کل:</strong>{" "}
                    {order.amount.toLocaleString()} تومان
                    </div>
                </div>
                </div>
            </div> */}
                <div className="mt-4 mb-5 align-items-center text-center">
                    <Link href="/" className={`btns p-2 text-white rounded-2`}>
                        بازگشت به صفحه اصلی
                    </Link>
                </div>
            </div>

        </div>
    </>
}

export default successPayment;