\u062d\u0627\u0633\u0628\u0629 \u0632\u0643\u0627\u0629 \u0627\u0644\u0645\u0627\u0644 \u0627\u0644\u0646\u0642\u062f\u064a – \u0627\u0644\u0634\u0631\u064a\u0639\u0629 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a\u0629<\/title>\n <style>\n :root {\n --primary: #2196F3;\n --primary-dark: #1976D2;\n --primary-light: #E3F2FD;\n --text: #333;\n --radius: 10px;\n --shadow: 0 5px 15px rgba(33, 150, 243, 0.1);\n --success: #4CAF50;\n --warning: #FF9800;\n --error: #F44336;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: system-ui, -apple-system, 'Segoe UI', 'Cairo', sans-serif;\n line-height: 1.6;\n color: var(--text);\n background: #f5f7fa;\n padding: 10px;\n min-height: 100vh;\n }\n\n .container {\n max-width: 700px;\n margin: 0 auto;\n background: white;\n border-radius: var(--radius);\n box-shadow: var(--shadow);\n overflow: hidden;\n padding: 20px;\n }\n\n header {\n text-align: center;\n padding: 20px 0;\n background: linear-gradient(to right, var(--primary-dark), var(--primary));\n color: white;\n margin: -20px -20px 20px -20px;\n border-radius: var(--radius) var(--radius) 0 0;\n }\n\n h1 {\n font-size: 1.7rem;\n margin-bottom: 8px;\n }\n\n .subtitle {\n font-size: 0.95rem;\n opacity: 0.9;\n }\n\n .info-box {\n background: var(--primary-light);\n border-right: 4px solid var(--primary);\n padding: 15px;\n margin-bottom: 20px;\n border-radius: var(--radius);\n }\n\n .info-box h3 {\n color: var(--primary-dark);\n margin-bottom: 8px;\n font-size: 1.1rem;\n }\n\n .calculator {\n display: flex;\n flex-direction: column;\n gap: 15px;\n }\n\n .input-group {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n .input-row {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n align-items: center;\n padding: 12px;\n border-radius: var(--radius);\n background: #f8fafc;\n border: 1px solid #e1e8f0;\n }\n\n label {\n font-weight: 600;\n color: var(--primary-dark);\n flex: 1;\n min-width: 180px;\n font-size: 0.95rem;\n }\n\n input[type=\"number\"], select {\n padding: 10px;\n border: 2px solid #d1d9e6;\n border-radius: var(--radius);\n font-size: 15px;\n font-family: inherit;\n flex: 2;\n min-width: 200px;\n background: white;\n transition: all 0.3s;\n }\n\n input:focus, select:focus {\n border-color: var(--primary);\n outline: none;\n box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.1);\n }\n\n button {\n background: linear-gradient(to right, var(--primary-dark), var(--primary));\n color: white;\n border: none;\n padding: 14px;\n border-radius: var(--radius);\n font-size: 16px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s;\n margin-top: 10px;\n width: 100%;\n }\n\n button:hover {\n background: var(--primary-dark);\n transform: translateY(-1px);\n box-shadow: 0 4px 8px rgba(25, 118, 210, 0.2);\n }\n\n .result {\n margin-top: 20px;\n padding: 20px;\n background: #f8fafc;\n border-radius: var(--radius);\n display: none;\n border: 1px solid #e1e8f0;\n }\n\n .result.active {\n display: block;\n animation: fadeIn 0.4s;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n .result h3 {\n color: var(--primary-dark);\n margin-bottom: 15px;\n text-align: center;\n }\n\n .result-item {\n display: flex;\n justify-content: space-between;\n padding: 10px 0;\n border-bottom: 1px solid #e1e8f0;\n }\n\n .result-item:last-child {\n border-bottom: none;\n }\n\n .result-label {\n font-weight: 600;\n color: #1565C0;\n }\n\n .result-value {\n font-weight: 700;\n color: var(--primary-dark);\n }\n\n .zakat-result {\n background: linear-gradient(to right, var(--primary-dark), var(--primary));\n color: white;\n padding: 15px;\n border-radius: var(--radius);\n text-align: center;\n margin-top: 15px;\n }\n\n .zakat-amount {\n font-size: 1.8rem;\n font-weight: bold;\n margin: 5px 0;\n }\n\n .status-box {\n padding: 12px;\n border-radius: var(--radius);\n margin-top: 15px;\n text-align: center;\n font-weight: 600;\n }\n\n .status-success {\n background: rgba(76, 175, 80, 0.1);\n color: var(--success);\n border: 1px solid rgba(76, 175, 80, 0.3);\n }\n\n .status-warning {\n background: rgba(255, 152, 0, 0.1);\n color: var(--warning);\n border: 1px solid rgba(255, 152, 0, 0.3);\n }\n\n footer {\n margin-top: 20px;\n text-align: center;\n color: #666;\n font-size: 0.85rem;\n padding-top: 15px;\n border-top: 1px solid #e1e8f0;\n }\n\n .nisab-info {\n background: #fff8e1;\n padding: 10px;\n border-radius: 6px;\n margin: 10px 0;\n font-size: 0.9rem;\n color: #5d4037;\n }\n\n @media (max-width: 768px) {\n .container { padding: 15px; }\n .input-row { flex-direction: column; align-items: flex-start; }\n input, select { width: 100%; min-width: auto; }\n h1 { font-size: 1.4rem; }\n label { min-width: 100%; }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <header>\n <h1>\u062d\u0627\u0633\u0628\u0629 \u0632\u0643\u0627\u0629 \u0627\u0644\u0645\u0627\u0644 \u0627\u0644\u0646\u0642\u062f\u064a<\/h1>\n <p class=\"subtitle\">\u0627\u062d\u0633\u0628 \u0632\u0643\u0627\u0629 \u0623\u0645\u0648\u0627\u0644\u0643 \u0627\u0644\u0646\u0642\u062f\u064a\u0629 \u0628\u062f\u0642\u0629 \u0648\u0641\u0642\u0627\u064b \u0644\u0644\u0634\u0631\u064a\u0639\u0629 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a\u0629<\/p>\n <\/header>\n\n <div class=\"info-box\">\n <h3>\u0623\u062d\u0643\u0627\u0645 \u0632\u0643\u0627\u0629 \u0627\u0644\u0645\u0627\u0644 \u0627\u0644\u0646\u0642\u062f\u064a<\/h3>\n <p>\u062a\u062c\u0628 \u0627\u0644\u0632\u0643\u0627\u0629 \u0641\u064a \u0627\u0644\u0646\u0642\u0648\u062f \u0625\u0630\u0627 \u0628\u0644\u063a\u062a \u0627\u0644\u0646\u0635\u0627\u0628 (\u0642\u064a\u0645\u0629 595 \u062c\u0631\u0627\u0645 \u0641\u0636\u0629 \u0623\u0648 85 \u062c\u0631\u0627\u0645 \u0630\u0647\u0628) \u0648\u0643\u0627\u0646 \u062d\u0627\u0644\u0627\u064b \u0639\u0644\u064a\u0647\u0627 \u0627\u0644\u062d\u0648\u0644 (\u0645\u0631 \u0639\u0644\u064a\u0647\u0627 \u0633\u0646\u0629 \u0642\u0645\u0631\u064a\u0629). \u0646\u0633\u0628\u0629 \u0627\u0644\u0632\u0643\u0627\u0629 2.5% \u0645\u0646 \u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0645\u0627\u0644 \u0628\u0639\u062f \u062e\u0635\u0645 \u0627\u0644\u062f\u064a\u0648\u0646.<\/p>\n <div class=\"nisab-info\">\n \ud83d\udca1 <strong>\u0627\u0644\u0646\u0635\u0627\u0628 \u0627\u0644\u062d\u0627\u0644\u064a:<\/strong> \u064a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0642\u064a\u0645\u0629 595 \u062c\u0631\u0627\u0645 \u0641\u0636\u0629 \u062a\u0642\u0631\u064a\u0628\u0627\u064b (\u062d\u0648\u0627\u0644\u064a 2000 \u0631\u064a\u0627\u0644 \u0633\u0639\u0648\u062f\u064a \u0623\u0648 \u0645\u0627 \u064a\u0639\u0627\u062f\u0644\u0647\u0627)\n <\/div>\n <\/div>\n\n <div class=\"calculator\">\n <div class=\"input-group\">\n <div class=\"input-row\">\n <label for=\"currency\">\u0627\u0644\u0639\u0645\u0644\u0629:<\/label>\n <select id=\"currency\">\n <option value=\"SAR\">\u0627\u0644\u0631\u064a\u0627\u0644 \u0627\u0644\u0633\u0639\u0648\u062f\u064a (SAR)<\/option>\n <option value=\"AED\">\u0627\u0644\u062f\u0631\u0647\u0645 \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a\u064a (AED)<\/option>\n <option value=\"QAR\">\u0627\u0644\u0631\u064a\u0627\u0644 \u0627\u0644\u0642\u0637\u0631\u064a (QAR)<\/option>\n <option value=\"KWD\">\u0627\u0644\u062f\u064a\u0646\u0627\u0631 \u0627\u0644\u0643\u0648\u064a\u062a\u064a (KWD)<\/option>\n <option value=\"USD\">\u0627\u0644\u062f\u0648\u0644\u0627\u0631 \u0627\u0644\u0623\u0645\u0631\u064a\u0643\u064a (USD)<\/option>\n <option value=\"EUR\">\u0627\u0644\u064a\u0648\u0631\u0648 (EUR)<\/option>\n <option value=\"other\">\u0639\u0645\u0644\u0629 \u0623\u062e\u0631\u0649<\/option>\n <\/select>\n <\/div>\n\n <div class=\"input-row\">\n <label for=\"cashAmount\">\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0623\u0645\u0648\u0627\u0644 \u0627\u0644\u0646\u0642\u062f\u064a\u0629:<\/label>\n <input type=\"number\" id=\"cashAmount\" min=\"0\" step=\"0.01\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\">\n <\/div>\n\n <div class=\"input-row\">\n <label for=\"debts\">\u0627\u0644\u062f\u064a\u0648\u0646 \u0627\u0644\u0645\u0633\u062a\u062d\u0642\u0629 \u0639\u0644\u064a\u0643:<\/label>\n <input type=\"number\" id=\"debts\" min=\"0\" step=\"0.01\" placeholder=\"\u0623\u062f\u062e\u0644 \u0642\u064a\u0645\u0629 \u0627\u0644\u062f\u064a\u0648\u0646\" value=\"0\">\n <\/div>\n\n <div class=\"input-row\">\n <label for=\"yearComplete\">\u062d\u0627\u0644 \u0639\u0644\u064a\u0647\u0627 \u0627\u0644\u062d\u0648\u0644\u061f<\/label>\n <select id=\"yearComplete\">\n <option value=\"yes\">\u0646\u0639\u0645\u060c \u0645\u0631 \u0639\u0644\u064a\u0647\u0627 \u0633\u0646\u0629 \u0642\u0645\u0631\u064a\u0629<\/option>\n <option value=\"no\">\u0644\u0627\u060c \u0644\u0645 \u062a\u0645\u0636 \u0633\u0646\u0629 \u0628\u0639\u062f<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <button id=\"calculateBtn\">\u0627\u062d\u0633\u0628 \u0627\u0644\u0632\u0643\u0627\u0629 \u0627\u0644\u0648\u0627\u062c\u0628\u0629<\/button>\n <\/div>\n\n <div class=\"result\" id=\"resultContainer\">\n <h3>\u0646\u062a\u0627\u0626\u062c \u062d\u0633\u0627\u0628 \u0627\u0644\u0632\u0643\u0627\u0629<\/h3>\n <div id=\"resultContent\"><\/div>\n <\/div>\n\n <footer>\n <p>\u062d\u0627\u0633\u0628\u0629 \u0632\u0643\u0627\u0629 \u0627\u0644\u0645\u0627\u0644 \u0627\u0644\u0646\u0642\u062f\u064a – \u0648\u0641\u0642 \u0627\u0644\u0634\u0631\u064a\u0639\u0629 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a\u0629<\/p>\n <p>\u0627\u0644\u0646\u0635\u0627\u0628: \u0642\u064a\u0645\u0629 595 \u062c\u0631\u0627\u0645 \u0641\u0636\u0629 | \u0646\u0633\u0628\u0629 \u0627\u0644\u0632\u0643\u0627\u0629: 2.5% (\u0631\u0628\u0639 \u0627\u0644\u0639\u0634\u0631)<\/p>\n <p style=\"margin-top: 5px; font-size: 0.8rem; color: #777;\">\u0644\u0644\u062a\u0648\u0636\u064a\u062d: \u0647\u0630\u0647 \u062d\u0633\u0628\u0629 \u062a\u0642\u0631\u064a\u0628\u064a\u0629\u060c \u064a\u0648\u0635\u0649 \u0628\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0639\u0627\u0644\u0645 \u0634\u0631\u0639\u064a<\/p>\n <\/footer>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n const calculateBtn = document.getElementById('calculateBtn');\n const resultContainer = document.getElementById('resultContainer');\n const resultContent = document.getElementById('resultContent');\n \n \/\/ \u0646\u0635\u0627\u0628 \u0627\u0644\u0645\u0627\u0644 \u0627\u0644\u0646\u0642\u062f\u064a (\u0642\u064a\u0645\u0629 595 \u062c\u0631\u0627\u0645 \u0641\u0636\u0629) \u0628\u0627\u0644\u0639\u0645\u0644\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629\n const nisabValues = {\n 'SAR': 2000, \/\/ \u0631\u064a\u0627\u0644 \u0633\u0639\u0648\u062f\u064a\n 'AED': 2000, \/\/ \u062f\u0631\u0647\u0645 \u0625\u0645\u0627\u0631\u0627\u062a\u064a\n 'QAR': 2000, \/\/ \u0631\u064a\u0627\u0644 \u0642\u0637\u0631\u064a\n 'KWD': 165, \/\/ \u062f\u064a\u0646\u0627\u0631 \u0643\u0648\u064a\u062a\u064a\n 'USD': 533, \/\/ \u062f\u0648\u0644\u0627\u0631 \u0623\u0645\u0631\u064a\u0643\u064a\n 'EUR': 490, \/\/ \u064a\u0648\u0631\u0648\n 'other': 533 \/\/ \u062f\u0648\u0644\u0627\u0631 \u0643\u0642\u064a\u0645\u0629 \u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629\n };\n \n \/\/ \u062a\u062d\u062f\u064a\u062b \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0646\u0635\u0627\u0628 \u062d\u0633\u0628 \u0627\u0644\u0639\u0645\u0644\u0629\n document.getElementById('currency').addEventListener('change', function() {\n const currency = this.value;\n const currencyName = this.options[this.selectedIndex].text;\n const nisab = nisabValues[currency];\n \n \/\/ \u062a\u062d\u062f\u064a\u062b \u0646\u0635 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0646\u0635\u0627\u0628\n const nisabInfo = document.querySelector('.nisab-info');\n if (nisabInfo) {\n nisabInfo.innerHTML = `\ud83d\udca1 <strong>\u0627\u0644\u0646\u0635\u0627\u0628 \u0627\u0644\u062d\u0627\u0644\u064a:<\/strong> ${nisab.toLocaleString()} ${currencyName.split(' ')[0]} (\u0642\u064a\u0645\u0629 595 \u062c\u0631\u0627\u0645 \u0641\u0636\u0629 \u062a\u0642\u0631\u064a\u0628\u0627\u064b)`;\n }\n });\n \n \/\/ \u062d\u0633\u0627\u0628 \u0627\u0644\u0632\u0643\u0627\u0629\n calculateBtn.addEventListener('click', function() {\n \/\/ \u062c\u0645\u0639 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\n const cashAmount = parseFloat(document.getElementById('cashAmount').value) || 0;\n const debts = parseFloat(document.getElementById('debts').value) || 0;\n const yearComplete = document.getElementById('yearComplete').value === 'yes';\n const currency = document.getElementById('currency').value;\n const currencyText = document.getElementById('currency').options[document.getElementById('currency').selectedIndex].text.split(' ')[0];\n const nisab = nisabValues[currency];\n \n \/\/ \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\n if (cashAmount <= 0) {\n alert('\u0627\u0644\u0631\u062c\u0627\u0621 \u0625\u062f\u062e\u0627\u0644 \u0645\u0628\u0644\u063a \u0635\u062d\u064a\u062d \u0644\u0644\u0623\u0645\u0648\u0627\u0644 \u0627\u0644\u0646\u0642\u062f\u064a\u0629');\n return;\n }\n \n \/\/ \u062d\u0633\u0627\u0628\u0627\u062a \u0627\u0644\u0632\u0643\u0627\u0629\n const netAmount = Math.max(0, cashAmount - debts);\n const zakatRate = 0.025; \/\/ 2.5%\n let zakatDue = 0;\n let isZakatRequired = false;\n \n if (netAmount >= nisab && yearComplete) {\n isZakatRequired = true;\n zakatDue = netAmount * zakatRate;\n }\n \n \/\/ \u0639\u0631\u0636 \u0627\u0644\u0646\u062a\u0627\u0626\u062c\n let resultHTML = '';\n \n if (isZakatRequired) {\n resultHTML = `\n <div class=\"result-item\">\n <span class=\"result-label\">\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0623\u0645\u0648\u0627\u0644:<\/span>\n <span class=\"result-value\">${cashAmount.toLocaleString()} ${currencyText}<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u0627\u0644\u062f\u064a\u0648\u0646 \u0627\u0644\u0645\u0633\u062a\u062d\u0642\u0629:<\/span>\n <span class=\"result-value\">${debts.toLocaleString()} ${currencyText}<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u0635\u0627\u0641\u064a \u0627\u0644\u0645\u0627\u0644 \u0627\u0644\u062e\u0627\u0636\u0639 \u0644\u0644\u0632\u0643\u0627\u0629:<\/span>\n <span class=\"result-value\">${netAmount.toLocaleString()} ${currencyText}<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u0627\u0644\u0646\u0635\u0627\u0628 \u0627\u0644\u0634\u0631\u0639\u064a (\u0642\u064a\u0645\u0629 595 \u062c\u0631\u0627\u0645 \u0641\u0636\u0629):<\/span>\n <span class=\"result-value\">${nisab.toLocaleString()} ${currencyText}<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u062d\u0627\u0644 \u0639\u0644\u064a\u0647\u0627 \u0627\u0644\u062d\u0648\u0644:<\/span>\n <span class=\"result-value\">\u0646\u0639\u0645 \u2713<\/span>\n <\/div>\n \n <div class=\"zakat-result\">\n <div>\u0627\u0644\u0632\u0643\u0627\u0629 \u0627\u0644\u0648\u0627\u062c\u0628\u0629 (2.5%)<\/div>\n <div class=\"zakat-amount\">${zakatDue.toLocaleString()} ${currencyText}<\/div>\n <div style=\"font-size: 0.9rem; opacity: 0.9;\">\u0631\u0628\u0639 \u0627\u0644\u0639\u0634\u0631 \u0645\u0646 \u0635\u0627\u0641\u064a \u0627\u0644\u0645\u0627\u0644<\/div>\n <\/div>\n \n <div class=\"status-box status-success\">\n \u2713 \u062a\u062c\u0628 \u0627\u0644\u0632\u0643\u0627\u0629 \u0644\u0623\u0646 \u0627\u0644\u0645\u0627\u0644 \u0628\u0644\u063a \u0627\u0644\u0646\u0635\u0627\u0628 \u0648\u062d\u0627\u0644 \u0639\u0644\u064a\u0647 \u0627\u0644\u062d\u0648\u0644\n <\/div>\n `;\n } else {\n let reason = '';\n if (!yearComplete) {\n reason = '\u0644\u0645 \u064a\u062d\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0627\u0644 \u0627\u0644\u062d\u0648\u0644 \u0628\u0639\u062f (\u0644\u0645 \u062a\u0645\u0636 \u0633\u0646\u0629 \u0642\u0645\u0631\u064a\u0629)';\n } else if (netAmount < nisab) {\n const shortfall = nisab - netAmount;\n reason = `\u0627\u0644\u0645\u0627\u0644 \u0623\u0642\u0644 \u0645\u0646 \u0627\u0644\u0646\u0635\u0627\u0628 \u0628\u0645\u0642\u062f\u0627\u0631 ${shortfall.toLocaleString()} ${currencyText}`;\n }\n \n resultHTML = `\n <div class=\"result-item\">\n <span class=\"result-label\">\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0623\u0645\u0648\u0627\u0644:<\/span>\n <span class=\"result-value\">${cashAmount.toLocaleString()} ${currencyText}<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u0635\u0627\u0641\u064a \u0627\u0644\u0645\u0627\u0644 \u0628\u0639\u062f \u0627\u0644\u062f\u064a\u0648\u0646:<\/span>\n <span class=\"result-value\">${netAmount.toLocaleString()} ${currencyText}<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u0627\u0644\u0646\u0635\u0627\u0628 \u0627\u0644\u0645\u0637\u0644\u0648\u0628:<\/span>\n <span class=\"result-value\">${nisab.toLocaleString()} ${currencyText}<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u062d\u0627\u0644 \u0639\u0644\u064a\u0647\u0627 \u0627\u0644\u062d\u0648\u0644:<\/span>\n <span class=\"result-value\">${yearComplete ? '\u0646\u0639\u0645 \u2713' : '\u0644\u0627 \u2717'}<\/span>\n <\/div>\n \n <div class=\"zakat-result\" style=\"background: linear-gradient(to right, #FF9800, #F57C00);\">\n <div>\u062d\u0627\u0644\u0629 \u0627\u0644\u0632\u0643\u0627\u0629<\/div>\n <div class=\"zakat-amount\">\u0644\u0627 \u062a\u062c\u0628 \u0627\u0644\u0632\u0643\u0627\u0629<\/div>\n <\/div>\n \n <div class=\"status-box ${netAmount < nisab ? 'status-warning' : 'status-warning'}\">\n \u2139\ufe0f ${reason}\n <\/div>\n \n ${netAmount < nisab ? `\n <div style=\"margin-top: 15px; padding: 10px; background: #FFF3E0; border-radius: var(--radius); text-align: center;\">\n <div style=\"font-weight: 600; color: #5D4037;\">\u0644\u0644\u0648\u0635\u0648\u0644 \u0644\u0644\u0646\u0635\u0627\u0628 \u062a\u062d\u062a\u0627\u062c \u0632\u064a\u0627\u062f\u0629:<\/div>\n <div style=\"color: #FF9800; font-weight: bold; font-size: 1.2rem;\">\n ${(nisab - netAmount).toLocaleString()} ${currencyText}\n <\/div>\n <\/div>\n ` : ''}\n `;\n }\n \n resultContent.innerHTML = resultHTML;\n resultContainer.classList.add('active');\n resultContainer.scrollIntoView({ behavior: 'smooth' });\n });\n \n \/\/ \u062a\u0641\u0639\u064a\u0644 \u0632\u0631 \u0627\u0644\u0625\u062f\u062e\u0627\u0644\n document.querySelectorAll('input, select').forEach(el => {\n el.addEventListener('keypress', function(e) {\n if (e.key === 'Enter') calculateBtn.click();\n });\n });\n \n \/\/ \u062a\u062d\u062f\u064a\u062b \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0646\u0635\u0627\u0628 \u0639\u0646\u062f \u0627\u0644\u062a\u062d\u0645\u064a\u0644\n document.getElementById('currency').dispatchEvent(new Event('change'));\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u062d\u0627\u0633\u0628\u0629 \u0632\u0643\u0627\u0629 \u0627\u0644\u0645\u0627\u0644 \u0627\u0644\u0646\u0642\u062f\u064a – \u0627\u0644\u0634\u0631\u064a\u0639\u0629 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a\u0629 \u062d\u0627\u0633\u0628\u0629 \u0632\u0643\u0627\u0629 \u0627\u0644\u0645\u0627\u0644 \u0627\u0644\u0646\u0642\u062f\u064a \u0627\u062d\u0633\u0628 \u0632\u0643\u0627\u0629 \u0623\u0645\u0648\u0627\u0644\u0643 \u0627\u0644\u0646\u0642\u062f\u064a\u0629 \u0628\u062f\u0642\u0629 \u0648\u0641\u0642\u0627\u064b \u0644\u0644\u0634\u0631\u064a\u0639\u0629 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a\u0629 \u0623\u062d\u0643\u0627\u0645 \u0632\u0643\u0627\u0629 \u0627\u0644\u0645\u0627\u0644 \u0627\u0644\u0646\u0642\u062f\u064a \u062a\u062c\u0628 \u0627\u0644\u0632\u0643\u0627\u0629 \u0641\u064a \u0627\u0644\u0646\u0642\u0648\u062f \u0625\u0630\u0627 \u0628\u0644\u063a\u062a \u0627\u0644\u0646\u0635\u0627\u0628 (\u0642\u064a\u0645\u0629 595 \u062c\u0631\u0627\u0645 \u0641\u0636\u0629 \u0623\u0648 85 \u062c\u0631\u0627\u0645 \u0630\u0647\u0628) \u0648\u0643\u0627\u0646 \u062d\u0627\u0644\u0627\u064b \u0639\u0644\u064a\u0647\u0627 \u0627\u0644\u062d\u0648\u0644 (\u0645\u0631 \u0639\u0644\u064a\u0647\u0627 \u0633\u0646\u0629 \u0642\u0645\u0631\u064a\u0629). \u0646\u0633\u0628\u0629 \u0627\u0644\u0632\u0643\u0627\u0629 2.5% \u0645\u0646 \u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0645\u0627\u0644 \u0628\u0639\u062f \u062e\u0635\u0645 \u0627\u0644\u062f\u064a\u0648\u0646. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-53","post","type-post","status-publish","format-standard","hentry","category-1"],"_links":{"self":[{"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/posts\/53","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hasabah.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=53"}],"version-history":[{"count":1,"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/posts\/53\/revisions"}],"predecessor-version":[{"id":54,"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/posts\/53\/revisions\/54"}],"wp:attachment":[{"href":"https:\/\/hasabah.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=53"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hasabah.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=53"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hasabah.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":53,"date":"2026-01-01T14:52:52","date_gmt":"2026-01-01T14:52:52","guid":{"rendered":"https:\/\/hasabah.com\/?p=53"},"modified":"2026-01-01T14:52:52","modified_gmt":"2026-01-01T14:52:52","slug":"%d9%83%d9%8a%d9%81-%d8%a7%d8%ad%d8%b3%d8%a8-%d8%b2%d9%83%d8%a7%d8%a9-%d8%a7%d9%84%d9%85%d8%a7%d9%84-%d8%a7%d9%84%d9%86%d9%82%d8%af%d9%8a","status":"publish","type":"post","link":"https:\/\/hasabah.com\/?p=53","title":{"rendered":"\u0643\u064a\u0641 \u0627\u062d\u0633\u0628 \u0632\u0643\u0627\u0629 \u0627\u0644\u0645\u0627\u0644 \u0627\u0644\u0646\u0642\u062f\u064a"},"content":{"rendered":"\n\n\n\n \n \n \n \n \u062d\u0627\u0633\u0628\u0629 \u0632\u0643\u0627\u0629 \u0627\u0644\u0645\u0627\u0644 \u0627\u0644\u0646\u0642\u062f\u064a – \u0627\u0644\u0634\u0631\u064a\u0639\u0629 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a\u0629<\/title>\n <style>\n :root {\n --primary: #2196F3;\n --primary-dark: #1976D2;\n --primary-light: #E3F2FD;\n --text: #333;\n --radius: 10px;\n --shadow: 0 5px 15px rgba(33, 150, 243, 0.1);\n --success: #4CAF50;\n --warning: #FF9800;\n --error: #F44336;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: system-ui, -apple-system, 'Segoe UI', 'Cairo', sans-serif;\n line-height: 1.6;\n color: var(--text);\n background: #f5f7fa;\n padding: 10px;\n min-height: 100vh;\n }\n\n .container {\n max-width: 700px;\n margin: 0 auto;\n background: white;\n border-radius: var(--radius);\n box-shadow: var(--shadow);\n overflow: hidden;\n padding: 20px;\n }\n\n header {\n text-align: center;\n padding: 20px 0;\n background: linear-gradient(to right, var(--primary-dark), var(--primary));\n color: white;\n margin: -20px -20px 20px -20px;\n border-radius: var(--radius) var(--radius) 0 0;\n }\n\n h1 {\n font-size: 1.7rem;\n margin-bottom: 8px;\n }\n\n .subtitle {\n font-size: 0.95rem;\n opacity: 0.9;\n }\n\n .info-box {\n background: var(--primary-light);\n border-right: 4px solid var(--primary);\n padding: 15px;\n margin-bottom: 20px;\n border-radius: var(--radius);\n }\n\n .info-box h3 {\n color: var(--primary-dark);\n margin-bottom: 8px;\n font-size: 1.1rem;\n }\n\n .calculator {\n display: flex;\n flex-direction: column;\n gap: 15px;\n }\n\n .input-group {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n .input-row {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n align-items: center;\n padding: 12px;\n border-radius: var(--radius);\n background: #f8fafc;\n border: 1px solid #e1e8f0;\n }\n\n label {\n font-weight: 600;\n color: var(--primary-dark);\n flex: 1;\n min-width: 180px;\n font-size: 0.95rem;\n }\n\n input[type=\"number\"], select {\n padding: 10px;\n border: 2px solid #d1d9e6;\n border-radius: var(--radius);\n font-size: 15px;\n font-family: inherit;\n flex: 2;\n min-width: 200px;\n background: white;\n transition: all 0.3s;\n }\n\n input:focus, select:focus {\n border-color: var(--primary);\n outline: none;\n box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.1);\n }\n\n button {\n background: linear-gradient(to right, var(--primary-dark), var(--primary));\n color: white;\n border: none;\n padding: 14px;\n border-radius: var(--radius);\n font-size: 16px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s;\n margin-top: 10px;\n width: 100%;\n }\n\n button:hover {\n background: var(--primary-dark);\n transform: translateY(-1px);\n box-shadow: 0 4px 8px rgba(25, 118, 210, 0.2);\n }\n\n .result {\n margin-top: 20px;\n padding: 20px;\n background: #f8fafc;\n border-radius: var(--radius);\n display: none;\n border: 1px solid #e1e8f0;\n }\n\n .result.active {\n display: block;\n animation: fadeIn 0.4s;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n .result h3 {\n color: var(--primary-dark);\n margin-bottom: 15px;\n text-align: center;\n }\n\n .result-item {\n display: flex;\n justify-content: space-between;\n padding: 10px 0;\n border-bottom: 1px solid #e1e8f0;\n }\n\n .result-item:last-child {\n border-bottom: none;\n }\n\n .result-label {\n font-weight: 600;\n color: #1565C0;\n }\n\n .result-value {\n font-weight: 700;\n color: var(--primary-dark);\n }\n\n .zakat-result {\n background: linear-gradient(to right, var(--primary-dark), var(--primary));\n color: white;\n padding: 15px;\n border-radius: var(--radius);\n text-align: center;\n margin-top: 15px;\n }\n\n .zakat-amount {\n font-size: 1.8rem;\n font-weight: bold;\n margin: 5px 0;\n }\n\n .status-box {\n padding: 12px;\n border-radius: var(--radius);\n margin-top: 15px;\n text-align: center;\n font-weight: 600;\n }\n\n .status-success {\n background: rgba(76, 175, 80, 0.1);\n color: var(--success);\n border: 1px solid rgba(76, 175, 80, 0.3);\n }\n\n .status-warning {\n background: rgba(255, 152, 0, 0.1);\n color: var(--warning);\n border: 1px solid rgba(255, 152, 0, 0.3);\n }\n\n footer {\n margin-top: 20px;\n text-align: center;\n color: #666;\n font-size: 0.85rem;\n padding-top: 15px;\n border-top: 1px solid #e1e8f0;\n }\n\n .nisab-info {\n background: #fff8e1;\n padding: 10px;\n border-radius: 6px;\n margin: 10px 0;\n font-size: 0.9rem;\n color: #5d4037;\n }\n\n @media (max-width: 768px) {\n .container { padding: 15px; }\n .input-row { flex-direction: column; align-items: flex-start; }\n input, select { width: 100%; min-width: auto; }\n h1 { font-size: 1.4rem; }\n label { min-width: 100%; }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <header>\n <h1>\u062d\u0627\u0633\u0628\u0629 \u0632\u0643\u0627\u0629 \u0627\u0644\u0645\u0627\u0644 \u0627\u0644\u0646\u0642\u062f\u064a<\/h1>\n <p class=\"subtitle\">\u0627\u062d\u0633\u0628 \u0632\u0643\u0627\u0629 \u0623\u0645\u0648\u0627\u0644\u0643 \u0627\u0644\u0646\u0642\u062f\u064a\u0629 \u0628\u062f\u0642\u0629 \u0648\u0641\u0642\u0627\u064b \u0644\u0644\u0634\u0631\u064a\u0639\u0629 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a\u0629<\/p>\n <\/header>\n\n <div class=\"info-box\">\n <h3>\u0623\u062d\u0643\u0627\u0645 \u0632\u0643\u0627\u0629 \u0627\u0644\u0645\u0627\u0644 \u0627\u0644\u0646\u0642\u062f\u064a<\/h3>\n <p>\u062a\u062c\u0628 \u0627\u0644\u0632\u0643\u0627\u0629 \u0641\u064a \u0627\u0644\u0646\u0642\u0648\u062f \u0625\u0630\u0627 \u0628\u0644\u063a\u062a \u0627\u0644\u0646\u0635\u0627\u0628 (\u0642\u064a\u0645\u0629 595 \u062c\u0631\u0627\u0645 \u0641\u0636\u0629 \u0623\u0648 85 \u062c\u0631\u0627\u0645 \u0630\u0647\u0628) \u0648\u0643\u0627\u0646 \u062d\u0627\u0644\u0627\u064b \u0639\u0644\u064a\u0647\u0627 \u0627\u0644\u062d\u0648\u0644 (\u0645\u0631 \u0639\u0644\u064a\u0647\u0627 \u0633\u0646\u0629 \u0642\u0645\u0631\u064a\u0629). \u0646\u0633\u0628\u0629 \u0627\u0644\u0632\u0643\u0627\u0629 2.5% \u0645\u0646 \u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0645\u0627\u0644 \u0628\u0639\u062f \u062e\u0635\u0645 \u0627\u0644\u062f\u064a\u0648\u0646.<\/p>\n <div class=\"nisab-info\">\n \ud83d\udca1 <strong>\u0627\u0644\u0646\u0635\u0627\u0628 \u0627\u0644\u062d\u0627\u0644\u064a:<\/strong> \u064a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0642\u064a\u0645\u0629 595 \u062c\u0631\u0627\u0645 \u0641\u0636\u0629 \u062a\u0642\u0631\u064a\u0628\u0627\u064b (\u062d\u0648\u0627\u0644\u064a 2000 \u0631\u064a\u0627\u0644 \u0633\u0639\u0648\u062f\u064a \u0623\u0648 \u0645\u0627 \u064a\u0639\u0627\u062f\u0644\u0647\u0627)\n <\/div>\n <\/div>\n\n <div class=\"calculator\">\n <div class=\"input-group\">\n <div class=\"input-row\">\n <label for=\"currency\">\u0627\u0644\u0639\u0645\u0644\u0629:<\/label>\n <select id=\"currency\">\n <option value=\"SAR\">\u0627\u0644\u0631\u064a\u0627\u0644 \u0627\u0644\u0633\u0639\u0648\u062f\u064a (SAR)<\/option>\n <option value=\"AED\">\u0627\u0644\u062f\u0631\u0647\u0645 \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a\u064a (AED)<\/option>\n <option value=\"QAR\">\u0627\u0644\u0631\u064a\u0627\u0644 \u0627\u0644\u0642\u0637\u0631\u064a (QAR)<\/option>\n <option value=\"KWD\">\u0627\u0644\u062f\u064a\u0646\u0627\u0631 \u0627\u0644\u0643\u0648\u064a\u062a\u064a (KWD)<\/option>\n <option value=\"USD\">\u0627\u0644\u062f\u0648\u0644\u0627\u0631 \u0627\u0644\u0623\u0645\u0631\u064a\u0643\u064a (USD)<\/option>\n <option value=\"EUR\">\u0627\u0644\u064a\u0648\u0631\u0648 (EUR)<\/option>\n <option value=\"other\">\u0639\u0645\u0644\u0629 \u0623\u062e\u0631\u0649<\/option>\n <\/select>\n <\/div>\n\n <div class=\"input-row\">\n <label for=\"cashAmount\">\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0623\u0645\u0648\u0627\u0644 \u0627\u0644\u0646\u0642\u062f\u064a\u0629:<\/label>\n <input type=\"number\" id=\"cashAmount\" min=\"0\" step=\"0.01\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\">\n <\/div>\n\n <div class=\"input-row\">\n <label for=\"debts\">\u0627\u0644\u062f\u064a\u0648\u0646 \u0627\u0644\u0645\u0633\u062a\u062d\u0642\u0629 \u0639\u0644\u064a\u0643:<\/label>\n <input type=\"number\" id=\"debts\" min=\"0\" step=\"0.01\" placeholder=\"\u0623\u062f\u062e\u0644 \u0642\u064a\u0645\u0629 \u0627\u0644\u062f\u064a\u0648\u0646\" value=\"0\">\n <\/div>\n\n <div class=\"input-row\">\n <label for=\"yearComplete\">\u062d\u0627\u0644 \u0639\u0644\u064a\u0647\u0627 \u0627\u0644\u062d\u0648\u0644\u061f<\/label>\n <select id=\"yearComplete\">\n <option value=\"yes\">\u0646\u0639\u0645\u060c \u0645\u0631 \u0639\u0644\u064a\u0647\u0627 \u0633\u0646\u0629 \u0642\u0645\u0631\u064a\u0629<\/option>\n <option value=\"no\">\u0644\u0627\u060c \u0644\u0645 \u062a\u0645\u0636 \u0633\u0646\u0629 \u0628\u0639\u062f<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <button id=\"calculateBtn\">\u0627\u062d\u0633\u0628 \u0627\u0644\u0632\u0643\u0627\u0629 \u0627\u0644\u0648\u0627\u062c\u0628\u0629<\/button>\n <\/div>\n\n <div class=\"result\" id=\"resultContainer\">\n <h3>\u0646\u062a\u0627\u0626\u062c \u062d\u0633\u0627\u0628 \u0627\u0644\u0632\u0643\u0627\u0629<\/h3>\n <div id=\"resultContent\"><\/div>\n <\/div>\n\n <footer>\n <p>\u062d\u0627\u0633\u0628\u0629 \u0632\u0643\u0627\u0629 \u0627\u0644\u0645\u0627\u0644 \u0627\u0644\u0646\u0642\u062f\u064a – \u0648\u0641\u0642 \u0627\u0644\u0634\u0631\u064a\u0639\u0629 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a\u0629<\/p>\n <p>\u0627\u0644\u0646\u0635\u0627\u0628: \u0642\u064a\u0645\u0629 595 \u062c\u0631\u0627\u0645 \u0641\u0636\u0629 | \u0646\u0633\u0628\u0629 \u0627\u0644\u0632\u0643\u0627\u0629: 2.5% (\u0631\u0628\u0639 \u0627\u0644\u0639\u0634\u0631)<\/p>\n <p style=\"margin-top: 5px; font-size: 0.8rem; color: #777;\">\u0644\u0644\u062a\u0648\u0636\u064a\u062d: \u0647\u0630\u0647 \u062d\u0633\u0628\u0629 \u062a\u0642\u0631\u064a\u0628\u064a\u0629\u060c \u064a\u0648\u0635\u0649 \u0628\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0639\u0627\u0644\u0645 \u0634\u0631\u0639\u064a<\/p>\n <\/footer>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n const calculateBtn = document.getElementById('calculateBtn');\n const resultContainer = document.getElementById('resultContainer');\n const resultContent = document.getElementById('resultContent');\n \n \/\/ \u0646\u0635\u0627\u0628 \u0627\u0644\u0645\u0627\u0644 \u0627\u0644\u0646\u0642\u062f\u064a (\u0642\u064a\u0645\u0629 595 \u062c\u0631\u0627\u0645 \u0641\u0636\u0629) \u0628\u0627\u0644\u0639\u0645\u0644\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629\n const nisabValues = {\n 'SAR': 2000, \/\/ \u0631\u064a\u0627\u0644 \u0633\u0639\u0648\u062f\u064a\n 'AED': 2000, \/\/ \u062f\u0631\u0647\u0645 \u0625\u0645\u0627\u0631\u0627\u062a\u064a\n 'QAR': 2000, \/\/ \u0631\u064a\u0627\u0644 \u0642\u0637\u0631\u064a\n 'KWD': 165, \/\/ \u062f\u064a\u0646\u0627\u0631 \u0643\u0648\u064a\u062a\u064a\n 'USD': 533, \/\/ \u062f\u0648\u0644\u0627\u0631 \u0623\u0645\u0631\u064a\u0643\u064a\n 'EUR': 490, \/\/ \u064a\u0648\u0631\u0648\n 'other': 533 \/\/ \u062f\u0648\u0644\u0627\u0631 \u0643\u0642\u064a\u0645\u0629 \u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629\n };\n \n \/\/ \u062a\u062d\u062f\u064a\u062b \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0646\u0635\u0627\u0628 \u062d\u0633\u0628 \u0627\u0644\u0639\u0645\u0644\u0629\n document.getElementById('currency').addEventListener('change', function() {\n const currency = this.value;\n const currencyName = this.options[this.selectedIndex].text;\n const nisab = nisabValues[currency];\n \n \/\/ \u062a\u062d\u062f\u064a\u062b \u0646\u0635 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0646\u0635\u0627\u0628\n const nisabInfo = document.querySelector('.nisab-info');\n if (nisabInfo) {\n nisabInfo.innerHTML = `\ud83d\udca1 <strong>\u0627\u0644\u0646\u0635\u0627\u0628 \u0627\u0644\u062d\u0627\u0644\u064a:<\/strong> ${nisab.toLocaleString()} ${currencyName.split(' ')[0]} (\u0642\u064a\u0645\u0629 595 \u062c\u0631\u0627\u0645 \u0641\u0636\u0629 \u062a\u0642\u0631\u064a\u0628\u0627\u064b)`;\n }\n });\n \n \/\/ \u062d\u0633\u0627\u0628 \u0627\u0644\u0632\u0643\u0627\u0629\n calculateBtn.addEventListener('click', function() {\n \/\/ \u062c\u0645\u0639 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\n const cashAmount = parseFloat(document.getElementById('cashAmount').value) || 0;\n const debts = parseFloat(document.getElementById('debts').value) || 0;\n const yearComplete = document.getElementById('yearComplete').value === 'yes';\n const currency = document.getElementById('currency').value;\n const currencyText = document.getElementById('currency').options[document.getElementById('currency').selectedIndex].text.split(' ')[0];\n const nisab = nisabValues[currency];\n \n \/\/ \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\n if (cashAmount <= 0) {\n alert('\u0627\u0644\u0631\u062c\u0627\u0621 \u0625\u062f\u062e\u0627\u0644 \u0645\u0628\u0644\u063a \u0635\u062d\u064a\u062d \u0644\u0644\u0623\u0645\u0648\u0627\u0644 \u0627\u0644\u0646\u0642\u062f\u064a\u0629');\n return;\n }\n \n \/\/ \u062d\u0633\u0627\u0628\u0627\u062a \u0627\u0644\u0632\u0643\u0627\u0629\n const netAmount = Math.max(0, cashAmount - debts);\n const zakatRate = 0.025; \/\/ 2.5%\n let zakatDue = 0;\n let isZakatRequired = false;\n \n if (netAmount >= nisab && yearComplete) {\n isZakatRequired = true;\n zakatDue = netAmount * zakatRate;\n }\n \n \/\/ \u0639\u0631\u0636 \u0627\u0644\u0646\u062a\u0627\u0626\u062c\n let resultHTML = '';\n \n if (isZakatRequired) {\n resultHTML = `\n <div class=\"result-item\">\n <span class=\"result-label\">\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0623\u0645\u0648\u0627\u0644:<\/span>\n <span class=\"result-value\">${cashAmount.toLocaleString()} ${currencyText}<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u0627\u0644\u062f\u064a\u0648\u0646 \u0627\u0644\u0645\u0633\u062a\u062d\u0642\u0629:<\/span>\n <span class=\"result-value\">${debts.toLocaleString()} ${currencyText}<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u0635\u0627\u0641\u064a \u0627\u0644\u0645\u0627\u0644 \u0627\u0644\u062e\u0627\u0636\u0639 \u0644\u0644\u0632\u0643\u0627\u0629:<\/span>\n <span class=\"result-value\">${netAmount.toLocaleString()} ${currencyText}<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u0627\u0644\u0646\u0635\u0627\u0628 \u0627\u0644\u0634\u0631\u0639\u064a (\u0642\u064a\u0645\u0629 595 \u062c\u0631\u0627\u0645 \u0641\u0636\u0629):<\/span>\n <span class=\"result-value\">${nisab.toLocaleString()} ${currencyText}<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u062d\u0627\u0644 \u0639\u0644\u064a\u0647\u0627 \u0627\u0644\u062d\u0648\u0644:<\/span>\n <span class=\"result-value\">\u0646\u0639\u0645 \u2713<\/span>\n <\/div>\n \n <div class=\"zakat-result\">\n <div>\u0627\u0644\u0632\u0643\u0627\u0629 \u0627\u0644\u0648\u0627\u062c\u0628\u0629 (2.5%)<\/div>\n <div class=\"zakat-amount\">${zakatDue.toLocaleString()} ${currencyText}<\/div>\n <div style=\"font-size: 0.9rem; opacity: 0.9;\">\u0631\u0628\u0639 \u0627\u0644\u0639\u0634\u0631 \u0645\u0646 \u0635\u0627\u0641\u064a \u0627\u0644\u0645\u0627\u0644<\/div>\n <\/div>\n \n <div class=\"status-box status-success\">\n \u2713 \u062a\u062c\u0628 \u0627\u0644\u0632\u0643\u0627\u0629 \u0644\u0623\u0646 \u0627\u0644\u0645\u0627\u0644 \u0628\u0644\u063a \u0627\u0644\u0646\u0635\u0627\u0628 \u0648\u062d\u0627\u0644 \u0639\u0644\u064a\u0647 \u0627\u0644\u062d\u0648\u0644\n <\/div>\n `;\n } else {\n let reason = '';\n if (!yearComplete) {\n reason = '\u0644\u0645 \u064a\u062d\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0627\u0644 \u0627\u0644\u062d\u0648\u0644 \u0628\u0639\u062f (\u0644\u0645 \u062a\u0645\u0636 \u0633\u0646\u0629 \u0642\u0645\u0631\u064a\u0629)';\n } else if (netAmount < nisab) {\n const shortfall = nisab - netAmount;\n reason = `\u0627\u0644\u0645\u0627\u0644 \u0623\u0642\u0644 \u0645\u0646 \u0627\u0644\u0646\u0635\u0627\u0628 \u0628\u0645\u0642\u062f\u0627\u0631 ${shortfall.toLocaleString()} ${currencyText}`;\n }\n \n resultHTML = `\n <div class=\"result-item\">\n <span class=\"result-label\">\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0623\u0645\u0648\u0627\u0644:<\/span>\n <span class=\"result-value\">${cashAmount.toLocaleString()} ${currencyText}<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u0635\u0627\u0641\u064a \u0627\u0644\u0645\u0627\u0644 \u0628\u0639\u062f \u0627\u0644\u062f\u064a\u0648\u0646:<\/span>\n <span class=\"result-value\">${netAmount.toLocaleString()} ${currencyText}<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u0627\u0644\u0646\u0635\u0627\u0628 \u0627\u0644\u0645\u0637\u0644\u0648\u0628:<\/span>\n <span class=\"result-value\">${nisab.toLocaleString()} ${currencyText}<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u062d\u0627\u0644 \u0639\u0644\u064a\u0647\u0627 \u0627\u0644\u062d\u0648\u0644:<\/span>\n <span class=\"result-value\">${yearComplete ? '\u0646\u0639\u0645 \u2713' : '\u0644\u0627 \u2717'}<\/span>\n <\/div>\n \n <div class=\"zakat-result\" style=\"background: linear-gradient(to right, #FF9800, #F57C00);\">\n <div>\u062d\u0627\u0644\u0629 \u0627\u0644\u0632\u0643\u0627\u0629<\/div>\n <div class=\"zakat-amount\">\u0644\u0627 \u062a\u062c\u0628 \u0627\u0644\u0632\u0643\u0627\u0629<\/div>\n <\/div>\n \n <div class=\"status-box ${netAmount < nisab ? 'status-warning' : 'status-warning'}\">\n \u2139\ufe0f ${reason}\n <\/div>\n \n ${netAmount < nisab ? `\n <div style=\"margin-top: 15px; padding: 10px; background: #FFF3E0; border-radius: var(--radius); text-align: center;\">\n <div style=\"font-weight: 600; color: #5D4037;\">\u0644\u0644\u0648\u0635\u0648\u0644 \u0644\u0644\u0646\u0635\u0627\u0628 \u062a\u062d\u062a\u0627\u062c \u0632\u064a\u0627\u062f\u0629:<\/div>\n <div style=\"color: #FF9800; font-weight: bold; font-size: 1.2rem;\">\n ${(nisab - netAmount).toLocaleString()} ${currencyText}\n <\/div>\n <\/div>\n ` : ''}\n `;\n }\n \n resultContent.innerHTML = resultHTML;\n resultContainer.classList.add('active');\n resultContainer.scrollIntoView({ behavior: 'smooth' });\n });\n \n \/\/ \u062a\u0641\u0639\u064a\u0644 \u0632\u0631 \u0627\u0644\u0625\u062f\u062e\u0627\u0644\n document.querySelectorAll('input, select').forEach(el => {\n el.addEventListener('keypress', function(e) {\n if (e.key === 'Enter') calculateBtn.click();\n });\n });\n \n \/\/ \u062a\u062d\u062f\u064a\u062b \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0646\u0635\u0627\u0628 \u0639\u0646\u062f \u0627\u0644\u062a\u062d\u0645\u064a\u0644\n document.getElementById('currency').dispatchEvent(new Event('change'));\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u062d\u0627\u0633\u0628\u0629 \u0632\u0643\u0627\u0629 \u0627\u0644\u0645\u0627\u0644 \u0627\u0644\u0646\u0642\u062f\u064a – \u0627\u0644\u0634\u0631\u064a\u0639\u0629 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a\u0629 \u062d\u0627\u0633\u0628\u0629 \u0632\u0643\u0627\u0629 \u0627\u0644\u0645\u0627\u0644 \u0627\u0644\u0646\u0642\u062f\u064a \u0627\u062d\u0633\u0628 \u0632\u0643\u0627\u0629 \u0623\u0645\u0648\u0627\u0644\u0643 \u0627\u0644\u0646\u0642\u062f\u064a\u0629 \u0628\u062f\u0642\u0629 \u0648\u0641\u0642\u0627\u064b \u0644\u0644\u0634\u0631\u064a\u0639\u0629 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a\u0629 \u0623\u062d\u0643\u0627\u0645 \u0632\u0643\u0627\u0629 \u0627\u0644\u0645\u0627\u0644 \u0627\u0644\u0646\u0642\u062f\u064a \u062a\u062c\u0628 \u0627\u0644\u0632\u0643\u0627\u0629 \u0641\u064a \u0627\u0644\u0646\u0642\u0648\u062f \u0625\u0630\u0627 \u0628\u0644\u063a\u062a \u0627\u0644\u0646\u0635\u0627\u0628 (\u0642\u064a\u0645\u0629 595 \u062c\u0631\u0627\u0645 \u0641\u0636\u0629 \u0623\u0648 85 \u062c\u0631\u0627\u0645 \u0630\u0647\u0628) \u0648\u0643\u0627\u0646 \u062d\u0627\u0644\u0627\u064b \u0639\u0644\u064a\u0647\u0627 \u0627\u0644\u062d\u0648\u0644 (\u0645\u0631 \u0639\u0644\u064a\u0647\u0627 \u0633\u0646\u0629 \u0642\u0645\u0631\u064a\u0629). \u0646\u0633\u0628\u0629 \u0627\u0644\u0632\u0643\u0627\u0629 2.5% \u0645\u0646 \u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0645\u0627\u0644 \u0628\u0639\u062f \u062e\u0635\u0645 \u0627\u0644\u062f\u064a\u0648\u0646. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-53","post","type-post","status-publish","format-standard","hentry","category-1"],"_links":{"self":[{"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/posts\/53","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hasabah.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=53"}],"version-history":[{"count":1,"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/posts\/53\/revisions"}],"predecessor-version":[{"id":54,"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/posts\/53\/revisions\/54"}],"wp:attachment":[{"href":"https:\/\/hasabah.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=53"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hasabah.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=53"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hasabah.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}