<?php
// دریافت اطلاعات از URL
$status = $_GET['status'] ?? 'unknown';
$amount = isset($_GET['amount']) ? htmlspecialchars($_GET['amount']) : '0';
$refId = isset($_GET['ref_id']) ? htmlspecialchars($_GET['ref_id']) : 'نامشخص';
$message = isset($_GET['message']) ? htmlspecialchars($_GET['message']) : 'پرداخت شما با موفقیت انجام و تایید شد.';

// تنظیمات بر اساس وضعیت پرداخت
if ($status === 'success') {
    $statusText = 'موفق';
    $statusClass = 'success';
    $icon = '✓';
    $message = "پرداخت شما به مبلغ " . number_format($amount) . " تومان با موفقیت انجام شد.";
} else {
    $statusText = 'ناموفق';
    $statusClass = 'failed';
    $icon = '✕';
    $message = "پرداخت شما ناموفق بود. " . $message;
}

// لینک بازگشت به ربات
$botUsername = 'Tourambot'; // یوزرنیم ربات خود را اینجا وارد کنید
$botLink = "https://t.me/{$botUsername}";
?>
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>رسید پرداخت</title>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;700&display=swap');
        body {
            font-family: 'Vazirmatn', sans-serif;
            background-color: #f4f7f6;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
            color: #333;
        }
        .receipt-container {
            background-color: #ffffff;
            padding: 40px;
            border-radius: 12px;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
            width: 90%;
            max-width: 450px;
            text-align: center;
            border-top: 5px solid;
        }
        .status-icon {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0 auto 20px;
            font-size: 40px;
            color: #fff;
        }
        .success .status-icon { background-color: #28a745; }
        .success { border-color: #28a745; }
        
        .failed .status-icon { background-color: #dc3545; }
        .failed { border-color: #dc3545; }

        h1 {
            font-size: 24px;
            margin-bottom: 15px;
        }
        .message {
            font-size: 16px;
            margin-bottom: 30px;
            line-height: 1.6;
        }
        .details {
            text-align: right;
            border-top: 1px solid #eee;
            padding-top: 20px;
        }
        .details p {
            display: flex;
            justify-content: space-between;
            margin: 12px 0;
            font-size: 15px;
        }
        .details p span {
            font-weight: 700;
        }
        .ref-id {
            background-color: #e9ecef;
            padding: 5px 10px;
            border-radius: 5px;
            font-family: monospace;
            direction: ltr;
        }
        .back-button {
            display: inline-block;
            margin-top: 30px;
            padding: 12px 30px;
            background-color: #007bff;
            color: #fff;
            text-decoration: none;
            border-radius: 8px;
            font-weight: 700;
            transition: background-color 0.3s;
        }
        .back-button:hover {
            background-color: #0056b3;
        }
    </style>
</head>
<body class="<?= $statusClass ?>">
    <div class="receipt-container">
        <div class="status-icon"><?= $icon ?></div>
        <h1>پرداخت <?= $statusText ?></h1>
        <p class="message"><?= $message ?></p>
        
        <?php if ($status === 'success'): ?>
        <div class="details">
            <p>مبلغ پرداخت شده: <span><?= number_format($amount) ?> تومان</span></p>
            <p>شماره پیگیری: <span class="ref-id"><?= $refId ?></span></p>
            <p>تاریخ و ساعت: <span><?= date("Y/m/d H:i:s") ?></span></p>
        </div>
        <?php endif; ?>

        <a href="<?= $botLink ?>" class="back-button">بازگشت به ربات</a>
    </div>
</body>
</html>