{"id":50,"date":"2026-01-01T14:15:45","date_gmt":"2026-01-01T14:15:45","guid":{"rendered":"https:\/\/hasabah.com\/?p=50"},"modified":"2026-01-01T14:15:46","modified_gmt":"2026-01-01T14:15:46","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%d8%b0%d9%87%d8%a8","status":"publish","type":"post","link":"https:\/\/hasabah.com\/?p=50","title":{"rendered":"\u0643\u064a\u0641 \u0627\u062d\u0633\u0628 \u0632\u0643\u0627\u0629 \u0627\u0644\u0630\u0647\u0628"},"content":{"rendered":"\n\n\n\n \n \n \n \n \u062d\u0627\u0633\u0628\u0629 \u0632\u0643\u0627\u0629 \u0627\u0644\u0630\u0647\u0628 – \u062d\u0633\u0628 \u0627\u0644\u0634\u0631\u064a\u0639\u0629 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a\u0629<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --primary-color: #2196F3;\n --primary-dark: #1976D2;\n --primary-light: #E3F2FD;\n --secondary-color: #1565C0;\n --text-color: #333;\n --border-radius: 10px;\n --shadow: 0 5px 15px rgba(33, 150, 243, 0.1);\n --success-color: #4CAF50;\n --warning-color: #FF9800;\n --error-color: #F44336;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Cairo', sans-serif;\n line-height: 1.7;\n color: var(--text-color);\n background: linear-gradient(135deg, #E3F2FD 0%, #BBDEFB 100%);\n padding: 15px;\n min-height: 100vh;\n }\n\n .container {\n max-width: 900px;\n margin: 0 auto;\n background-color: white;\n border-radius: var(--border-radius);\n box-shadow: var(--shadow);\n overflow: hidden;\n padding: 25px;\n border: 1px solid #90CAF9;\n }\n\n header {\n text-align: center;\n padding: 25px 0;\n background: linear-gradient(to right, var(--primary-dark), var(--primary-color));\n color: white;\n margin: -25px -25px 25px -25px;\n border-radius: var(--border-radius) var(--border-radius) 0 0;\n position: relative;\n overflow: hidden;\n }\n\n header::after {\n content: \"\ud83d\udd4c\";\n position: absolute;\n font-size: 60px;\n opacity: 0.1;\n right: 20px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n h1 {\n font-size: 2rem;\n margin-bottom: 10px;\n text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);\n }\n\n .subtitle {\n font-size: 1.1rem;\n opacity: 0.95;\n }\n\n .gold-icon {\n color: #FFD700;\n font-size: 24px;\n margin: 0 5px;\n }\n\n .info-box {\n background-color: var(--primary-light);\n border-right: 5px solid var(--primary-color);\n padding: 20px;\n margin-bottom: 25px;\n border-radius: var(--border-radius);\n border: 1px solid #90CAF9;\n }\n\n .info-box h3 {\n color: var(--primary-dark);\n margin-bottom: 15px;\n font-size: 1.3rem;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .calculator {\n display: flex;\n flex-direction: column;\n gap: 25px;\n }\n\n .section-title {\n color: var(--primary-dark);\n font-size: 1.3rem;\n margin-bottom: 15px;\n padding-bottom: 8px;\n border-bottom: 2px solid #90CAF9;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .input-group {\n display: flex;\n flex-direction: column;\n gap: 20px;\n margin-bottom: 15px;\n }\n\n .input-row {\n display: flex;\n flex-wrap: wrap;\n gap: 15px;\n align-items: center;\n background: #E8F4FD;\n padding: 15px;\n border-radius: var(--border-radius);\n border: 1px solid #BBDEFB;\n }\n\n label {\n font-weight: 700;\n color: var(--primary-dark);\n flex: 1;\n min-width: 220px;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n input[type=\"number\"], select {\n padding: 14px;\n border: 2px solid #90CAF9;\n border-radius: var(--border-radius);\n font-size: 16px;\n font-family: 'Cairo', sans-serif;\n flex: 2;\n min-width: 250px;\n transition: all 0.3s;\n background-color: white;\n }\n\n input[type=\"number\"]:focus, select:focus {\n border-color: var(--primary-color);\n outline: none;\n box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.2);\n }\n\n .unit {\n font-weight: bold;\n color: var(--primary-color);\n margin-right: 5px;\n }\n\n .karat-info {\n font-size: 0.85rem;\n color: #666;\n margin-top: 5px;\n padding-right: 5px;\n }\n\n button {\n background: linear-gradient(to right, var(--primary-dark), var(--primary-color));\n color: white;\n border: none;\n padding: 18px 30px;\n border-radius: var(--border-radius);\n font-size: 20px;\n font-weight: 700;\n cursor: pointer;\n transition: all 0.3s;\n font-family: 'Cairo', sans-serif;\n margin-top: 15px;\n width: 100%;\n box-shadow: 0 4px 6px rgba(25, 118, 210, 0.2);\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 10px;\n }\n\n button:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 8px rgba(25, 118, 210, 0.3);\n }\n\n .result {\n margin-top: 30px;\n padding: 25px;\n background: linear-gradient(135deg, #E3F2FD 0%, #BBDEFB 100%);\n border-radius: var(--border-radius);\n display: none;\n border: 2px solid var(--primary-color);\n }\n\n .result.active {\n display: block;\n animation: fadeIn 0.5s;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .result h3 {\n color: var(--primary-dark);\n margin-bottom: 20px;\n text-align: center;\n font-size: 1.5rem;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 10px;\n }\n\n .result-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 15px;\n margin-bottom: 20px;\n }\n\n .result-item {\n background: white;\n padding: 15px;\n border-radius: var(--border-radius);\n border: 1px solid #90CAF9;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .result-label {\n font-weight: 600;\n color: #1565C0;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n .result-value {\n font-weight: 800;\n color: var(--primary-dark);\n font-size: 1.1rem;\n }\n\n .final-result {\n background: linear-gradient(to right, var(--primary-dark), var(--primary-color));\n color: white;\n padding: 20px;\n border-radius: var(--border-radius);\n text-align: center;\n margin-top: 20px;\n }\n\n .final-result .result-label {\n color: white;\n font-size: 1.2rem;\n }\n\n .final-result .result-value {\n color: white;\n font-size: 1.8rem;\n text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);\n }\n\n .disclaimer {\n font-size: 0.85rem;\n color: #546E7A;\n margin-top: 15px;\n text-align: right;\n padding: 15px;\n background-color: rgba(255, 255, 255, 0.7);\n border-radius: var(--border-radius);\n border-right: 3px solid var(--primary-color);\n }\n\n footer {\n margin-top: 40px;\n text-align: center;\n color: #455A64;\n font-size: 0.9rem;\n padding: 25px 0 15px;\n border-top: 2px solid #90CAF9;\n }\n\n .footer-highlight {\n color: var(--primary-dark);\n font-weight: bold;\n }\n\n .add-gold-btn {\n background-color: var(--success-color);\n color: white;\n border: none;\n padding: 10px 15px;\n border-radius: 5px;\n cursor: pointer;\n font-family: 'Cairo', sans-serif;\n margin-top: 10px;\n font-size: 14px;\n display: flex;\n align-items: center;\n gap: 5px;\n transition: background-color 0.3s;\n }\n\n .add-gold-btn:hover {\n background-color: #388E3C;\n }\n\n .gold-entry {\n background: #E8F4FD;\n padding: 15px;\n border-radius: var(--border-radius);\n margin-bottom: 15px;\n border: 1px solid #90CAF9;\n position: relative;\n }\n\n .remove-gold-btn {\n background-color: var(--error-color);\n color: white;\n border: none;\n padding: 5px 10px;\n border-radius: 5px;\n cursor: pointer;\n font-family: 'Cairo', sans-serif;\n font-size: 12px;\n margin-top: 10px;\n transition: background-color 0.3s;\n }\n\n .remove-gold-btn:hover {\n background-color: #D32F2F;\n }\n\n .success-badge {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n background-color: rgba(76, 175, 80, 0.1);\n color: var(--success-color);\n padding: 5px 10px;\n border-radius: 20px;\n font-size: 0.9rem;\n font-weight: bold;\n }\n\n .warning-badge {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n background-color: rgba(255, 152, 0, 0.1);\n color: var(--warning-color);\n padding: 5px 10px;\n border-radius: 20px;\n font-size: 0.9rem;\n font-weight: bold;\n }\n\n .status-box {\n padding: 15px;\n border-radius: var(--border-radius);\n margin-top: 20px;\n text-align: center;\n font-weight: bold;\n }\n\n .status-success {\n background-color: rgba(76, 175, 80, 0.1);\n color: var(--success-color);\n border: 1px solid #C8E6C9;\n }\n\n .status-warning {\n background-color: rgba(255, 152, 0, 0.1);\n color: var(--warning-color);\n border: 1px solid #FFE0B2;\n }\n\n .status-error {\n background-color: rgba(244, 67, 54, 0.1);\n color: var(--error-color);\n border: 1px solid #FFCDD2;\n }\n\n @media (max-width: 768px) {\n .container {\n padding: 15px;\n }\n \n .input-row {\n flex-direction: column;\n align-items: flex-start;\n }\n \n input[type=\"number\"], select {\n width: 100%;\n min-width: auto;\n }\n \n h1 {\n font-size: 1.6rem;\n }\n \n .result-grid {\n grid-template-columns: 1fr;\n }\n \n label {\n min-width: 100%;\n }\n \n button {\n padding: 15px 20px;\n font-size: 18px;\n }\n }\n\n @media (max-width: 480px) {\n .section-title {\n font-size: 1.1rem;\n }\n \n .result-item {\n flex-direction: column;\n align-items: flex-start;\n gap: 5px;\n }\n \n .result-value {\n align-self: flex-end;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <header>\n <h1><span class=\"gold-icon\">\ud83e\ude99<\/span> \u062d\u0627\u0633\u0628\u0629 \u0632\u0643\u0627\u0629 \u0627\u0644\u0630\u0647\u0628 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a\u0629<\/h1>\n <p class=\"subtitle\">\u0627\u062d\u0633\u0628 \u0632\u0643\u0627\u0629 \u0630\u0647\u0628\u0643 \u0628\u062f\u0642\u0629 \u0648\u0641\u0642\u0627\u064b \u0644\u0623\u062d\u0643\u0627\u0645 \u0627\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><span>\u2696\ufe0f<\/span> \u0623\u062d\u0643\u0627\u0645 \u0632\u0643\u0627\u0629 \u0627\u0644\u0630\u0647\u0628<\/h3>\n <p>\u062a\u062c\u0628 \u0627\u0644\u0632\u0643\u0627\u0629 \u0641\u064a \u0627\u0644\u0630\u0647\u0628 \u0625\u0630\u0627 \u0628\u0644\u063a \u0627\u0644\u0646\u0635\u0627\u0628 (85 \u062c\u0631\u0627\u0645\u0627\u064b \u0645\u0646 \u0627\u0644\u0630\u0647\u0628 \u0639\u064a\u0627\u0631 24) \u0648\u0643\u0627\u0646 \u062d\u0627\u0644\u0627\u064b \u0639\u0644\u064a\u0647 \u0627\u0644\u062d\u0648\u0644 (\u0645\u0631 \u0639\u0644\u064a\u0647 \u0633\u0646\u0629 \u0642\u0645\u0631\u064a\u0629). \u0627\u0644\u0630\u0647\u0628 \u0627\u0644\u0645\u0639\u062f \u0644\u0644\u0632\u064a\u0646\u0629 \u0648\u0627\u0644\u062d\u0644\u064a \u062a\u062c\u0628 \u0641\u064a\u0647 \u0627\u0644\u0632\u0643\u0627\u0629 \u0639\u0646\u062f \u0645\u0639\u0638\u0645 \u0627\u0644\u0639\u0644\u0645\u0627\u0621 \u0625\u0630\u0627 \u0628\u0644\u063a \u0627\u0644\u0646\u0635\u0627\u0628. \u0646\u0633\u0628\u0629 \u0627\u0644\u0632\u0643\u0627\u0629 \u0647\u064a 2.5% (\u0631\u0628\u0639 \u0627\u0644\u0639\u0634\u0631).<\/p>\n <\/div>\n\n <div class=\"calculator\">\n <div class=\"section-title\">\n <span>\ud83d\udcb0<\/span> \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0630\u0647\u0628 \u0627\u0644\u0645\u0645\u0644\u0648\u0643\n <\/div>\n \n <div id=\"goldEntries\">\n <!-- \u0633\u064a\u062a\u0645 \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0645\u062f\u062e\u0644\u0627\u062a \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0627\u064b \u0647\u0646\u0627 -->\n <div class=\"gold-entry\" data-id=\"1\">\n <div class=\"input-row\">\n <label for=\"goldWeight1\"><span>\u2696\ufe0f<\/span> \u0648\u0632\u0646 \u0627\u0644\u0630\u0647\u0628 (\u062c\u0631\u0627\u0645):<\/label>\n <input type=\"number\" id=\"goldWeight1\" min=\"0\" step=\"0.01\" placeholder=\"\u0623\u062f\u062e\u0644 \u0648\u0632\u0646 \u0627\u0644\u0630\u0647\u0628 \u0628\u0627\u0644\u062c\u0631\u0627\u0645\" class=\"gold-weight\">\n <\/div>\n <div class=\"input-row\">\n <label for=\"goldKarat1\"><span>\ud83c\udff7\ufe0f<\/span> \u0639\u064a\u0627\u0631 \u0627\u0644\u0630\u0647\u0628:<\/label>\n <select id=\"goldKarat1\" class=\"gold-karat\">\n <option value=\"24\">\u0639\u064a\u0627\u0631 24 (\u0630\u0647\u0628 \u062e\u0627\u0644\u0635)<\/option>\n <option value=\"22\">\u0639\u064a\u0627\u0631 22 (91.7% \u0630\u0647\u0628)<\/option>\n <option value=\"21\" selected>\u0639\u064a\u0627\u0631 21 (87.5% \u0630\u0647\u0628)<\/option>\n <option value=\"18\">\u0639\u064a\u0627\u0631 18 (75% \u0630\u0647\u0628)<\/option>\n <option value=\"14\">\u0639\u064a\u0627\u0631 14 (58.3% \u0630\u0647\u0628)<\/option>\n <\/select>\n <div class=\"karat-info\">\u0633\u064a\u062a\u0645 \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0648\u0632\u0646 \u0625\u0644\u0649 \u0639\u064a\u0627\u0631 24 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <button class=\"add-gold-btn\" id=\"addGoldBtn\">\n <span>+<\/span> \u0625\u0636\u0627\u0641\u0629 \u0646\u0648\u0639 \u0630\u0647\u0628 \u0622\u062e\u0631\n <\/button>\n\n <div class=\"section-title\">\n <span>\ud83d\udcca<\/span> \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629\n <\/div>\n \n <div class=\"input-group\">\n <div class=\"input-row\">\n <label for=\"goldPrice\"><span>\ud83d\udcc8<\/span> \u0633\u0639\u0631 \u062c\u0631\u0627\u0645 \u0627\u0644\u0630\u0647\u0628 \u0639\u064a\u0627\u0631 24 \u0627\u0644\u064a\u0648\u0645 (\u0628\u0627\u0644\u0631\u064a\u0627\u0644 \u0627\u0644\u0633\u0639\u0648\u062f\u064a):<\/label>\n <input type=\"number\" id=\"goldPrice\" min=\"0\" step=\"0.01\" placeholder=\"\u0623\u062f\u062e\u0644 \u0633\u0639\u0631 \u062c\u0631\u0627\u0645 \u0627\u0644\u0630\u0647\u0628 \u0639\u064a\u0627\u0631 24\" value=\"240\">\n <div class=\"karat-info\">\u0644\u062d\u0633\u0627\u0628 \u0642\u064a\u0645\u0629 \u0627\u0644\u0630\u0647\u0628 \u0648\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0646\u0635\u0627\u0628 \u0628\u0627\u0644\u0642\u064a\u0645\u0629<\/div>\n <\/div>\n \n <div class=\"input-row\">\n <label for=\"hasCompletedYear\"><span>\ud83d\udcc5<\/span> \u0647\u0644 \u062d\u0627\u0644 \u0639\u0644\u0649 \u0627\u0644\u0630\u0647\u0628 \u0627\u0644\u062d\u0648\u0644 (\u0633\u0646\u0629 \u0642\u0645\u0631\u064a\u0629)\u061f<\/label>\n <select id=\"hasCompletedYear\">\n <option value=\"yes\">\u0646\u0639\u0645\u060c \u062d\u0627\u0644 \u0639\u0644\u064a\u0647 \u0627\u0644\u062d\u0648\u0644<\/option>\n <option value=\"no\">\u0644\u0627\u060c \u0644\u0645 \u064a\u062d\u0644 \u0639\u0644\u064a\u0647 \u0627\u0644\u062d\u0648\u0644 \u0628\u0639\u062f<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <button id=\"calculateBtn\">\n <span>\ud83e\uddee<\/span> \u0627\u062d\u0633\u0628 \u0632\u0643\u0627\u0629 \u0627\u0644\u0630\u0647\u0628\n <\/button>\n <\/div>\n\n <div class=\"result\" id=\"resultContainer\">\n <h3><span>\ud83d\udccb<\/span> \u0646\u062a\u0627\u0626\u062c \u062d\u0633\u0627\u0628 \u0632\u0643\u0627\u0629 \u0627\u0644\u0630\u0647\u0628<\/h3>\n \n <div id=\"resultContent\">\n <!-- \u0633\u064a\u062a\u0645 \u0645\u0644\u0621 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0647\u0646\u0627 -->\n <\/div>\n \n <p class=\"disclaimer\">\n * \u0647\u0630\u0647 \u0627\u0644\u062d\u0627\u0633\u0628\u0629 \u0644\u062a\u0642\u0631\u064a\u0628 \u0632\u0643\u0627\u0629 \u0627\u0644\u0630\u0647\u0628 \u062d\u0633\u0628 \u0631\u0623\u064a \u062c\u0645\u0647\u0648\u0631 \u0627\u0644\u0639\u0644\u0645\u0627\u0621. \u0627\u0644\u0630\u0647\u0628 \u0627\u0644\u0645\u0639\u062f \u0644\u0644\u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u0627\u0644\u0634\u062e\u0635\u064a (\u0627\u0644\u062d\u0644\u064a) \u0627\u062e\u062a\u0644\u0641 \u0627\u0644\u0639\u0644\u0645\u0627\u0621 \u0641\u064a \u0648\u062c\u0648\u0628 \u0627\u0644\u0632\u0643\u0627\u0629 \u0641\u064a\u0647\u060c \u0648\u0627\u0644\u0623\u062d\u0648\u0637 \u0625\u062e\u0631\u0627\u062c \u0627\u0644\u0632\u0643\u0627\u0629 \u0625\u0630\u0627 \u0628\u0644\u063a \u0627\u0644\u0646\u0635\u0627\u0628.\n <br>* \u0627\u0644\u0646\u0635\u0627\u0628 \u0627\u0644\u0634\u0631\u0639\u064a \u0644\u0644\u0630\u0647\u0628 \u0647\u0648 85 \u062c\u0631\u0627\u0645\u0627\u064b \u0645\u0646 \u0627\u0644\u0630\u0647\u0628 \u0627\u0644\u062e\u0627\u0644\u0635 (\u0639\u064a\u0627\u0631 24).\n <br>* \u064a\u0648\u0635\u0649 \u0628\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0639\u0627\u0644\u0645 \u0634\u0631\u0639\u064a \u0644\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u062f\u0642\u0629 \u0627\u0644\u0632\u0643\u0627\u0629 \u0627\u0644\u0645\u0633\u062a\u062d\u0642\u0629 \u0641\u064a \u062d\u0627\u0644\u062a\u0643 \u0627\u0644\u062e\u0627\u0635\u0629.\n <\/p>\n <\/div>\n\n <footer>\n <p><span class=\"footer-highlight\">\u062d\u0627\u0633\u0628\u0629 \u0632\u0643\u0627\u0629 \u0627\u0644\u0630\u0647\u0628 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a\u0629<\/span> – \u062d\u0633\u0628 \u0627\u0644\u0634\u0631\u064a\u0639\u0629 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a\u0629<\/p>\n <p>\u062a\u064f\u0642\u062f\u0651\u0631 \u0627\u0644\u0646\u0635\u0627\u0628 \u0628\u0640 85 \u062c\u0631\u0627\u0645\u0627\u064b \u0645\u0646 \u0627\u0644\u0630\u0647\u0628 \u0639\u064a\u0627\u0631 24\u060c \u0648\u0646\u0633\u0628\u0629 \u0627\u0644\u0632\u0643\u0627\u0629 2.5% \u0645\u0646 \u0625\u062c\u0645\u0627\u0644\u064a \u0648\u0632\u0646 \u0627\u0644\u0630\u0647\u0628 \u0627\u0644\u062e\u0627\u0644\u0635<\/p>\n <p>\u00a9 2023 – \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629<\/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 const addGoldBtn = document.getElementById('addGoldBtn');\n const goldEntries = document.getElementById('goldEntries');\n \n let goldEntryCount = 1;\n \n \/\/ \u0639\u0648\u0627\u0645\u0644 \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0639\u064a\u0627\u0631 \u0625\u0644\u0649 \u0630\u0647\u0628 \u062e\u0627\u0644\u0635\n const karatPurity = {\n '24': 1.000, \/\/ 100%\n '22': 0.917, \/\/ 91.7%\n '21': 0.875, \/\/ 87.5%\n '18': 0.750, \/\/ 75%\n '14': 0.583 \/\/ 58.3%\n };\n \n \/\/ \u0625\u0636\u0627\u0641\u0629 \u0645\u062f\u062e\u0644 \u0630\u0647\u0628 \u062c\u062f\u064a\u062f\n addGoldBtn.addEventListener('click', function() {\n goldEntryCount++;\n \n const newEntry = document.createElement('div');\n newEntry.className = 'gold-entry';\n newEntry.setAttribute('data-id', goldEntryCount);\n \n newEntry.innerHTML = `\n <div class=\"input-row\">\n <label for=\"goldWeight${goldEntryCount}\"><span>\u2696\ufe0f<\/span> \u0648\u0632\u0646 \u0627\u0644\u0630\u0647\u0628 (\u062c\u0631\u0627\u0645):<\/label>\n <input type=\"number\" id=\"goldWeight${goldEntryCount}\" min=\"0\" step=\"0.01\" placeholder=\"\u0623\u062f\u062e\u0644 \u0648\u0632\u0646 \u0627\u0644\u0630\u0647\u0628 \u0628\u0627\u0644\u062c\u0631\u0627\u0645\" class=\"gold-weight\">\n <\/div>\n <div class=\"input-row\">\n <label for=\"goldKarat${goldEntryCount}\"><span>\ud83c\udff7\ufe0f<\/span> \u0639\u064a\u0627\u0631 \u0627\u0644\u0630\u0647\u0628:<\/label>\n <select id=\"goldKarat${goldEntryCount}\" class=\"gold-karat\">\n <option value=\"24\">\u0639\u064a\u0627\u0631 24 (\u0630\u0647\u0628 \u062e\u0627\u0644\u0635)<\/option>\n <option value=\"22\">\u0639\u064a\u0627\u0631 22 (91.7% \u0630\u0647\u0628)<\/option>\n <option value=\"21\" selected>\u0639\u064a\u0627\u0631 21 (87.5% \u0630\u0647\u0628)<\/option>\n <option value=\"18\">\u0639\u064a\u0627\u0631 18 (75% \u0630\u0647\u0628)<\/option>\n <option value=\"14\">\u0639\u064a\u0627\u0631 14 (58.3% \u0630\u0647\u0628)<\/option>\n <\/select>\n <div class=\"karat-info\">\u0633\u064a\u062a\u0645 \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0648\u0632\u0646 \u0625\u0644\u0649 \u0639\u064a\u0627\u0631 24 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b<\/div>\n <\/div>\n <button class=\"remove-gold-btn\" onclick=\"removeGoldEntry(${goldEntryCount})\">\n \u2715 \u062d\u0630\u0641 \u0647\u0630\u0627 \u0627\u0644\u0646\u0648\u0639\n <\/button>\n `;\n \n goldEntries.appendChild(newEntry);\n });\n \n \/\/ \u062f\u0627\u0644\u0629 \u062d\u0630\u0641 \u0645\u062f\u062e\u0644 \u0630\u0647\u0628 (\u064a\u062a\u0645 \u062a\u0639\u0631\u064a\u0641\u0647\u0627 \u0639\u0627\u0644\u0645\u064a\u0627\u064b \u0644\u0644\u0648\u0635\u0648\u0644 \u0645\u0646 onclick)\n window.removeGoldEntry = function(id) {\n const entry = document.querySelector(`.gold-entry[data-id=\"${id}\"]`);\n if (entry && goldEntryCount > 1) {\n entry.remove();\n \n \/\/ \u0625\u0639\u0627\u062f\u0629 \u062a\u0631\u0642\u064a\u0645 \u0627\u0644\u0645\u062f\u062e\u0644\u0627\u062a \u0627\u0644\u0645\u062a\u0628\u0642\u064a\u0629\n const remainingEntries = document.querySelectorAll('.gold-entry');\n goldEntryCount = 0;\n \n remainingEntries.forEach((entry, index) => {\n goldEntryCount++;\n entry.setAttribute('data-id', goldEntryCount);\n \n \/\/ \u062a\u062d\u062f\u064a\u062b IDs \u0644\u0644\u062d\u0642\u0648\u0644\n const weightInput = entry.querySelector('.gold-weight');\n const karatSelect = entry.querySelector('.gold-karat');\n const removeBtn = entry.querySelector('.remove-gold-btn');\n \n if (weightInput) {\n weightInput.id = `goldWeight${goldEntryCount}`;\n }\n \n if (karatSelect) {\n karatSelect.id = `goldKarat${goldEntryCount}`;\n }\n \n if (removeBtn) {\n removeBtn.setAttribute('onclick', `removeGoldEntry(${goldEntryCount})`);\n }\n });\n }\n };\n \n \/\/ \u062f\u0627\u0644\u0629 \u062d\u0633\u0627\u0628 \u0627\u0644\u0632\u0643\u0627\u0629\n calculateBtn.addEventListener('click', function() {\n \/\/ \u062c\u0645\u0639 \u0643\u0644 \u0623\u0648\u0632\u0627\u0646 \u0627\u0644\u0630\u0647\u0628 \u0648\u062a\u062d\u0648\u064a\u0644\u0647\u0627 \u0625\u0644\u0649 \u0639\u064a\u0627\u0631 24\n let totalPureGold = 0;\n let goldDetails = [];\n \n document.querySelectorAll('.gold-entry').forEach(entry => {\n const weightInput = entry.querySelector('.gold-weight');\n const karatSelect = entry.querySelector('.gold-karat');\n \n const weight = parseFloat(weightInput.value) || 0;\n const karat = karatSelect.value;\n const purity = karatPurity[karat];\n \n if (weight > 0) {\n const pureGold = weight * purity;\n totalPureGold += pureGold;\n \n goldDetails.push({\n weight: weight,\n karat: karat,\n pureGold: pureGold\n });\n }\n });\n \n \/\/ \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0642\u064a\u0645 \u0627\u0644\u0623\u062e\u0631\u0649\n const goldPrice = parseFloat(document.getElementById('goldPrice').value) || 240;\n const hasCompletedYear = document.getElementById('hasCompletedYear').value;\n \n \/\/ \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0635\u062d\u0629 \u0627\u0644\u0645\u062f\u062e\u0644\u0627\u062a\n if (totalPureGold <= 0) {\n alert('\u0627\u0644\u0631\u062c\u0627\u0621 \u0625\u062f\u062e\u0627\u0644 \u0648\u0632\u0646 \u0635\u062d\u064a\u062d \u0644\u0644\u0630\u0647\u0628');\n return;\n }\n \n if (!goldPrice || goldPrice <= 0) {\n alert('\u0627\u0644\u0631\u062c\u0627\u0621 \u0625\u062f\u062e\u0627\u0644 \u0633\u0639\u0631 \u0635\u062d\u064a\u062d \u0644\u0644\u0630\u0647\u0628');\n return;\n }\n \n \/\/ \u062d\u0633\u0627\u0628 \u0627\u0644\u0646\u0635\u0627\u0628 (85 \u062c\u0631\u0627\u0645 \u0630\u0647\u0628 \u0639\u064a\u0627\u0631 24)\n const nisab = 85; \/\/ \u062c\u0631\u0627\u0645\n \n \/\/ \u062d\u0633\u0627\u0628 \u0642\u064a\u0645\u0629 \u0627\u0644\u0630\u0647\u0628\n const goldValue = totalPureGold * goldPrice;\n const nisabValue = nisab * goldPrice;\n \n \/\/ \u062d\u0633\u0627\u0628 \u0627\u0644\u0632\u0643\u0627\u0629\n let zakatAmount = 0;\n let zakatWeight = 0;\n let isZakatDue = false;\n let isYearComplete = (hasCompletedYear === 'yes');\n \n if (totalPureGold >= nisab && isYearComplete) {\n isZakatDue = true;\n zakatWeight = totalPureGold * 0.025; \/\/ 2.5%\n zakatAmount = zakatWeight * goldPrice;\n }\n \n \/\/ \u0639\u0631\u0636 \u0627\u0644\u0646\u062a\u0627\u0626\u062c\n let resultHTML = '';\n \n if (isZakatDue) {\n resultHTML = `\n <div class=\"result-grid\">\n <div class=\"result-item\">\n <span class=\"result-label\"><span>\u2696\ufe0f<\/span> \u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0630\u0647\u0628 \u0627\u0644\u062e\u0627\u0644\u0635 (\u0639\u064a\u0627\u0631 24):<\/span>\n <span class=\"result-value\">${totalPureGold.toFixed(2)} \u062c\u0631\u0627\u0645<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\"><span>\ud83d\udcca<\/span> \u0627\u0644\u0646\u0635\u0627\u0628 \u0627\u0644\u0634\u0631\u0639\u064a (85 \u062c\u0631\u0627\u0645):<\/span>\n <span class=\"result-value\">${nisab.toFixed(2)} \u062c\u0631\u0627\u0645<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\"><span>\ud83d\udcb0<\/span> \u0642\u064a\u0645\u0629 \u0627\u0644\u0630\u0647\u0628:<\/span>\n <span class=\"result-value\">${goldValue.toFixed(2)} \u0631\u064a\u0627\u0644<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\"><span>\ud83d\udcc5<\/span> \u062d\u0627\u0644 \u0639\u0644\u064a\u0647 \u0627\u0644\u062d\u0648\u0644:<\/span>\n <span class=\"result-value\"><span class=\"success-badge\">\u2713 \u0646\u0639\u0645<\/span><\/span>\n <\/div>\n <\/div>\n \n <div class=\"final-result\">\n <div class=\"result-item\">\n <span class=\"result-label\"><span>\ud83e\ude99<\/span> \u0632\u0643\u0627\u0629 \u0627\u0644\u0630\u0647\u0628 \u0627\u0644\u0645\u0633\u062a\u062d\u0642\u0629:<\/span>\n <span class=\"result-value\">${zakatWeight.toFixed(3)} \u062c\u0631\u0627\u0645<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\"><span>\ud83d\udcb5<\/span> \u0642\u064a\u0645\u0629 \u0627\u0644\u0632\u0643\u0627\u0629 \u0646\u0642\u062f\u0627\u064b:<\/span>\n <span class=\"result-value\">${zakatAmount.toFixed(2)} \u0631\u064a\u0627\u0644<\/span>\n <\/div>\n <\/div>\n \n <div class=\"status-box status-success\">\n <span>\u2705<\/span> \u062a\u062c\u0628 \u0627\u0644\u0632\u0643\u0627\u0629 \u0644\u0623\u0646 \u0627\u0644\u0630\u0647\u0628 \u0628\u0644\u063a \u0627\u0644\u0646\u0635\u0627\u0628 (${totalPureGold.toFixed(2)} \u062c\u0631\u0627\u0645) \u0648\u062d\u0627\u0644 \u0639\u0644\u064a\u0647 \u0627\u0644\u062d\u0648\u0644\n <\/div>\n `;\n } else {\n let reason = '';\n let statusClass = 'status-warning';\n \n if (!isYearComplete) {\n reason = `\u0644\u0645 \u064a\u062d\u0644 \u0639\u0644\u064a\u0647 \u0627\u0644\u062d\u0648\u0644 \u0628\u0639\u062f`;\n statusClass = 'status-warning';\n } else if (totalPureGold < nisab) {\n reason = `\u0627\u0644\u0630\u0647\u0628 \u0623\u0642\u0644 \u0645\u0646 \u0627\u0644\u0646\u0635\u0627\u0628 (${totalPureGold.toFixed(2)} \u062c\u0631\u0627\u0645 < ${nisab} \u062c\u0631\u0627\u0645)`;\n statusClass = 'status-error';\n }\n \n resultHTML = `\n <div class=\"result-grid\">\n <div class=\"result-item\">\n <span class=\"result-label\"><span>\u2696\ufe0f<\/span> \u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0630\u0647\u0628 \u0627\u0644\u062e\u0627\u0644\u0635 (\u0639\u064a\u0627\u0631 24):<\/span>\n <span class=\"result-value\">${totalPureGold.toFixed(2)} \u062c\u0631\u0627\u0645<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\"><span>\ud83d\udcca<\/span> \u0627\u0644\u0646\u0635\u0627\u0628 \u0627\u0644\u0634\u0631\u0639\u064a (85 \u062c\u0631\u0627\u0645):<\/span>\n <span class=\"result-value\">${nisab.toFixed(2)} \u062c\u0631\u0627\u0645<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\"><span>\ud83d\udcb0<\/span> \u0642\u064a\u0645\u0629 \u0627\u0644\u0630\u0647\u0628:<\/span>\n <span class=\"result-value\">${goldValue.toFixed(2)} \u0631\u064a\u0627\u0644<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\"><span>\ud83d\udcc5<\/span> \u062d\u0627\u0644 \u0639\u0644\u064a\u0647 \u0627\u0644\u062d\u0648\u0644:<\/span>\n <span class=\"result-value\">${isYearComplete ? '<span class=\"success-badge\">\u2713 \u0646\u0639\u0645<\/span>' : '<span class=\"warning-badge\">\u2717 \u0644\u0627<\/span>'}<\/span>\n <\/div>\n <\/div>\n \n <div class=\"final-result\" style=\"background: linear-gradient(to right, ${statusClass === 'status-error' ? '#F44336, #E91E63' : '#FF9800, #FF5722'});\">\n <div class=\"result-item\">\n <span class=\"result-label\"><span>\u274c<\/span> \u062d\u0627\u0644\u0629 \u0627\u0644\u0632\u0643\u0627\u0629:<\/span>\n <span class=\"result-value\">\u0644\u0627 \u062a\u062c\u0628 \u0627\u0644\u0632\u0643\u0627\u0629<\/span>\n <\/div>\n <\/div>\n \n <div class=\"status-box ${statusClass}\">\n <span>\u2139\ufe0f<\/span> ${reason}\n <\/div>\n \n ${totalPureGold < nisab ? `\n <div style=\"margin-top: 15px; padding: 15px; background-color: #FFF3E0; border-radius: var(--border-radius); border: 1px solid #FFB74D; text-align: center;\">\n <strong>\u0644\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u0646\u0635\u0627\u0628 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649:<\/strong> \n <div style=\"font-size: 1.2rem; color: #FF9800; font-weight: bold; margin-top: 5px;\">\n ${(nisab - totalPureGold).toFixed(2)} \u062c\u0631\u0627\u0645 \u0630\u0647\u0628 \u0639\u064a\u0627\u0631 24 \u0625\u0636\u0627\u0641\u064a\n <\/div>\n <\/div>\n ` : ''}\n `;\n }\n \n \/\/ \u0625\u0636\u0627\u0641\u0629 \u062a\u0641\u0627\u0635\u064a\u0644 \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0630\u0647\u0628\n if (goldDetails.length > 0) {\n let detailsHTML = '<div style=\"margin-top: 20px; padding: 15px; background-color: white; border-radius: var(--border-radius); border: 1px solid #90CAF9;\"><h4 style=\"color: var(--primary-dark); margin-bottom: 10px; text-align: center;\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0630\u0647\u0628 \u0627\u0644\u0645\u062f\u062e\u0644<\/h4>';\n \n goldDetails.forEach((detail, index) => {\n detailsHTML += `\n <div style=\"display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #E3F2FD;\">\n <span style=\"color: #455A64;\">\u0627\u0644\u0646\u0648\u0639 ${index+1}: ${detail.weight.toFixed(2)} \u062c\u0631\u0627\u0645 \u0639\u064a\u0627\u0631 ${detail.karat}<\/span>\n <span style=\"color: var(--primary-dark); font-weight: bold;\">${detail.pureGold.toFixed(2)} \u062c\u0631\u0627\u0645 (\u0639\u064a\u0627\u0631 24)<\/span>\n <\/div>\n `;\n });\n \n detailsHTML += '<\/div>';\n resultHTML += detailsHTML;\n }\n \n resultContent.innerHTML = resultHTML;\n resultContainer.classList.add('active');\n \n \/\/ \u0627\u0644\u062a\u0645\u0631\u064a\u0631 \u0625\u0644\u0649 \u0627\u0644\u0646\u062a\u0627\u0626\u062c\n resultContainer.scrollIntoView({ behavior: 'smooth' });\n });\n \n \/\/ \u062a\u0645\u0643\u064a\u0646 \u0625\u062f\u062e\u0627\u0644 \u0632\u0631 \u0627\u0644\u0625\u062f\u062e\u0627\u0644 \u0644\u062d\u0633\u0627\u0628 \u0627\u0644\u0632\u0643\u0627\u0629\n const inputs = document.querySelectorAll('input[type=\"number\"], select');\n inputs.forEach(input => {\n input.addEventListener('keypress', function(e) {\n if (e.key === 'Enter') {\n calculateBtn.click();\n }\n });\n });\n \n \/\/ \u062a\u0639\u064a\u064a\u0646 \u0642\u064a\u0645\u0629 \u0633\u0639\u0631 \u0627\u0644\u0630\u0647\u0628 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u062a\u062d\u062f\u064a\u062b \u0628\u0633\u064a\u0637\n async function updateGoldPrice() {\n try {\n \/\/ \u064a\u0645\u0643\u0646 \u0625\u0636\u0627\u0641\u0629 API \u062d\u0642\u064a\u0642\u064a \u0647\u0646\u0627 \u0644\u0633\u0639\u0631 \u0627\u0644\u0630\u0647\u0628\n const defaultPrice = 240; \/\/ \u0633\u0639\u0631 \u0627\u0641\u062a\u0631\u0627\u0636\u064a\n document.getElementById('goldPrice').value = defaultPrice;\n } catch (error) {\n console.log('\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0633\u0639\u0631 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a \u0644\u0644\u0630\u0647\u0628');\n }\n }\n \n \/\/ \u062a\u062d\u062f\u064a\u062b \u0633\u0639\u0631 \u0627\u0644\u0630\u0647\u0628 \u0639\u0646\u062f \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629\n updateGoldPrice();\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u062d\u0627\u0633\u0628\u0629 \u0632\u0643\u0627\u0629 \u0627\u0644\u0630\u0647\u0628 – \u062d\u0633\u0628 \u0627\u0644\u0634\u0631\u064a\u0639\u0629 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a\u0629 \ud83e\ude99 \u062d\u0627\u0633\u0628\u0629 \u0632\u0643\u0627\u0629 \u0627\u0644\u0630\u0647\u0628 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a\u0629 \u0627\u062d\u0633\u0628 \u0632\u0643\u0627\u0629 \u0630\u0647\u0628\u0643 \u0628\u062f\u0642\u0629 \u0648\u0641\u0642\u0627\u064b \u0644\u0623\u062d\u0643\u0627\u0645 \u0627\u0644\u0634\u0631\u064a\u0639\u0629 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a\u0629 \u2696\ufe0f \u0623\u062d\u0643\u0627\u0645 \u0632\u0643\u0627\u0629 \u0627\u0644\u0630\u0647\u0628 \u062a\u062c\u0628 \u0627\u0644\u0632\u0643\u0627\u0629 \u0641\u064a \u0627\u0644\u0630\u0647\u0628 \u0625\u0630\u0627 \u0628\u0644\u063a \u0627\u0644\u0646\u0635\u0627\u0628 (85 \u062c\u0631\u0627\u0645\u0627\u064b \u0645\u0646 \u0627\u0644\u0630\u0647\u0628 \u0639\u064a\u0627\u0631 24) \u0648\u0643\u0627\u0646 \u062d\u0627\u0644\u0627\u064b \u0639\u0644\u064a\u0647 \u0627\u0644\u062d\u0648\u0644 (\u0645\u0631 \u0639\u0644\u064a\u0647 \u0633\u0646\u0629 \u0642\u0645\u0631\u064a\u0629). \u0627\u0644\u0630\u0647\u0628 \u0627\u0644\u0645\u0639\u062f \u0644\u0644\u0632\u064a\u0646\u0629 \u0648\u0627\u0644\u062d\u0644\u064a \u062a\u062c\u0628 \u0641\u064a\u0647 \u0627\u0644\u0632\u0643\u0627\u0629 \u0639\u0646\u062f \u0645\u0639\u0638\u0645 \u0627\u0644\u0639\u0644\u0645\u0627\u0621 […]<\/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-50","post","type-post","status-publish","format-standard","hentry","category-1"],"_links":{"self":[{"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/posts\/50","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=50"}],"version-history":[{"count":2,"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/posts\/50\/revisions"}],"predecessor-version":[{"id":52,"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/posts\/50\/revisions\/52"}],"wp:attachment":[{"href":"https:\/\/hasabah.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=50"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hasabah.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=50"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hasabah.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}