\u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 ATLAS | \u06af\u0631\u0648\u0647 \u062a\u062c\u0644\u06cc<\/title>\n <style>\n * { margin: 0; padding: 0; box-sizing: border-box; }\n body {\n font-family: system-ui, 'Tahoma', sans-serif;\n background: linear-gradient(135deg, #f0f9ff 0%, #e6f0fa 100%);\n color: #1e293b;\n line-height: 1.5;\n }\n .calc-container {\n max-width: 1100px;\n margin: 0 auto;\n padding: 20px 20px 40px;\n }\n h1 {\n font-size: 1.8rem;\n text-align: center;\n background: linear-gradient(135deg, #0c4a6e, #1e40af, #3b82f6);\n background-clip: text;\n -webkit-background-clip: text;\n color: transparent;\n margin-bottom: 10px;\n }\n .sub {\n text-align: center;\n color: #475569;\n margin-bottom: 30px;\n }\n .section-card {\n background: white;\n border-radius: 28px;\n padding: 20px 25px;\n margin-bottom: 30px;\n border: 1px solid #e2e8f0;\n }\n .section-title {\n font-size: 1.3rem;\n margin-bottom: 20px;\n display: flex;\n align-items: center;\n gap: 10px;\n border-right: 4px solid #3b82f6;\n padding-right: 15px;\n }\n .options-group {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n margin: 15px 0;\n }\n .option-item {\n flex: 1;\n min-width: 180px;\n background: #f8fafc;\n border-radius: 20px;\n padding: 15px;\n cursor: pointer;\n border: 2px solid transparent;\n transition: all 0.2s;\n }\n .option-item.selected {\n border-color: #3b82f6;\n background: #eff6ff;\n transform: scale(1.02);\n }\n .option-item h4 {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 8px;\n }\n .price-tag {\n font-weight: 700;\n color: #1e40af;\n margin-top: 10px;\n font-size: 0.85rem;\n }\n input, select {\n width: 100%;\n padding: 12px 16px;\n border: 1px solid #cbd5e1;\n border-radius: 60px;\n font-family: inherit;\n background: #fff;\n }\n .checkbox-group {\n display: flex;\n flex-wrap: wrap;\n gap: 14px;\n margin-top: 15px;\n }\n .checkbox-label {\n background: #f1f5f9;\n border-radius: 60px;\n padding: 8px 22px;\n display: inline-flex;\n align-items: center;\n gap: 10px;\n cursor: pointer;\n transition: all 0.2s;\n border: 1px solid #cbd5e1;\n font-weight: 500;\n font-size: 0.9rem;\n }\n .checkbox-label.selected {\n background: #3b82f6;\n color: white;\n border-color: #3b82f6;\n box-shadow: 0 4px 10px rgba(59,130,246,0.3);\n }\n .checkbox-label input { display: none; }\n .btn-primary {\n background: linear-gradient(105deg, #2563eb, #1d4ed8);\n color: white;\n padding: 14px 28px;\n border-radius: 40px;\n border: none;\n font-weight: 600;\n cursor: pointer;\n width: 100%;\n font-size: 1rem;\n transition: transform 0.1s;\n }\n .btn-primary:hover { transform: translateY(-2px); }\n .row-2col {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n margin: 20px 0;\n }\n \/* \u0628\u0627\u06a9\u0633 \u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc \u067e\u0627\u06cc\u06cc\u0646 \u0635\u0641\u062d\u0647 *\/\n .summary-box {\n background: linear-gradient(105deg, #1e293b, #0f172a);\n color: white;\n border-radius: 32px;\n padding: 20px 25px;\n margin: 30px 0 20px;\n text-align: center;\n }\n .summary-box .total-label {\n font-size: 0.9rem;\n opacity: 0.8;\n }\n .summary-box .total-amount {\n font-size: 2rem;\n font-weight: 800;\n margin: 8px 0;\n }\n .summary-box .tax-note {\n font-size: 0.75rem;\n opacity: 0.7;\n }\n footer {\n text-align: center;\n margin-top: 20px;\n padding: 20px;\n border-top: 1px solid #cbd5e1;\n color: #64748b;\n }\n .toast-msg {\n position: fixed;\n bottom: 20px;\n left: 20px;\n background: #22c55e;\n color: white;\n padding: 12px 24px;\n border-radius: 50px;\n z-index: 9999;\n animation: fadein 0.3s;\n }\n @keyframes fadein {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @media (max-width: 700px) {\n .row-2col { grid-template-columns: 1fr; gap: 12px; }\n .options-group { flex-direction: column; }\n .checkbox-group { gap: 10px; }\n .checkbox-label { padding: 6px 16px; font-size: 0.8rem; }\n .section-card { padding: 16px; }\n .summary-box .total-amount { font-size: 1.5rem; }\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"calc-container\">\n <h1>\ud83e\uddee \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0647\u0648\u0634\u0645\u0646\u062f ATLAS<\/h1>\n <p class=\"sub\">\u0646\u06cc\u0627\u0632\u0647\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u06af\u0627\u0645 \u0628\u0647 \u06af\u0627\u0645 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f \u2013 \u0647\u0632\u06cc\u0646\u0647 \u0646\u0647\u0627\u06cc\u06cc \u0628\u0627 \u0645\u0627\u0644\u06cc\u0627\u062a \u0645\u062d\u0627\u0633\u0628\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f<\/p>\n\n <form id=\"orderForm\">\n \n <div class=\"section-card\">\n <div class=\"section-title\">\ud83c\udfe2 \u06f1. \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631 \u0634\u0645\u0627<\/div>\n <div class=\"row-2col\">\n <input type=\"text\" id=\"fullname\" placeholder=\"\u0646\u0627\u0645 \u0648 \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc\" required>\n <input type=\"text\" id=\"company\" placeholder=\"\u0646\u0627\u0645 \u0633\u0627\u0632\u0645\u0627\u0646\/\u0634\u0631\u06a9\u062a\" required>\n <input type=\"tel\" id=\"mobile\" placeholder=\"\u0634\u0645\u0627\u0631\u0647 \u062a\u0645\u0627\u0633\" required>\n <select id=\"businessType\">\n <option value=\"\u06a9\u0627\u0631\u062e\u0627\u0646\u0647\">\ud83c\udfed \u06a9\u0627\u0631\u062e\u0627\u0646\u0647 \/ \u0635\u0646\u0639\u062a<\/option>\n <option value=\"\u0628\u06cc\u0645\u0627\u0631\u0633\u062a\u0627\u0646\">\ud83c\udfe5 \u0628\u06cc\u0645\u0627\u0631\u0633\u062a\u0627\u0646 \/ \u06a9\u0644\u06cc\u0646\u06cc\u06a9<\/option>\n <option value=\"\u0647\u062a\u0644\">\ud83c\udfe8 \u0647\u062a\u0644 \/ \u0645\u062c\u062a\u0645\u0639 \u062a\u062c\u0627\u0631\u06cc<\/option>\n <option value=\"\u0627\u062f\u0627\u0631\u0647\">\ud83c\udfe2 \u0627\u062f\u0627\u0631\u0647 \/ \u0633\u0627\u0632\u0645\u0627\u0646<\/option>\n <option value=\"\u0645\u062f\u0631\u0633\u0647\">\ud83c\udfeb \u0645\u062f\u0631\u0633\u0647 \/ \u062f\u0627\u0646\u0634\u06af\u0627\u0647<\/option>\n <option value=\"\u0633\u0627\u062e\u062a\u0645\u0627\u0646 \u0647\u0648\u0634\u0645\u0646\u062f\">\ud83c\udfd9\ufe0f \u0633\u0627\u062e\u062a\u0645\u0627\u0646 \u0647\u0648\u0634\u0645\u0646\u062f \/ \u0628\u0631\u062c<\/option>\n <option value=\"\u0633\u0627\u06cc\u0631\">\ud83d\udccc \u0633\u0627\u06cc\u0631<\/option>\n <\/select>\n <div>\n <label style=\"display:block; margin-bottom:6px;\">\ud83d\udcca \u062a\u0639\u062f\u0627\u062f \u062a\u0642\u0631\u06cc\u0628\u06cc \u0646\u0642\u0627\u0637 \u062f\u0627\u062f\u0647 (\u062a\u06af)<\/label>\n <input type=\"number\" id=\"tagCount\" placeholder=\"\u0645\u062b\u0644\u0627\u064b \u06f1\u06f0\u06f0\" value=\"100\">\n <div style=\"font-size:0.7rem; color:#64748b;\">\u0647\u0631 \u062a\u06af = \u06cc\u06a9 \u0645\u062a\u063a\u06cc\u0631 \u0645\u0627\u0646\u0646\u062f \u062f\u0645\u0627\u060c \u0641\u0634\u0627\u0631\u060c \u0648\u0636\u0639\u06cc\u062a \u0645\u0648\u062a\u0648\u0631<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section-card\">\n <div class=\"section-title\">\u2601\ufe0f \u06f2. \u067e\u06a9\u06cc\u062c \u0633\u0631\u0648\u06cc\u0633 \u0627\u0628\u0631\u06cc (\u0645\u0627\u0647\u0627\u0646\u0647)<\/div>\n <div class=\"options-group\" id=\"cloudGroup\">\n <div data-price=\"2500000\" class=\"option-item\"><h4>\ud83e\udd48 \u0646\u0642\u0631\u0647\u200c\u0627\u06cc<\/h4><div>\u06f2,\u06f5\u06f0\u06f0,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646\/\u0645\u0627\u0647<\/div><div class=\"price-tag\">\u0645\u0646\u0627\u0633\u0628 \u062a\u0627 \u06f5\u06f0\u06f0 \u062a\u06af<\/div><\/div>\n <div data-price=\"4200000\" class=\"option-item\"><h4>\ud83c\udfc6 \u0637\u0644\u0627\u06cc\u06cc<\/h4><div>\u06f4,\u06f2\u06f0\u06f0,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646\/\u0645\u0627\u0647<\/div><div class=\"price-tag\">\u0645\u0646\u0627\u0633\u0628 \u062a\u0627 \u06f2,\u06f0\u06f0\u06f0 \u062a\u06af<\/div><\/div>\n <div data-price=\"7500000\" class=\"option-item\"><h4>\ud83d\udc8e \u0627\u0644\u0645\u0627\u0633<\/h4><div>\u06f7,\u06f5\u06f0\u06f0,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646\/\u0645\u0627\u0647<\/div><div class=\"price-tag\">\u06f1\u06f0,\u06f0\u06f0\u06f0 \u062a\u06af \u0648 \u0628\u06cc\u0634\u062a\u0631<\/div><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section-card\">\n <div class=\"section-title\">\ud83d\udda5\ufe0f \u06f3. \u067e\u06a9\u06cc\u062c \u0633\u062e\u062a\u200c\u0627\u0641\u0632\u0627\u0631\u06cc (\u06cc\u06a9\u0628\u0627\u0631)<\/div>\n <div class=\"options-group\" id=\"hardwareGroup\">\n <div data-price=\"10000000\" class=\"option-item\"><h4>\ud83e\udd48 \u0646\u0642\u0631\u0647\u200c\u0627\u06cc<\/h4><div>\u06f1\u06f0 \u0645\u06cc\u0644\u06cc\u0648\u0646 \u062a\u0648\u0645\u0627\u0646<\/div><div class=\"price-tag\">\u0645\u0646\u0627\u0633\u0628 \u06a9\u0627\u0631\u06af\u0627\u0647\u060c \u0645\u0637\u0628<\/div><\/div>\n <div data-price=\"25000000\" class=\"option-item\"><h4>\ud83c\udfc6 \u0637\u0644\u0627\u06cc\u06cc<\/h4><div>\u06f2\u06f5 \u0645\u06cc\u0644\u06cc\u0648\u0646 \u062a\u0648\u0645\u0627\u0646<\/div><div class=\"price-tag\">\u0645\u0646\u0627\u0633\u0628 \u06a9\u0627\u0631\u062e\u0627\u0646\u0647 \u0645\u062a\u0648\u0633\u0637<\/div><\/div>\n <div data-price=\"55000000\" class=\"option-item\"><h4>\ud83d\udc8e \u0627\u0644\u0645\u0627\u0633<\/h4><div>\u06f5\u06f5 \u0645\u06cc\u0644\u06cc\u0648\u0646 \u062a\u0648\u0645\u0627\u0646<\/div><div class=\"price-tag\">\u0645\u0646\u0627\u0633\u0628 \u0645\u062c\u062a\u0645\u0639 \u0628\u0632\u0631\u06af<\/div><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section-card\">\n <div class=\"section-title\">\ud83e\udde9 \u06f4. \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc (\u06cc\u06a9\u0628\u0627\u0631)<\/div>\n <div class=\"checkbox-group\" id=\"modulesGroup\">\n <label class=\"checkbox-label\" data-price=\"12000000\"><input type=\"checkbox\" value=\"12000000\"> \ud83d\uddfa\ufe0f \u0646\u0645\u0627\u06cc \u06a9\u0644\u06cc (\u06f1\u06f2M)<\/label>\n <label class=\"checkbox-label\" data-price=\"18000000\"><input type=\"checkbox\" value=\"18000000\"> \ud83d\udcc8 \u0646\u0645\u0627\u06cc \u062a\u062d\u0644\u06cc\u0644\u06cc (\u06f1\u06f8M)<\/label>\n <label class=\"checkbox-label\" data-price=\"9000000\"><input type=\"checkbox\" value=\"9000000\"> \ud83d\udd14 \u0646\u0645\u0627\u06cc \u0641\u0631\u0645\u0627\u0646 (\u06f9M)<\/label>\n <label class=\"checkbox-label\" data-price=\"25000000\"><input type=\"checkbox\" value=\"25000000\"> \ud83c\udfae \u0646\u0645\u0627\u06cc \u06a9\u0646\u062a\u0631\u0644 (\u06f2\u06f5M)<\/label>\n <label class=\"checkbox-label\" data-price=\"15000000\"><input type=\"checkbox\" value=\"15000000\"> \ud83d\udce6 \u0646\u0645\u0627\u06cc \u062f\u0627\u0631\u0627\u06cc\u06cc (\u06f1\u06f5M)<\/label>\n <label class=\"checkbox-label\" data-price=\"22000000\"><input type=\"checkbox\" value=\"22000000\"> \ud83d\udcda \u0646\u0645\u0627\u06cc \u0622\u0645\u0648\u0632\u0634 (\u06f2\u06f2M)<\/label>\n <label class=\"checkbox-label\" data-price=\"13000000\"><input type=\"checkbox\" value=\"13000000\"> \ud83d\ude9a \u0646\u0645\u0627\u06cc \u0644\u062c\u0633\u062a\u06cc\u06a9 (\u06f1\u06f3M)<\/label>\n <label class=\"checkbox-label\" data-price=\"11000000\"><input type=\"checkbox\" value=\"11000000\"> \ud83d\udee1\ufe0f \u0646\u0645\u0627\u06cc \u0627\u0645\u0646\u06cc\u062a\u06cc (\u06f1\u06f1M)<\/label>\n <label class=\"checkbox-label\" data-price=\"20000000\"><input type=\"checkbox\" value=\"20000000\"> \ud83d\udc41\ufe0f \u0646\u0645\u0627\u06cc \u062a\u0644\u067e\u0648\u0631\u062a (\u06f2\u06f0M)<\/label>\n <label class=\"checkbox-label\" data-price=\"120000000\"><input type=\"checkbox\" value=\"120000000\"> \ud83d\udda5\ufe0f \u0627\u062a\u0627\u0642 \u0641\u0631\u0645\u0627\u0646 (\u06f1\u06f2\u06f0M)<\/label>\n <\/div>\n <\/div>\n\n \n <div class=\"section-card\">\n <div class=\"section-title\">\ud83d\udee1\ufe0f \u06f5. \u0633\u0637\u062d \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc (\u0633\u0627\u0644\u0627\u0646\u0647)<\/div>\n <div class=\"options-group\" id=\"supportGroup\">\n <div data-price=\"0\" class=\"option-item\"><h4>\ud83d\udce7 \u0628\u0631\u0646\u0632\u06cc<\/h4><div>\u0631\u0627\u06cc\u06af\u0627\u0646<\/div><div class=\"price-tag\">\u0627\u06cc\u0645\u06cc\u0644 + \u062a\u06cc\u06a9\u062a<\/div><\/div>\n <div data-price=\"10000000\" class=\"option-item\"><h4>\ud83e\udd48 \u0646\u0642\u0631\u0647\u200c\u0627\u06cc<\/h4><div>\u06f1\u06f0 \u0645\u06cc\u0644\u06cc\u0648\u0646 \u062a\u0648\u0645\u0627\u0646\/\u0633\u0627\u0644<\/div><div class=\"price-tag\">\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u062a\u0644\u0641\u0646\u06cc \u06f8 \u0633\u0627\u0639\u062a\u0647<\/div><\/div>\n <div data-price=\"20000000\" class=\"option-item\"><h4>\ud83c\udfc6 \u0637\u0644\u0627\u06cc\u06cc<\/h4><div>\u06f2\u06f0 \u0645\u06cc\u0644\u06cc\u0648\u0646 \u062a\u0648\u0645\u0627\u0646\/\u0633\u0627\u0644<\/div><div class=\"price-tag\">\u06f2\u06f4\/\u06f7 + \u0627\u0648\u0644\u0648\u06cc\u062a<\/div><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section-card\">\n <div class=\"section-title\">\ud83c\udf93 \u06f6. \u0622\u0645\u0648\u0632\u0634 \u062a\u06cc\u0645 \u0641\u0646\u06cc (\u0627\u062e\u062a\u06cc\u0627\u0631\u06cc)<\/div>\n <div class=\"options-group\" id=\"trainingGroup\">\n <div data-price=\"0\" class=\"option-item\"><h4>\u274c \u0628\u062f\u0648\u0646 \u0622\u0645\u0648\u0632\u0634<\/h4><div>\u0647\u0632\u06cc\u0646\u0647 \u0627\u0636\u0627\u0641\u0647 \u0646\u062f\u0627\u0631\u062f<\/div><\/div>\n <div data-price=\"20000000\" class=\"option-item\"><h4>\ud83d\udcd8 \u0622\u0645\u0648\u0632\u0634 \u062f\u0648 \u0631\u0648\u0632\u0647<\/h4><div>\u06f2\u06f0 \u0645\u06cc\u0644\u06cc\u0648\u0646 \u062a\u0648\u0645\u0627\u0646 (\u06cc\u06a9\u0628\u0627\u0631)<\/div><div class=\"price-tag\">\u062d\u0636\u0648\u0631\u06cc \u06cc\u0627 \u0622\u0646\u0644\u0627\u06cc\u0646<\/div><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"summary-box\" id=\"summaryBox\">\n <div class=\"total-label\">\ud83d\udcb0 \u0647\u0632\u06cc\u0646\u0647 \u062a\u0642\u0631\u06cc\u0628\u06cc \u067e\u0631\u0648\u0698\u0647 (\u0642\u0628\u0644 \u0627\u0632 \u0645\u0627\u0644\u06cc\u0627\u062a)<\/div>\n <div class=\"total-amount\" id=\"totalAmount\">\u06f0 \u062a\u0648\u0645\u0627\u0646<\/div>\n <div class=\"tax-note\">\ud83e\uddfe + \u06f9\u066a \u0645\u0627\u0644\u06cc\u0627\u062a \u0627\u0631\u0632\u0634 \u0627\u0641\u0632\u0648\u062f\u0647 \u062f\u0631 \u0641\u0627\u06a9\u062a\u0648\u0631 \u0646\u0647\u0627\u06cc\u06cc \u0627\u0639\u0645\u0627\u0644 \u062e\u0648\u0627\u0647\u062f \u0634\u062f.<\/div>\n <div class=\"tax-note\" style=\"margin-top: 6px;\">\ud83d\ude97 \u0647\u0632\u06cc\u0646\u0647 \u0627\u06cc\u0627\u0628\u200c\u0630\u0647\u0627\u0628 \u0628\u0647 \u0639\u0647\u062f\u0647 \u0645\u0634\u062a\u0631\u06cc \u0645\u062d\u062a\u0631\u0645 \u0645\u06cc\u200c\u0628\u0627\u0634\u062f.<\/div>\n <\/div>\n\n <button type=\"submit\" class=\"btn-primary\">\ud83d\udccb \u062b\u0628\u062a \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0648 \u0645\u062d\u0627\u0633\u0628\u0647 \u0646\u0647\u0627\u06cc\u06cc<\/button>\n <\/form>\n\n <footer>\n <div>\ud83d\udcde \u06f0\u06f9\u06f9\u06f0\u06f1\u06f3\u06f7\u06f7\u06f6\u06f0\u06f0 | info@tajalligroup.ir | \u06af\u0631\u0648\u0647 \u062a\u062c\u0644\u06cc<\/div>\n <div>\u067e\u0633 \u0627\u0632 \u062b\u0628\u062a\u060c \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u0645\u0627 \u0638\u0631\u0641 \u06f2\u06f4 \u0633\u0627\u0639\u062a \u0628\u0627 \u0634\u0645\u0627 \u062a\u0645\u0627\u0633 \u0645\u06cc\u200c\u06af\u06cc\u0631\u0646\u062f<\/div>\n <\/footer>\n<\/div>\n\n<script>\n \/\/ \u0645\u062d\u0627\u0633\u0628\u0647 \u0648 \u0628\u0647\u200c\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u0628\u0627\u06a9\u0633 \u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc \u067e\u0627\u06cc\u06cc\u0646 \u0635\u0641\u062d\u0647\n function updateTotal() {\n const cloudPrice = parseInt(document.querySelector('#cloudGroup .option-item.selected')?.getAttribute('data-price') || 0);\n const hwPrice = parseInt(document.querySelector('#hardwareGroup .option-item.selected')?.getAttribute('data-price') || 0);\n let modulesPrice = 0;\n document.querySelectorAll('#modulesGroup .checkbox-label input:checked').forEach(cb => { modulesPrice += parseInt(cb.value); });\n const supportPrice = parseInt(document.querySelector('#supportGroup .option-item.selected')?.getAttribute('data-price') || 0);\n const trainingPrice = parseInt(document.querySelector('#trainingGroup .option-item.selected')?.getAttribute('data-price') || 0);\n const totalYearly = (cloudPrice * 12) + hwPrice + modulesPrice + supportPrice + trainingPrice;\n document.getElementById('totalAmount').innerText = totalYearly.toLocaleString() + ' \u062a\u0648\u0645\u0627\u0646';\n return totalYearly;\n }\n\n \/\/ \u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u0631\u0648\u06cc\u062f\u0627\u062f\u0647\u0627\n function initSelection() {\n const groups = ['cloudGroup', 'hardwareGroup', 'supportGroup', 'trainingGroup'];\n groups.forEach(gid => {\n const container = document.getElementById(gid);\n const items = container.querySelectorAll('.option-item');\n items.forEach(item => {\n item.addEventListener('click', () => {\n items.forEach(i => i.classList.remove('selected'));\n item.classList.add('selected');\n updateTotal();\n });\n if (item === items[0]) item.classList.add('selected');\n });\n });\n\n document.querySelectorAll('#modulesGroup .checkbox-label').forEach(label => {\n const chk = label.querySelector('input');\n chk.addEventListener('change', () => {\n if(chk.checked) label.classList.add('selected');\n else label.classList.remove('selected');\n updateTotal();\n });\n });\n updateTotal();\n }\n\n \/\/ \u062c\u0645\u0639\u200c\u0622\u0648\u0631\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0648 \u0627\u0631\u0633\u0627\u0644 \u0628\u0647 \u067e\u0631\u0648\u06a9\u0633\u06cc\n async function submitForm(e) {\n e.preventDefault();\n const fullname = document.getElementById('fullname').value.trim();\n const company = document.getElementById('company').value.trim();\n const mobile = document.getElementById('mobile').value.trim();\n if (!fullname || !company || !mobile) {\n alert('\u0644\u0637\u0641\u0627\u064b \u0646\u0627\u0645\u060c \u0633\u0627\u0632\u0645\u0627\u0646 \u0648 \u0634\u0645\u0627\u0631\u0647 \u062a\u0645\u0627\u0633 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f');\n return;\n }\n const business = document.getElementById('businessType').options[document.getElementById('businessType').selectedIndex].text;\n const tagCount = document.getElementById('tagCount').value;\n\n const cloudPrice = parseInt(document.querySelector('#cloudGroup .option-item.selected')?.getAttribute('data-price') || 0);\n const hwPrice = parseInt(document.querySelector('#hardwareGroup .option-item.selected')?.getAttribute('data-price') || 0);\n let modulesPrice = 0;\n document.querySelectorAll('#modulesGroup .checkbox-label input:checked').forEach(cb => { modulesPrice += parseInt(cb.value); });\n const supportPrice = parseInt(document.querySelector('#supportGroup .option-item.selected')?.getAttribute('data-price') || 0);\n const trainingPrice = parseInt(document.querySelector('#trainingGroup .option-item.selected')?.getAttribute('data-price') || 0);\n const totalYearly = (cloudPrice * 12) + hwPrice + modulesPrice + supportPrice + trainingPrice;\n\n const cloudName = document.querySelector('#cloudGroup .option-item.selected h4')?.innerText || '\u0646\u0627\u0645\u0634\u062e\u0635';\n const hwName = document.querySelector('#hardwareGroup .option-item.selected h4')?.innerText || '\u0646\u0627\u0645\u0634\u062e\u0635';\n const supportName = document.querySelector('#supportGroup .option-item.selected h4')?.innerText || '\u0646\u0627\u0645\u0634\u062e\u0635';\n const trainName = document.querySelector('#trainingGroup .option-item.selected h4')?.innerText || '\u0628\u062f\u0648\u0646 \u0622\u0645\u0648\u0632\u0634';\n const modulesList = Array.from(document.querySelectorAll('#modulesGroup .checkbox-label input:checked')).map(cb => cb.parentElement.innerText.split('(')[0].trim()).join('\u060c ') || '\u0647\u06cc\u0686';\n\n const formData = new FormData();\n formData.append('name', fullname);\n formData.append('organization', company);\n formData.append('phone', mobile);\n formData.append('business_type', business);\n formData.append('tag_count', tagCount);\n formData.append('cloud_name', cloudName);\n formData.append('cloud_price', cloudPrice);\n formData.append('hardware_name', hwName);\n formData.append('hardware_price', hwPrice);\n formData.append('modules_list', modulesList);\n formData.append('modules_price', modulesPrice);\n formData.append('support_name', supportName);\n formData.append('support_price', supportPrice);\n formData.append('training_name', trainName);\n formData.append('training_price', trainingPrice);\n formData.append('total_yearly', totalYearly);\n formData.append('message', '');\n formData.append('referrer', '');\n\n try {\n const response = await fetch('\/send-to-bale-proxy.php', { method: 'POST', body: formData });\n const result = await response.text();\n if (result.trim() === 'ok') {\n const toast = document.createElement('div');\n toast.className = 'toast-msg';\n toast.innerText = '\u2705 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0634\u0645\u0627 \u0628\u0627 \u0645\u0648\u0641\u0642\u06cc\u062a \u062b\u0628\u062a \u0634\u062f. \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u0645\u0627 \u062a\u0645\u0627\u0633 \u0645\u06cc\u200c\u06af\u06cc\u0631\u0646\u062f.';\n document.body.appendChild(toast);\n setTimeout(() => toast.remove(), 5000);\n \/\/ \u0631\u06cc\u0633\u062a \u0641\u0631\u0645 \u0628\u0647 \u062d\u0627\u0644\u062a \u0627\u0648\u0644\u06cc\u0647\n document.querySelectorAll('.option-item').forEach(i => i.classList.remove('selected'));\n document.querySelector('#cloudGroup .option-item:first-child').classList.add('selected');\n document.querySelector('#hardwareGroup .option-item:first-child').classList.add('selected');\n document.querySelector('#supportGroup .option-item:first-child').classList.add('selected');\n document.querySelector('#trainingGroup .option-item:first-child').classList.add('selected');\n document.querySelectorAll('#modulesGroup .checkbox-label input').forEach(chk => { chk.checked = false; chk.parentElement.classList.remove('selected'); });\n document.getElementById('orderForm').reset();\n updateTotal();\n } else {\n alert('\u062e\u0637\u0627 \u062f\u0631 \u0627\u0631\u0633\u0627\u0644. \u0644\u0637\u0641\u0627\u064b \u062f\u0648\u0628\u0627\u0631\u0647 \u062a\u0644\u0627\u0634 \u06a9\u0646\u06cc\u062f.');\n }\n } catch (err) {\n alert('\u0645\u0634\u06a9\u0644 \u062f\u0631 \u0627\u062a\u0635\u0627\u0644. \u062f\u0648\u0628\u0627\u0631\u0647 \u062a\u0644\u0627\u0634 \u06a9\u0646\u06cc\u062f.');\n }\n }\n\n document.getElementById('orderForm').addEventListener('submit', submitForm);\n initSelection();\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 ATLAS | \u06af\u0631\u0648\u0647 \u062a\u062c\u0644\u06cc \ud83e\uddee \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0647\u0648\u0634\u0645\u0646\u062f ATLAS \u0646\u06cc\u0627\u0632\u0647\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u06af\u0627\u0645 \u0628\u0647 \u06af\u0627\u0645 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f \u2013 \u0647\u0632\u06cc\u0646\u0647 \u0646\u0647\u0627\u06cc\u06cc \u0628\u0627 \u0645\u0627\u0644\u06cc\u0627\u062a \u0645\u062d\u0627\u0633\u0628\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f \ud83c\udfe2 \u06f1. \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631 \u0634\u0645\u0627 \ud83c\udfed \u06a9\u0627\u0631\u062e\u0627\u0646\u0647 \/ \u0635\u0646\u0639\u062a\ud83c\udfe5 \u0628\u06cc\u0645\u0627\u0631\u0633\u062a\u0627\u0646 \/ \u06a9\u0644\u06cc\u0646\u06cc\u06a9\ud83c\udfe8 \u0647\u062a\u0644 \/ \u0645\u062c\u062a\u0645\u0639 \u062a\u062c\u0627\u0631\u06cc\ud83c\udfe2 \u0627\u062f\u0627\u0631\u0647 \/ \u0633\u0627\u0632\u0645\u0627\u0646\ud83c\udfeb \u0645\u062f\u0631\u0633\u0647 \/ \u062f\u0627\u0646\u0634\u06af\u0627\u0647\ud83c\udfd9\ufe0f \u0633\u0627\u062e\u062a\u0645\u0627\u0646 \u0647\u0648\u0634\u0645\u0646\u062f \/ \u0628\u0631\u062c\ud83d\udccc \u0633\u0627\u06cc\u0631 \ud83d\udcca \u062a\u0639\u062f\u0627\u062f […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-523","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tajalligroup.ir\/index.php?rest_route=\/wp\/v2\/pages\/523","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tajalligroup.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tajalligroup.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tajalligroup.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tajalligroup.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=523"}],"version-history":[{"count":7,"href":"https:\/\/tajalligroup.ir\/index.php?rest_route=\/wp\/v2\/pages\/523\/revisions"}],"predecessor-version":[{"id":541,"href":"https:\/\/tajalligroup.ir\/index.php?rest_route=\/wp\/v2\/pages\/523\/revisions\/541"}],"wp:attachment":[{"href":"https:\/\/tajalligroup.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=523"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":523,"date":"2026-05-03T12:38:17","date_gmt":"2026-05-03T09:08:17","guid":{"rendered":"https:\/\/tajalligroup.ir\/?page_id=523"},"modified":"2026-05-03T13:15:06","modified_gmt":"2026-05-03T09:45:06","slug":"%d9%85%d8%a7%d8%b4%db%8c%d9%86-%d8%ad%d8%b3%d8%a7%d8%a8-%d9%87%d9%88%d8%b4%d9%85%d9%86%d8%af-atlas","status":"publish","type":"page","link":"https:\/\/tajalligroup.ir\/?page_id=523","title":{"rendered":"\u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0647\u0648\u0634\u0645\u0646\u062f ATLAS"},"content":{"rendered":"\n\n\n\n \n \n \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 ATLAS | \u06af\u0631\u0648\u0647 \u062a\u062c\u0644\u06cc<\/title>\n <style>\n * { margin: 0; padding: 0; box-sizing: border-box; }\n body {\n font-family: system-ui, 'Tahoma', sans-serif;\n background: linear-gradient(135deg, #f0f9ff 0%, #e6f0fa 100%);\n color: #1e293b;\n line-height: 1.5;\n }\n .calc-container {\n max-width: 1100px;\n margin: 0 auto;\n padding: 20px 20px 40px;\n }\n h1 {\n font-size: 1.8rem;\n text-align: center;\n background: linear-gradient(135deg, #0c4a6e, #1e40af, #3b82f6);\n background-clip: text;\n -webkit-background-clip: text;\n color: transparent;\n margin-bottom: 10px;\n }\n .sub {\n text-align: center;\n color: #475569;\n margin-bottom: 30px;\n }\n .section-card {\n background: white;\n border-radius: 28px;\n padding: 20px 25px;\n margin-bottom: 30px;\n border: 1px solid #e2e8f0;\n }\n .section-title {\n font-size: 1.3rem;\n margin-bottom: 20px;\n display: flex;\n align-items: center;\n gap: 10px;\n border-right: 4px solid #3b82f6;\n padding-right: 15px;\n }\n .options-group {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n margin: 15px 0;\n }\n .option-item {\n flex: 1;\n min-width: 180px;\n background: #f8fafc;\n border-radius: 20px;\n padding: 15px;\n cursor: pointer;\n border: 2px solid transparent;\n transition: all 0.2s;\n }\n .option-item.selected {\n border-color: #3b82f6;\n background: #eff6ff;\n transform: scale(1.02);\n }\n .option-item h4 {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 8px;\n }\n .price-tag {\n font-weight: 700;\n color: #1e40af;\n margin-top: 10px;\n font-size: 0.85rem;\n }\n input, select {\n width: 100%;\n padding: 12px 16px;\n border: 1px solid #cbd5e1;\n border-radius: 60px;\n font-family: inherit;\n background: #fff;\n }\n .checkbox-group {\n display: flex;\n flex-wrap: wrap;\n gap: 14px;\n margin-top: 15px;\n }\n .checkbox-label {\n background: #f1f5f9;\n border-radius: 60px;\n padding: 8px 22px;\n display: inline-flex;\n align-items: center;\n gap: 10px;\n cursor: pointer;\n transition: all 0.2s;\n border: 1px solid #cbd5e1;\n font-weight: 500;\n font-size: 0.9rem;\n }\n .checkbox-label.selected {\n background: #3b82f6;\n color: white;\n border-color: #3b82f6;\n box-shadow: 0 4px 10px rgba(59,130,246,0.3);\n }\n .checkbox-label input { display: none; }\n .btn-primary {\n background: linear-gradient(105deg, #2563eb, #1d4ed8);\n color: white;\n padding: 14px 28px;\n border-radius: 40px;\n border: none;\n font-weight: 600;\n cursor: pointer;\n width: 100%;\n font-size: 1rem;\n transition: transform 0.1s;\n }\n .btn-primary:hover { transform: translateY(-2px); }\n .row-2col {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n margin: 20px 0;\n }\n \/* \u0628\u0627\u06a9\u0633 \u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc \u067e\u0627\u06cc\u06cc\u0646 \u0635\u0641\u062d\u0647 *\/\n .summary-box {\n background: linear-gradient(105deg, #1e293b, #0f172a);\n color: white;\n border-radius: 32px;\n padding: 20px 25px;\n margin: 30px 0 20px;\n text-align: center;\n }\n .summary-box .total-label {\n font-size: 0.9rem;\n opacity: 0.8;\n }\n .summary-box .total-amount {\n font-size: 2rem;\n font-weight: 800;\n margin: 8px 0;\n }\n .summary-box .tax-note {\n font-size: 0.75rem;\n opacity: 0.7;\n }\n footer {\n text-align: center;\n margin-top: 20px;\n padding: 20px;\n border-top: 1px solid #cbd5e1;\n color: #64748b;\n }\n .toast-msg {\n position: fixed;\n bottom: 20px;\n left: 20px;\n background: #22c55e;\n color: white;\n padding: 12px 24px;\n border-radius: 50px;\n z-index: 9999;\n animation: fadein 0.3s;\n }\n @keyframes fadein {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @media (max-width: 700px) {\n .row-2col { grid-template-columns: 1fr; gap: 12px; }\n .options-group { flex-direction: column; }\n .checkbox-group { gap: 10px; }\n .checkbox-label { padding: 6px 16px; font-size: 0.8rem; }\n .section-card { padding: 16px; }\n .summary-box .total-amount { font-size: 1.5rem; }\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"calc-container\">\n <h1>\ud83e\uddee \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0647\u0648\u0634\u0645\u0646\u062f ATLAS<\/h1>\n <p class=\"sub\">\u0646\u06cc\u0627\u0632\u0647\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u06af\u0627\u0645 \u0628\u0647 \u06af\u0627\u0645 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f \u2013 \u0647\u0632\u06cc\u0646\u0647 \u0646\u0647\u0627\u06cc\u06cc \u0628\u0627 \u0645\u0627\u0644\u06cc\u0627\u062a \u0645\u062d\u0627\u0633\u0628\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f<\/p>\n\n <form id=\"orderForm\">\n \n <div class=\"section-card\">\n <div class=\"section-title\">\ud83c\udfe2 \u06f1. \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631 \u0634\u0645\u0627<\/div>\n <div class=\"row-2col\">\n <input type=\"text\" id=\"fullname\" placeholder=\"\u0646\u0627\u0645 \u0648 \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc\" required>\n <input type=\"text\" id=\"company\" placeholder=\"\u0646\u0627\u0645 \u0633\u0627\u0632\u0645\u0627\u0646\/\u0634\u0631\u06a9\u062a\" required>\n <input type=\"tel\" id=\"mobile\" placeholder=\"\u0634\u0645\u0627\u0631\u0647 \u062a\u0645\u0627\u0633\" required>\n <select id=\"businessType\">\n <option value=\"\u06a9\u0627\u0631\u062e\u0627\u0646\u0647\">\ud83c\udfed \u06a9\u0627\u0631\u062e\u0627\u0646\u0647 \/ \u0635\u0646\u0639\u062a<\/option>\n <option value=\"\u0628\u06cc\u0645\u0627\u0631\u0633\u062a\u0627\u0646\">\ud83c\udfe5 \u0628\u06cc\u0645\u0627\u0631\u0633\u062a\u0627\u0646 \/ \u06a9\u0644\u06cc\u0646\u06cc\u06a9<\/option>\n <option value=\"\u0647\u062a\u0644\">\ud83c\udfe8 \u0647\u062a\u0644 \/ \u0645\u062c\u062a\u0645\u0639 \u062a\u062c\u0627\u0631\u06cc<\/option>\n <option value=\"\u0627\u062f\u0627\u0631\u0647\">\ud83c\udfe2 \u0627\u062f\u0627\u0631\u0647 \/ \u0633\u0627\u0632\u0645\u0627\u0646<\/option>\n <option value=\"\u0645\u062f\u0631\u0633\u0647\">\ud83c\udfeb \u0645\u062f\u0631\u0633\u0647 \/ \u062f\u0627\u0646\u0634\u06af\u0627\u0647<\/option>\n <option value=\"\u0633\u0627\u062e\u062a\u0645\u0627\u0646 \u0647\u0648\u0634\u0645\u0646\u062f\">\ud83c\udfd9\ufe0f \u0633\u0627\u062e\u062a\u0645\u0627\u0646 \u0647\u0648\u0634\u0645\u0646\u062f \/ \u0628\u0631\u062c<\/option>\n <option value=\"\u0633\u0627\u06cc\u0631\">\ud83d\udccc \u0633\u0627\u06cc\u0631<\/option>\n <\/select>\n <div>\n <label style=\"display:block; margin-bottom:6px;\">\ud83d\udcca \u062a\u0639\u062f\u0627\u062f \u062a\u0642\u0631\u06cc\u0628\u06cc \u0646\u0642\u0627\u0637 \u062f\u0627\u062f\u0647 (\u062a\u06af)<\/label>\n <input type=\"number\" id=\"tagCount\" placeholder=\"\u0645\u062b\u0644\u0627\u064b \u06f1\u06f0\u06f0\" value=\"100\">\n <div style=\"font-size:0.7rem; color:#64748b;\">\u0647\u0631 \u062a\u06af = \u06cc\u06a9 \u0645\u062a\u063a\u06cc\u0631 \u0645\u0627\u0646\u0646\u062f \u062f\u0645\u0627\u060c \u0641\u0634\u0627\u0631\u060c \u0648\u0636\u0639\u06cc\u062a \u0645\u0648\u062a\u0648\u0631<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section-card\">\n <div class=\"section-title\">\u2601\ufe0f \u06f2. \u067e\u06a9\u06cc\u062c \u0633\u0631\u0648\u06cc\u0633 \u0627\u0628\u0631\u06cc (\u0645\u0627\u0647\u0627\u0646\u0647)<\/div>\n <div class=\"options-group\" id=\"cloudGroup\">\n <div data-price=\"2500000\" class=\"option-item\"><h4>\ud83e\udd48 \u0646\u0642\u0631\u0647\u200c\u0627\u06cc<\/h4><div>\u06f2,\u06f5\u06f0\u06f0,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646\/\u0645\u0627\u0647<\/div><div class=\"price-tag\">\u0645\u0646\u0627\u0633\u0628 \u062a\u0627 \u06f5\u06f0\u06f0 \u062a\u06af<\/div><\/div>\n <div data-price=\"4200000\" class=\"option-item\"><h4>\ud83c\udfc6 \u0637\u0644\u0627\u06cc\u06cc<\/h4><div>\u06f4,\u06f2\u06f0\u06f0,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646\/\u0645\u0627\u0647<\/div><div class=\"price-tag\">\u0645\u0646\u0627\u0633\u0628 \u062a\u0627 \u06f2,\u06f0\u06f0\u06f0 \u062a\u06af<\/div><\/div>\n <div data-price=\"7500000\" class=\"option-item\"><h4>\ud83d\udc8e \u0627\u0644\u0645\u0627\u0633<\/h4><div>\u06f7,\u06f5\u06f0\u06f0,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646\/\u0645\u0627\u0647<\/div><div class=\"price-tag\">\u06f1\u06f0,\u06f0\u06f0\u06f0 \u062a\u06af \u0648 \u0628\u06cc\u0634\u062a\u0631<\/div><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section-card\">\n <div class=\"section-title\">\ud83d\udda5\ufe0f \u06f3. \u067e\u06a9\u06cc\u062c \u0633\u062e\u062a\u200c\u0627\u0641\u0632\u0627\u0631\u06cc (\u06cc\u06a9\u0628\u0627\u0631)<\/div>\n <div class=\"options-group\" id=\"hardwareGroup\">\n <div data-price=\"10000000\" class=\"option-item\"><h4>\ud83e\udd48 \u0646\u0642\u0631\u0647\u200c\u0627\u06cc<\/h4><div>\u06f1\u06f0 \u0645\u06cc\u0644\u06cc\u0648\u0646 \u062a\u0648\u0645\u0627\u0646<\/div><div class=\"price-tag\">\u0645\u0646\u0627\u0633\u0628 \u06a9\u0627\u0631\u06af\u0627\u0647\u060c \u0645\u0637\u0628<\/div><\/div>\n <div data-price=\"25000000\" class=\"option-item\"><h4>\ud83c\udfc6 \u0637\u0644\u0627\u06cc\u06cc<\/h4><div>\u06f2\u06f5 \u0645\u06cc\u0644\u06cc\u0648\u0646 \u062a\u0648\u0645\u0627\u0646<\/div><div class=\"price-tag\">\u0645\u0646\u0627\u0633\u0628 \u06a9\u0627\u0631\u062e\u0627\u0646\u0647 \u0645\u062a\u0648\u0633\u0637<\/div><\/div>\n <div data-price=\"55000000\" class=\"option-item\"><h4>\ud83d\udc8e \u0627\u0644\u0645\u0627\u0633<\/h4><div>\u06f5\u06f5 \u0645\u06cc\u0644\u06cc\u0648\u0646 \u062a\u0648\u0645\u0627\u0646<\/div><div class=\"price-tag\">\u0645\u0646\u0627\u0633\u0628 \u0645\u062c\u062a\u0645\u0639 \u0628\u0632\u0631\u06af<\/div><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section-card\">\n <div class=\"section-title\">\ud83e\udde9 \u06f4. \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc (\u06cc\u06a9\u0628\u0627\u0631)<\/div>\n <div class=\"checkbox-group\" id=\"modulesGroup\">\n <label class=\"checkbox-label\" data-price=\"12000000\"><input type=\"checkbox\" value=\"12000000\"> \ud83d\uddfa\ufe0f \u0646\u0645\u0627\u06cc \u06a9\u0644\u06cc (\u06f1\u06f2M)<\/label>\n <label class=\"checkbox-label\" data-price=\"18000000\"><input type=\"checkbox\" value=\"18000000\"> \ud83d\udcc8 \u0646\u0645\u0627\u06cc \u062a\u062d\u0644\u06cc\u0644\u06cc (\u06f1\u06f8M)<\/label>\n <label class=\"checkbox-label\" data-price=\"9000000\"><input type=\"checkbox\" value=\"9000000\"> \ud83d\udd14 \u0646\u0645\u0627\u06cc \u0641\u0631\u0645\u0627\u0646 (\u06f9M)<\/label>\n <label class=\"checkbox-label\" data-price=\"25000000\"><input type=\"checkbox\" value=\"25000000\"> \ud83c\udfae \u0646\u0645\u0627\u06cc \u06a9\u0646\u062a\u0631\u0644 (\u06f2\u06f5M)<\/label>\n <label class=\"checkbox-label\" data-price=\"15000000\"><input type=\"checkbox\" value=\"15000000\"> \ud83d\udce6 \u0646\u0645\u0627\u06cc \u062f\u0627\u0631\u0627\u06cc\u06cc (\u06f1\u06f5M)<\/label>\n <label class=\"checkbox-label\" data-price=\"22000000\"><input type=\"checkbox\" value=\"22000000\"> \ud83d\udcda \u0646\u0645\u0627\u06cc \u0622\u0645\u0648\u0632\u0634 (\u06f2\u06f2M)<\/label>\n <label class=\"checkbox-label\" data-price=\"13000000\"><input type=\"checkbox\" value=\"13000000\"> \ud83d\ude9a \u0646\u0645\u0627\u06cc \u0644\u062c\u0633\u062a\u06cc\u06a9 (\u06f1\u06f3M)<\/label>\n <label class=\"checkbox-label\" data-price=\"11000000\"><input type=\"checkbox\" value=\"11000000\"> \ud83d\udee1\ufe0f \u0646\u0645\u0627\u06cc \u0627\u0645\u0646\u06cc\u062a\u06cc (\u06f1\u06f1M)<\/label>\n <label class=\"checkbox-label\" data-price=\"20000000\"><input type=\"checkbox\" value=\"20000000\"> \ud83d\udc41\ufe0f \u0646\u0645\u0627\u06cc \u062a\u0644\u067e\u0648\u0631\u062a (\u06f2\u06f0M)<\/label>\n <label class=\"checkbox-label\" data-price=\"120000000\"><input type=\"checkbox\" value=\"120000000\"> \ud83d\udda5\ufe0f \u0627\u062a\u0627\u0642 \u0641\u0631\u0645\u0627\u0646 (\u06f1\u06f2\u06f0M)<\/label>\n <\/div>\n <\/div>\n\n \n <div class=\"section-card\">\n <div class=\"section-title\">\ud83d\udee1\ufe0f \u06f5. \u0633\u0637\u062d \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc (\u0633\u0627\u0644\u0627\u0646\u0647)<\/div>\n <div class=\"options-group\" id=\"supportGroup\">\n <div data-price=\"0\" class=\"option-item\"><h4>\ud83d\udce7 \u0628\u0631\u0646\u0632\u06cc<\/h4><div>\u0631\u0627\u06cc\u06af\u0627\u0646<\/div><div class=\"price-tag\">\u0627\u06cc\u0645\u06cc\u0644 + \u062a\u06cc\u06a9\u062a<\/div><\/div>\n <div data-price=\"10000000\" class=\"option-item\"><h4>\ud83e\udd48 \u0646\u0642\u0631\u0647\u200c\u0627\u06cc<\/h4><div>\u06f1\u06f0 \u0645\u06cc\u0644\u06cc\u0648\u0646 \u062a\u0648\u0645\u0627\u0646\/\u0633\u0627\u0644<\/div><div class=\"price-tag\">\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u062a\u0644\u0641\u0646\u06cc \u06f8 \u0633\u0627\u0639\u062a\u0647<\/div><\/div>\n <div data-price=\"20000000\" class=\"option-item\"><h4>\ud83c\udfc6 \u0637\u0644\u0627\u06cc\u06cc<\/h4><div>\u06f2\u06f0 \u0645\u06cc\u0644\u06cc\u0648\u0646 \u062a\u0648\u0645\u0627\u0646\/\u0633\u0627\u0644<\/div><div class=\"price-tag\">\u06f2\u06f4\/\u06f7 + \u0627\u0648\u0644\u0648\u06cc\u062a<\/div><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section-card\">\n <div class=\"section-title\">\ud83c\udf93 \u06f6. \u0622\u0645\u0648\u0632\u0634 \u062a\u06cc\u0645 \u0641\u0646\u06cc (\u0627\u062e\u062a\u06cc\u0627\u0631\u06cc)<\/div>\n <div class=\"options-group\" id=\"trainingGroup\">\n <div data-price=\"0\" class=\"option-item\"><h4>\u274c \u0628\u062f\u0648\u0646 \u0622\u0645\u0648\u0632\u0634<\/h4><div>\u0647\u0632\u06cc\u0646\u0647 \u0627\u0636\u0627\u0641\u0647 \u0646\u062f\u0627\u0631\u062f<\/div><\/div>\n <div data-price=\"20000000\" class=\"option-item\"><h4>\ud83d\udcd8 \u0622\u0645\u0648\u0632\u0634 \u062f\u0648 \u0631\u0648\u0632\u0647<\/h4><div>\u06f2\u06f0 \u0645\u06cc\u0644\u06cc\u0648\u0646 \u062a\u0648\u0645\u0627\u0646 (\u06cc\u06a9\u0628\u0627\u0631)<\/div><div class=\"price-tag\">\u062d\u0636\u0648\u0631\u06cc \u06cc\u0627 \u0622\u0646\u0644\u0627\u06cc\u0646<\/div><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"summary-box\" id=\"summaryBox\">\n <div class=\"total-label\">\ud83d\udcb0 \u0647\u0632\u06cc\u0646\u0647 \u062a\u0642\u0631\u06cc\u0628\u06cc \u067e\u0631\u0648\u0698\u0647 (\u0642\u0628\u0644 \u0627\u0632 \u0645\u0627\u0644\u06cc\u0627\u062a)<\/div>\n <div class=\"total-amount\" id=\"totalAmount\">\u06f0 \u062a\u0648\u0645\u0627\u0646<\/div>\n <div class=\"tax-note\">\ud83e\uddfe + \u06f9\u066a \u0645\u0627\u0644\u06cc\u0627\u062a \u0627\u0631\u0632\u0634 \u0627\u0641\u0632\u0648\u062f\u0647 \u062f\u0631 \u0641\u0627\u06a9\u062a\u0648\u0631 \u0646\u0647\u0627\u06cc\u06cc \u0627\u0639\u0645\u0627\u0644 \u062e\u0648\u0627\u0647\u062f \u0634\u062f.<\/div>\n <div class=\"tax-note\" style=\"margin-top: 6px;\">\ud83d\ude97 \u0647\u0632\u06cc\u0646\u0647 \u0627\u06cc\u0627\u0628\u200c\u0630\u0647\u0627\u0628 \u0628\u0647 \u0639\u0647\u062f\u0647 \u0645\u0634\u062a\u0631\u06cc \u0645\u062d\u062a\u0631\u0645 \u0645\u06cc\u200c\u0628\u0627\u0634\u062f.<\/div>\n <\/div>\n\n <button type=\"submit\" class=\"btn-primary\">\ud83d\udccb \u062b\u0628\u062a \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0648 \u0645\u062d\u0627\u0633\u0628\u0647 \u0646\u0647\u0627\u06cc\u06cc<\/button>\n <\/form>\n\n <footer>\n <div>\ud83d\udcde \u06f0\u06f9\u06f9\u06f0\u06f1\u06f3\u06f7\u06f7\u06f6\u06f0\u06f0 | info@tajalligroup.ir | \u06af\u0631\u0648\u0647 \u062a\u062c\u0644\u06cc<\/div>\n <div>\u067e\u0633 \u0627\u0632 \u062b\u0628\u062a\u060c \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u0645\u0627 \u0638\u0631\u0641 \u06f2\u06f4 \u0633\u0627\u0639\u062a \u0628\u0627 \u0634\u0645\u0627 \u062a\u0645\u0627\u0633 \u0645\u06cc\u200c\u06af\u06cc\u0631\u0646\u062f<\/div>\n <\/footer>\n<\/div>\n\n<script>\n \/\/ \u0645\u062d\u0627\u0633\u0628\u0647 \u0648 \u0628\u0647\u200c\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u0628\u0627\u06a9\u0633 \u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc \u067e\u0627\u06cc\u06cc\u0646 \u0635\u0641\u062d\u0647\n function updateTotal() {\n const cloudPrice = parseInt(document.querySelector('#cloudGroup .option-item.selected')?.getAttribute('data-price') || 0);\n const hwPrice = parseInt(document.querySelector('#hardwareGroup .option-item.selected')?.getAttribute('data-price') || 0);\n let modulesPrice = 0;\n document.querySelectorAll('#modulesGroup .checkbox-label input:checked').forEach(cb => { modulesPrice += parseInt(cb.value); });\n const supportPrice = parseInt(document.querySelector('#supportGroup .option-item.selected')?.getAttribute('data-price') || 0);\n const trainingPrice = parseInt(document.querySelector('#trainingGroup .option-item.selected')?.getAttribute('data-price') || 0);\n const totalYearly = (cloudPrice * 12) + hwPrice + modulesPrice + supportPrice + trainingPrice;\n document.getElementById('totalAmount').innerText = totalYearly.toLocaleString() + ' \u062a\u0648\u0645\u0627\u0646';\n return totalYearly;\n }\n\n \/\/ \u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u0631\u0648\u06cc\u062f\u0627\u062f\u0647\u0627\n function initSelection() {\n const groups = ['cloudGroup', 'hardwareGroup', 'supportGroup', 'trainingGroup'];\n groups.forEach(gid => {\n const container = document.getElementById(gid);\n const items = container.querySelectorAll('.option-item');\n items.forEach(item => {\n item.addEventListener('click', () => {\n items.forEach(i => i.classList.remove('selected'));\n item.classList.add('selected');\n updateTotal();\n });\n if (item === items[0]) item.classList.add('selected');\n });\n });\n\n document.querySelectorAll('#modulesGroup .checkbox-label').forEach(label => {\n const chk = label.querySelector('input');\n chk.addEventListener('change', () => {\n if(chk.checked) label.classList.add('selected');\n else label.classList.remove('selected');\n updateTotal();\n });\n });\n updateTotal();\n }\n\n \/\/ \u062c\u0645\u0639\u200c\u0622\u0648\u0631\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0648 \u0627\u0631\u0633\u0627\u0644 \u0628\u0647 \u067e\u0631\u0648\u06a9\u0633\u06cc\n async function submitForm(e) {\n e.preventDefault();\n const fullname = document.getElementById('fullname').value.trim();\n const company = document.getElementById('company').value.trim();\n const mobile = document.getElementById('mobile').value.trim();\n if (!fullname || !company || !mobile) {\n alert('\u0644\u0637\u0641\u0627\u064b \u0646\u0627\u0645\u060c \u0633\u0627\u0632\u0645\u0627\u0646 \u0648 \u0634\u0645\u0627\u0631\u0647 \u062a\u0645\u0627\u0633 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f');\n return;\n }\n const business = document.getElementById('businessType').options[document.getElementById('businessType').selectedIndex].text;\n const tagCount = document.getElementById('tagCount').value;\n\n const cloudPrice = parseInt(document.querySelector('#cloudGroup .option-item.selected')?.getAttribute('data-price') || 0);\n const hwPrice = parseInt(document.querySelector('#hardwareGroup .option-item.selected')?.getAttribute('data-price') || 0);\n let modulesPrice = 0;\n document.querySelectorAll('#modulesGroup .checkbox-label input:checked').forEach(cb => { modulesPrice += parseInt(cb.value); });\n const supportPrice = parseInt(document.querySelector('#supportGroup .option-item.selected')?.getAttribute('data-price') || 0);\n const trainingPrice = parseInt(document.querySelector('#trainingGroup .option-item.selected')?.getAttribute('data-price') || 0);\n const totalYearly = (cloudPrice * 12) + hwPrice + modulesPrice + supportPrice + trainingPrice;\n\n const cloudName = document.querySelector('#cloudGroup .option-item.selected h4')?.innerText || '\u0646\u0627\u0645\u0634\u062e\u0635';\n const hwName = document.querySelector('#hardwareGroup .option-item.selected h4')?.innerText || '\u0646\u0627\u0645\u0634\u062e\u0635';\n const supportName = document.querySelector('#supportGroup .option-item.selected h4')?.innerText || '\u0646\u0627\u0645\u0634\u062e\u0635';\n const trainName = document.querySelector('#trainingGroup .option-item.selected h4')?.innerText || '\u0628\u062f\u0648\u0646 \u0622\u0645\u0648\u0632\u0634';\n const modulesList = Array.from(document.querySelectorAll('#modulesGroup .checkbox-label input:checked')).map(cb => cb.parentElement.innerText.split('(')[0].trim()).join('\u060c ') || '\u0647\u06cc\u0686';\n\n const formData = new FormData();\n formData.append('name', fullname);\n formData.append('organization', company);\n formData.append('phone', mobile);\n formData.append('business_type', business);\n formData.append('tag_count', tagCount);\n formData.append('cloud_name', cloudName);\n formData.append('cloud_price', cloudPrice);\n formData.append('hardware_name', hwName);\n formData.append('hardware_price', hwPrice);\n formData.append('modules_list', modulesList);\n formData.append('modules_price', modulesPrice);\n formData.append('support_name', supportName);\n formData.append('support_price', supportPrice);\n formData.append('training_name', trainName);\n formData.append('training_price', trainingPrice);\n formData.append('total_yearly', totalYearly);\n formData.append('message', '');\n formData.append('referrer', '');\n\n try {\n const response = await fetch('\/send-to-bale-proxy.php', { method: 'POST', body: formData });\n const result = await response.text();\n if (result.trim() === 'ok') {\n const toast = document.createElement('div');\n toast.className = 'toast-msg';\n toast.innerText = '\u2705 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0634\u0645\u0627 \u0628\u0627 \u0645\u0648\u0641\u0642\u06cc\u062a \u062b\u0628\u062a \u0634\u062f. \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u0645\u0627 \u062a\u0645\u0627\u0633 \u0645\u06cc\u200c\u06af\u06cc\u0631\u0646\u062f.';\n document.body.appendChild(toast);\n setTimeout(() => toast.remove(), 5000);\n \/\/ \u0631\u06cc\u0633\u062a \u0641\u0631\u0645 \u0628\u0647 \u062d\u0627\u0644\u062a \u0627\u0648\u0644\u06cc\u0647\n document.querySelectorAll('.option-item').forEach(i => i.classList.remove('selected'));\n document.querySelector('#cloudGroup .option-item:first-child').classList.add('selected');\n document.querySelector('#hardwareGroup .option-item:first-child').classList.add('selected');\n document.querySelector('#supportGroup .option-item:first-child').classList.add('selected');\n document.querySelector('#trainingGroup .option-item:first-child').classList.add('selected');\n document.querySelectorAll('#modulesGroup .checkbox-label input').forEach(chk => { chk.checked = false; chk.parentElement.classList.remove('selected'); });\n document.getElementById('orderForm').reset();\n updateTotal();\n } else {\n alert('\u062e\u0637\u0627 \u062f\u0631 \u0627\u0631\u0633\u0627\u0644. \u0644\u0637\u0641\u0627\u064b \u062f\u0648\u0628\u0627\u0631\u0647 \u062a\u0644\u0627\u0634 \u06a9\u0646\u06cc\u062f.');\n }\n } catch (err) {\n alert('\u0645\u0634\u06a9\u0644 \u062f\u0631 \u0627\u062a\u0635\u0627\u0644. \u062f\u0648\u0628\u0627\u0631\u0647 \u062a\u0644\u0627\u0634 \u06a9\u0646\u06cc\u062f.');\n }\n }\n\n document.getElementById('orderForm').addEventListener('submit', submitForm);\n initSelection();\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 ATLAS | \u06af\u0631\u0648\u0647 \u062a\u062c\u0644\u06cc \ud83e\uddee \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0647\u0648\u0634\u0645\u0646\u062f ATLAS \u0646\u06cc\u0627\u0632\u0647\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u06af\u0627\u0645 \u0628\u0647 \u06af\u0627\u0645 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f \u2013 \u0647\u0632\u06cc\u0646\u0647 \u0646\u0647\u0627\u06cc\u06cc \u0628\u0627 \u0645\u0627\u0644\u06cc\u0627\u062a \u0645\u062d\u0627\u0633\u0628\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f \ud83c\udfe2 \u06f1. \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631 \u0634\u0645\u0627 \ud83c\udfed \u06a9\u0627\u0631\u062e\u0627\u0646\u0647 \/ \u0635\u0646\u0639\u062a\ud83c\udfe5 \u0628\u06cc\u0645\u0627\u0631\u0633\u062a\u0627\u0646 \/ \u06a9\u0644\u06cc\u0646\u06cc\u06a9\ud83c\udfe8 \u0647\u062a\u0644 \/ \u0645\u062c\u062a\u0645\u0639 \u062a\u062c\u0627\u0631\u06cc\ud83c\udfe2 \u0627\u062f\u0627\u0631\u0647 \/ \u0633\u0627\u0632\u0645\u0627\u0646\ud83c\udfeb \u0645\u062f\u0631\u0633\u0647 \/ \u062f\u0627\u0646\u0634\u06af\u0627\u0647\ud83c\udfd9\ufe0f \u0633\u0627\u062e\u062a\u0645\u0627\u0646 \u0647\u0648\u0634\u0645\u0646\u062f \/ \u0628\u0631\u062c\ud83d\udccc \u0633\u0627\u06cc\u0631 \ud83d\udcca \u062a\u0639\u062f\u0627\u062f […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-523","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tajalligroup.ir\/index.php?rest_route=\/wp\/v2\/pages\/523","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tajalligroup.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tajalligroup.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tajalligroup.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tajalligroup.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=523"}],"version-history":[{"count":7,"href":"https:\/\/tajalligroup.ir\/index.php?rest_route=\/wp\/v2\/pages\/523\/revisions"}],"predecessor-version":[{"id":541,"href":"https:\/\/tajalligroup.ir\/index.php?rest_route=\/wp\/v2\/pages\/523\/revisions\/541"}],"wp:attachment":[{"href":"https:\/\/tajalligroup.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=523"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}