{"id":7256,"date":"2024-09-02T12:25:07","date_gmt":"2024-09-02T12:25:07","guid":{"rendered":"https:\/\/ifa-us.org\/?page_id=7256"},"modified":"2024-09-16T12:54:13","modified_gmt":"2024-09-16T12:54:13","slug":"cost","status":"publish","type":"page","link":"https:\/\/ifa-us.org\/ar\/cost\/","title":{"rendered":"\u062d\u0633\u0627\u0628 \u0643\u0644\u0641\u0629 \u0627\u0644\u062a\u062d\u0643\u064a\u0645"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7256\" class=\"elementor elementor-7256\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c778b58 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c778b58\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4b3db18\" data-id=\"4b3db18\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cf59a08 elementor-widget elementor-widget-shortcode\" data-id=\"cf59a08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div id=\"arbitration-calculator\">\r\n        <h5 style=\"text-align: center;\">\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0631\u0633\u0648\u0645 \u0622\u0644\u064a\u0627\u064b<\/h5>\r\n        <br><br>\r\n        <form id=\"arbitration-form\">\r\n            <label for=\"amount\">\u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0645\u062a\u0646\u0627\u0632\u0639 \u0639\u0644\u064a\u0647:<\/label>\r\n            <input type=\"text\" id=\"amount\" name=\"amount\" placeholder=\"\u0627\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0628\u0627\u0644\u062f\u0648\u0644\u0627\u0631 \u0627\u0644\u0623\u0645\u064a\u0631\u0643\u064a $\" \/>\r\n\r\n            <label for=\"arbitrators-count\">\u0639\u062f\u062f \u0627\u0644\u0645\u062d\u0643\u0645\u064a\u0646:<\/label>\r\n            <select id=\"arbitrators-count\" name=\"arbitrators-count\">\r\n                <option value=\"1\">1<\/option>\r\n                <option value=\"3\">3<\/option>\r\n            <\/select>\r\n\r\n            <div class=\"button-group\">\r\n                <button type=\"submit\" id=\"calculate-button\">\u062d\u0633\u0627\u0628<\/button>\r\n                <button type=\"button\" id=\"reset-button\">\u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u064a\u064a\u0646<\/button>\r\n            <\/div>\r\n        <\/form>\r\n        <div id=\"loader\" style=\"display:none;\"><\/div>\r\n        <div id=\"result\" style=\"display:none;\">\r\n            <div class=\"result-item\">\r\n                <div class=\"result-label\">\u0623\u062a\u0639\u0627\u0628 \u0647\u064a\u0626\u0629 \u0627\u0644\u062a\u062d\u0643\u064a\u0645:<\/div>\r\n                <div class=\"result-value\" id=\"arbitrator-fee\">N\/A<\/div>\r\n            <\/div>\r\n            <div class=\"result-item\">\r\n                <div class=\"result-label\">\u0631\u0633\u0648\u0645 \u0627\u0644\u0625\u062a\u062d\u0627\u062f:<\/div>\r\n                <div class=\"result-value\" id=\"admin-fee\">N\/A<\/div>\r\n            <\/div>\r\n            <div class=\"result-item\">\r\n                <div class=\"result-label\">\u0631\u0633\u0648\u0645 \u0623\u0645\u064a\u0646 \u0627\u0644\u0633\u0631:<\/div>\r\n                <div class=\"result-value\" id=\"secretary-fee\">N\/A<\/div>\r\n            <\/div>\r\n            <div class=\"result-divider\"><\/div>\r\n            <div class=\"result-item\">\r\n                <div class=\"result-label\">\u0627\u0644\u0645\u062c\u0645\u0648\u0639:<\/div>\r\n                <div class=\"result-value\" id=\"total-fee\">N\/A<\/div>\r\n            <\/div>\r\n            <!-- \u0627\u0644\u062c\u0645\u0644\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 -->\r\n            <div id=\"additional-info\" style=\"display:none; margin-top: 20px; color: #555;font-size: 16px;\">\r\n                \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u0627\u062a \u0623\u0639\u0644\u0627\u0647 \u0644\u0627 \u062a\u063a\u0637\u064a \u0646\u0641\u0642\u0627\u062a \u0627\u0644\u0633\u0641\u0631 \u0644\u0647\u064a\u0626\u0629 \u0627\u0644\u062a\u062d\u0643\u064a\u0645\u060c \u0646\u0641\u0642\u0627\u062a \u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u062e\u0628\u0631\u0627\u0621\u060c \u0646\u0641\u0642\u0627\u062a \u0627\u0644\u0645\u062a\u0631\u062c\u0645\u064a\u0646\u060c \u0648\u0623\u064a\u0629 \u0645\u0635\u0627\u0631\u064a\u0641 \u0623\u062e\u0631\u0649.\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <style>\r\n        \/* CSS \u0647\u0646\u0627 *\/\r\n        \/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0644\u0644\u0646\u0635 \u0648\u0631\u0645\u0632 \u0627\u0644\u0639\u0645\u0644\u0629 *\/\r\n\r\n        #arbitration-calculator {\r\n            width: 100%;\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n            padding: 30px;\r\n            border-radius: 10px;\r\n            background: #ffffff;\r\n            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        #arbitration-form {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 20px;\r\n        }\r\n\r\n        #arbitration-form label {\r\n            font-size: 1.1rem;\r\n            color: #333333;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        #arbitration-form select {\r\n            padding: 12px;\r\n            font-size: 1rem;\r\n            border-radius: 8px;\r\n            border: 1px solid #dddddd;\r\n        }\r\n\r\n        .button-group {\r\n            display: flex;\r\n            gap: 10px;\r\n        }\r\n\r\n        #arbitration-form button {\r\n            padding: 12px;\r\n            font-size: 1rem;\r\n            border-radius: 8px;\r\n            border: none;\r\n            cursor: pointer;\r\n            transition: opacity 0.3s ease;\r\n            color: #ffffff;\r\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n            width: 48%;\r\n        }\r\n\r\n        #calculate-button {\r\n            background: #0073e6;\r\n        }\r\n\r\n        #calculate-button:hover {\r\n            opacity: 0.9;\r\n        }\r\n\r\n        #reset-button {\r\n            background: #dc3545;\r\n        }\r\n\r\n        #reset-button:hover {\r\n            opacity: 0.9;\r\n        }\r\n\r\n        #loader {\r\n            display: none; \/* \u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0627\u064b \u0645\u062e\u0641\u064a *\/\r\n            margin: 20px auto;\r\n            width: 60px;\r\n            height: 60px;\r\n            border: 8px solid rgba(0, 0, 0, 0.1);\r\n            border-radius: 50%;\r\n            border-top: 8px solid #3498db;\r\n            animation: spin 1s linear infinite;\r\n            position: relative;\r\n            text-align: center;\r\n        }\r\n\r\n        @keyframes spin {\r\n            0% { transform: rotate(0deg); }\r\n            100% { transform: rotate(360deg); }\r\n        }\r\n\r\n        #result {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 10px;\r\n            margin-top: 20px;\r\n            padding: 20px;\r\n            background: #e6f7ff;\r\n            border-left: 6px solid #0073e6;\r\n            border-radius: 8px;\r\n            color: #333333;\r\n            font-size: 1.2rem;\r\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .result-item {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            padding: 10px;\r\n            border: 1px solid #ddd;\r\n            border-radius: 4px;\r\n            margin-top: 10px;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .result-label {\r\n            font-weight: bold;\r\n            font-size: 16px;\r\n        }\r\n\r\n        .result-divider {\r\n            border-top: 1px solid #ddd;\r\n            margin: 10px 0;\r\n        }\r\n        .result-value {\r\n            font-size: 16px;\r\n        }\r\n        #total-fee {\r\n            color: green;\r\n        }\r\n    <\/style>\r\n    <script type=\"text\/javascript\">\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n    var form = document.getElementById('arbitration-form');\r\n    var resultDiv = document.getElementById('result');\r\n    var loaderDiv = document.getElementById('loader');\r\n    var resetButton = document.getElementById('reset-button');\r\n    var additionalInfoDiv = document.getElementById('additional-info');\r\n\r\n    form.addEventListener('submit', function(event) {\r\n        event.preventDefault();\r\n\r\n        var amount = document.getElementById('amount').value;\r\n        var arbitratorsCount = document.getElementById('arbitrators-count').value;\r\n\r\n        if (!amount) {\r\n            alert('Please enter an amount.');\r\n            return;\r\n        }\r\n\r\n        loaderDiv.style.display = 'block';\r\n        resultDiv.style.display = 'none';\r\n\r\n        var xhr = new XMLHttpRequest();\r\n        xhr.open('POST', '\/wp-admin\/admin-ajax.php', true); \/\/ \u062a\u0623\u0643\u062f \u0645\u0646 \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0631\u0627\u0628\u0637 \u0625\u0630\u0627 \u0644\u0632\u0645 \u0627\u0644\u0623\u0645\u0631\r\n        xhr.setRequestHeader('Content-Type', 'application\/x-www-form-urlencoded');\r\n\r\n        xhr.onload = function() {\r\n            loaderDiv.style.display = 'none'; \/\/ \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0644\u0648\u062f\u0631 \u0628\u0639\u062f \u0627\u0646\u062a\u0647\u0627\u0621 \u0627\u0644\u0637\u0644\u0628\r\n\r\n            if (xhr.status === 200) {\r\n                try {\r\n                    var data = JSON.parse(xhr.responseText);\r\n\r\n                    var arbitratorFee = parseFloat(data.arbitrator_fee) || 0;\r\n                    var adminFee = parseFloat(data.admin_fee) || 0;\r\n                    var secretaryFee = parseFloat(data.secretary_fee) || 0;\r\n\r\n                    var arbitratorText = arbitratorFee.toFixed(2) + ' \u062f\u0648\u0644\u0627\u0631 \u0623\u0645\u0631\u064a\u0643\u064a';\r\n\r\n                    if (arbitratorsCount == 3) {\r\n                        arbitratorFee *= 3; \/\/ \u0636\u0631\u0628 \u0623\u062a\u0639\u0627\u0628 \u0647\u064a\u0626\u0629 \u0627\u0644\u062a\u062d\u0643\u064a\u0645 \u0641\u064a 3 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0627\u0644\u062e\u064a\u0627\u0631 3 \u0645\u062d\u0643\u0645\u064a\u0646\r\n                        arbitratorText = arbitratorFee.toFixed(2) + ' \u062f\u0648\u0644\u0627\u0631 \u0623\u0645\u0631\u064a\u0643\u064a (\u00d7 3)';\r\n                    }\r\n\r\n                    document.getElementById('arbitrator-fee').textContent = arbitratorText;\r\n                    document.getElementById('admin-fee').textContent = adminFee.toFixed(2) + ' \u062f\u0648\u0644\u0627\u0631 \u0623\u0645\u0631\u064a\u0643\u064a';\r\n                    document.getElementById('secretary-fee').textContent = secretaryFee.toFixed(2) + ' \u062f\u0648\u0644\u0627\u0631 \u0623\u0645\u0631\u064a\u0643\u064a';\r\n\r\n                    var totalFee = arbitratorFee + adminFee + secretaryFee;\r\n                    document.getElementById('total-fee').textContent = totalFee.toFixed(2) + ' \u062f\u0648\u0644\u0627\u0631 \u0623\u0645\u0631\u064a\u0643\u064a';\r\n\r\n                    resultDiv.style.display = 'block';\r\n                    additionalInfoDiv.style.display = 'block'; \/\/ \u0625\u0638\u0647\u0627\u0631 \u0627\u0644\u062c\u0645\u0644\u0629 \u0627\u0644\u0625\u0636\u0627\u0641\u064a\u0629\r\n                } catch (e) {\r\n                    alert('Error parsing server response.');\r\n                    console.error('Parsing error:', e);\r\n                }\r\n            } else {\r\n                alert('An error occurred while processing your request.');\r\n            }\r\n        };\r\n\r\n        xhr.onerror = function() {\r\n            loaderDiv.style.display = 'none';\r\n            alert('An error occurred while sending the request.');\r\n        };\r\n\r\n        xhr.send('action=mac_calculate&amount=' + encodeURIComponent(amount) + '&arbitrators_count=' + encodeURIComponent(arbitratorsCount));\r\n    });\r\n\r\n    resetButton.addEventListener('click', function() {\r\n        form.reset();\r\n        resultDiv.style.display = 'none';\r\n        additionalInfoDiv.style.display = 'none'; \/\/ \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u062c\u0645\u0644\u0629 \u0627\u0644\u0625\u0636\u0627\u0641\u064a\u0629 \u0639\u0646\u062f \u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u062a\u0639\u064a\u064a\u0646\r\n    });\r\n});\r\n\r\n\r\n    <\/script>\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e31f3f8 elementor-widget elementor-widget-spacer\" data-id=\"e31f3f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7256","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ifa-us.org\/ar\/wp-json\/wp\/v2\/pages\/7256","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ifa-us.org\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ifa-us.org\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ifa-us.org\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ifa-us.org\/ar\/wp-json\/wp\/v2\/comments?post=7256"}],"version-history":[{"count":0,"href":"https:\/\/ifa-us.org\/ar\/wp-json\/wp\/v2\/pages\/7256\/revisions"}],"wp:attachment":[{"href":"https:\/\/ifa-us.org\/ar\/wp-json\/wp\/v2\/media?parent=7256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}