JavaScript

/* رسید کا اسٹائل */
.receipt-box {
display: none; /* شروع میں چھپی رہے گی */
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: white;
padding: 20px;
border-radius: 15px;
box-shadow: 0 0 20px rgba(0,0,0,0.2);
text-align: center;
width: 90%;
max-width: 350px;
border-top: 5px solid #28a745;
z-index: 1000;
}
.receipt-box h2 { color: #28a745; margin-bottom: 5px; }
.receipt-detail { font-size: 14px; border-bottom: 1px dashed #ddd; padding: 10px 0; }
.close-btn { background: #0052FF; color: white; border: none; padding: 8px 20px; border-radius: 5px; margin-top: 15px; cursor: pointer; }

// جب ادائیگی کامیاب ہو جائے تو یہ فنکشن چلے گا
function showReceipt() {
document.getElementById('currentDate').innerText = new Date().toLocaleDateString();
document.getElementById('paymentReceipt').style.display = 'block';
}