<!DOCTYPE html>
<html dir="rtl" lang="fa">
<head>
    <meta charset="UTF-8">
    <title>پرداخت آنلاین</title>
    <style>
        body { font-family: Tahoma; text-align: center; padding: 50px; }
        button { background: green; color: white; padding: 15px 30px; font-size: 18px; border: none; cursor: pointer; border-radius: 5px; }
        .error { color: red; }
    </style>
</head>
<body>
    <h2>درگاه پرداخت</h2>
    <button onclick="startPayment()">شروع پرداخت</button>
    <div id="result"></div>

    <script>
    async function startPayment() {
        const terminalId = "13865704"; // عدد ترمینال خودتو بذار
        const amount = 100000;
        const resNum = "INV-" + Date.now();
        
        document.querySelector('button').disabled = true;
        document.getElementById('result').innerHTML = 'در حال اتصال به بانک...';
        
        try {
            const response = await fetch('https://sep.shaparak.ir/onlinepg/onlinepg', {
                method: 'POST',
                headers: { 'Content-Type': 'application/json' },
                body: JSON.stringify({
                    action: 'token',
                    TerminalId: terminalId,
                    Amount: amount,
                    ResNum: resNum,
                    RedirectUrl: window.location.href
                })
            });
            
            const result = await response.json();
            
            if(result.status === 1) {
                window.location.href = 'https://sep.shaparak.ir/OnlinePG/SendToken?token=' + result.token;
            } else {
                document.getElementById('result').innerHTML = '<div class="error">خطا: ' + result.errorDesc + '</div>';
            }
        } catch(e) {
            document.getElementById('result').innerHTML = '<div class="error">خطا در اتصال: ' + e.message + '</div>';
        }
    }
    </script>
</body>
</html>