{"id":2122,"date":"2025-06-02T11:59:17","date_gmt":"2025-06-02T11:59:17","guid":{"rendered":"https:\/\/sienna-alligator-720889.hostingersite.com\/?page_id=2122"},"modified":"2025-07-30T06:09:18","modified_gmt":"2025-07-30T06:09:18","slug":"bep-calculator","status":"publish","type":"page","link":"https:\/\/hameash.com\/ar\/bep-calculator\/","title":{"rendered":"\u062d\u0627\u0633\u0628\u0629 \u0646\u0642\u0637\u0629 \u0627\u0644\u062a\u0639\u0627\u062f\u0644"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2122\" class=\"elementor elementor-2122\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1af7707 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1af7707\" data-element_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-22742d0\" data-id=\"22742d0\" data-element_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-4ae141f elementor-widget elementor-widget-text-editor\" data-id=\"4ae141f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u062a\u064f\u0642\u062f\u0645 \u0647\u0630\u0647 \u0627\u0644\u062d\u0627\u0633\u0628\u0629 \u0623\u062f\u0627\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0644\u062a\u062d\u062f\u064a\u062f \u0646\u0642\u0637\u0629 \u0627\u0644\u062a\u0639\u0627\u062f\u0644 \u0644\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0645\u0646\u0634\u0622\u062a. \u062a\u062a\u064a\u062d \u0644\u0643\u0645 \u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0627\u0644\u064a\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 (\u0645\u062b\u0644 \u0633\u0639\u0631 \u0627\u0644\u0628\u064a\u0639 \u0644\u0644\u0648\u062d\u062f\u0629\u060c \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0645\u062a\u063a\u064a\u0631\u0629 \u0644\u0644\u0648\u062d\u062f\u0629\u060c \u0648\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u062b\u0627\u0628\u062a\u0629) \u0644\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u062d\u062f \u0627\u0644\u0623\u062f\u0646\u0649 \u0645\u0646 \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a (\u0633\u0648\u0627\u0621 \u0628\u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0623\u0648 \u0628\u0627\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u0646\u0642\u062f\u064a\u0629) \u0627\u0644\u0644\u0627\u0632\u0645 \u0644\u062a\u063a\u0637\u064a\u0629 \u062c\u0645\u064a\u0639 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641. \u062a\u064f\u0639\u062f \u0647\u0630\u0647 \u0627\u0644\u062d\u0627\u0633\u0628\u0629 \u0636\u0631\u0648\u0631\u064a\u0629 \u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0645\u0627\u0644\u064a\u060c \u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629\u060c \u0648\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u062c\u062f\u0648\u0649 \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629 \u0644\u0644\u0645\u0634\u0631\u0648\u0639\u060c \u0645\u0645\u0627 \u064a\u062f\u0639\u0645 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0631\u0634\u064a\u062f\u0629 \u0644\u0644\u0645\u0648\u0627\u0631\u062f \u0648\u064a\u064f\u0645\u0643\u0646 \u0645\u0646 \u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629 \u0627\u0644\u0645\u0627\u0644\u064a\u0629.<\/p>\t\t\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a7a9061 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a7a9061\" data-element_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-e8ad5ef\" data-id=\"e8ad5ef\" data-element_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-cb912f0 elementor-widget elementor-widget-text-editor\" data-id=\"cb912f0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Break-Even Calculator<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;700&display=swap');\n\n        \/* CSS Variables *\/\n        :root {\n            --primary-color: #0E1A36;\n            --light-bg: #f8f9fa;\n            --card-bg: #ffffff;\n            --border-color: #e0e0e0;\n            --text-dark: #343a40;\n            --text-medium: #6c757d;\n            --success-bg: #e6ffed;\n            --success-text: #1a7e37;\n            --error-bg: #fff0f0;\n            --error-text: #dc3545;\n            --warning-bg: #fffde7;\n            --warning-text: #e0a800;\n            --shadow-light: rgba(0, 0, 0, 0.05);\n            --shadow-medium: rgba(0, 0, 0, 0.1);\n        }\n\n        .breakeven-calculator {\n            max-width: 550px;\n            width: 90%;\n            margin: 20px auto;\n            border: none;\n            padding: 30px;\n            border-radius: 20px;\n            box-shadow: 0 15px 40px var(--shadow-medium);\n            background: var(--card-bg);\n            overflow: hidden;\n            font-family: 'Tajawal', sans-serif;\n            color: var(--text-dark);\n            direction: ltr;\n            line-height: 1.6;\n        }\n\n        .breakeven-calculator h3 {\n            text-align: center;\n            margin-bottom: 30px;\n            font-weight: 700;\n            color: var(--primary-color);\n            font-size: 28px;\n            position: relative;\n        }\n\n        .breakeven-calculator h3::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 4px;\n            background-color: var(--primary-color);\n            border-radius: 2px;\n        }\n\n        .toggle-container,\n        .calculation-type-container {\n            display: flex;\n            justify-content: center;\n            gap: 15px;\n            margin-bottom: 30px;\n        }\n\n        .toggle-option,\n        .calculation-type-option {\n            padding: 14px 30px;\n            border: 2px solid var(--border-color);\n            border-radius: 30px;\n            cursor: pointer;\n            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n            font-weight: 700;\n            background: var(--card-bg);\n            color: var(--text-medium);\n            font-size: 17px;\n            flex-grow: 1;\n            text-align: center;\n            user-select: none;\n        }\n\n        .toggle-option:hover,\n        .calculation-type-option:hover {\n            border-color: var(--primary-color);\n            color: var(--primary-color);\n            transform: translateY(-2px);\n            box-shadow: 0 4px 10px var(--shadow-light);\n        }\n\n        .toggle-option.active,\n        .calculation-type-option.active {\n            background: var(--primary-color);\n            color: white;\n            border-color: var(--primary-color);\n            box-shadow: 0 8px 20px rgba(14, 26, 54, 0.4);\n            transform: translateY(-4px);\n        }\n\n        .calculation-type-option {\n            border-radius: 30px;\n            padding: 12px 25px;\n            font-size: 16px;\n        }\n\n        .breakeven-calculator label {\n            display: flex;\n            align-items: center;\n            margin-bottom: 10px;\n            font-weight: 700;\n            color: var(--text-dark);\n            font-size: 16px;\n            opacity: 0;\n            transform: translateY(10px);\n            animation: fadeInSlideUp 0.5s forwards ease-out;\n        }\n\n        \/* Style for the info icon *\/\n        .breakeven-calculator label .info-icon {\n            margin-left: 8px;\n            font-size: 14px;\n            color: var(--text-medium);\n            cursor: help;\n        }\n\n        .breakeven-calculator label .info-icon:hover {\n            color: var(--primary-color);\n        }\n\n        .breakeven-calculator label:nth-of-type(1) {\n            animation-delay: 0.1s;\n        }\n\n        .breakeven-calculator label:nth-of-type(2) {\n            animation-delay: 0.2s;\n        }\n\n        .breakeven-calculator label:nth-of-type(3) {\n            animation-delay: 0.3s;\n        }\n\n        .breakeven-calculator label:nth-of-type(4) {\n            animation-delay: 0.4s;\n        }\n\n        .breakeven-calculator label:nth-of-type(5) {\n            animation-delay: 0.5s;\n        }\n\n        .breakeven-calculator label:nth-of-type(6) {\n            animation-delay: 0.6s;\n        }\n\n        .breakeven-calculator input[type=\"number\"] {\n            width: calc(100% - 28px);\n            padding: 14px;\n            border-radius: 12px;\n            border: 2px solid var(--border-color);\n            margin-bottom: 22px;\n            font-size: 17px;\n            transition: border-color 0.3s ease, box-shadow 0.3s ease;\n            box-sizing: border-box;\n            color: var(--text-dark);\n        }\n\n        .breakeven-calculator input[type=\"number\"]:focus {\n            border-color: var(--primary-color);\n            box-shadow: 0 0 0 4px rgba(14, 26, 54, 0.25);\n            outline: none;\n        }\n\n        .breakeven-calculator button {\n            width: 100%;\n            background-color: var(--primary-color);\n            color: white;\n            padding: 16px;\n            border: none;\n            border-radius: 15px;\n            font-weight: bold;\n            font-size: 19px;\n            cursor: pointer;\n            transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;\n            box-shadow: 0 5px 15px rgba(14, 26, 54, 0.3);\n            letter-spacing: 0.5px;\n        }\n\n        .breakeven-calculator button:hover {\n            background-color: #1a3666;\n            transform: translateY(-3px);\n            box-shadow: 0 8px 20px rgba(14, 26, 54, 0.45);\n        }\n\n        .result-box {\n            margin-top: 30px;\n            padding: 25px;\n            background: var(--success-bg);\n            border-radius: 18px;\n            color: var(--success-text);\n            font-weight: bold;\n            border: 1px solid var(--success-text);\n            box-shadow: 0 8px 20px rgba(0, 123, 255, 0.1);\n            animation: fadeIn 0.8s ease-out;\n        }\n\n        .result-details {\n            text-align: left;\n            margin-bottom: 18px;\n            font-size: 15.5px;\n            line-height: 1.7;\n        }\n\n        .result-details div {\n            margin-bottom: 7px;\n            color: var(--text-dark);\n            font-weight: normal;\n        }\n\n        .result-details div strong {\n            color: var(--primary-color);\n        }\n\n        .final-result {\n            font-size: 24px;\n            margin-top: 20px;\n            padding-top: 18px;\n            border-top: 2px dashed var(--primary-color);\n            text-align: center;\n            color: var(--primary-color);\n            font-weight: 700;\n        }\n\n        .consultation-link {\n            margin-top: 20px;\n            padding: 15px;\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n            border-radius: 12px;\n            border: 2px solid var(--border-color);\n            text-align: center;\n            font-size: 15px;\n            line-height: 1.6;\n            color: var(--text-dark);\n        }\n\n        .consultation-link a {\n            color: var(--primary-color);\n            text-decoration: none;\n            font-weight: 700;\n            transition: all 0.3s ease;\n            border-bottom: 2px solid transparent;\n        }\n\n        .consultation-link a:hover {\n            color: #1a3666;\n            border-bottom-color: var(--primary-color);\n            transform: translateY(-1px);\n        }\n\n        .result-box.error {\n            background: var(--error-bg);\n            color: var(--error-text);\n            border-color: var(--error-text);\n        }\n\n        .result-box.warning {\n            background: var(--warning-bg);\n            color: var(--warning-text);\n            border-color: var(--warning-text);\n        }\n\n        input[type=\"number\"]::-webkit-outer-spin-button,\n        input[type=\"number\"]::-webkit-inner-spin-button {\n            -webkit-appearance: none;\n            margin: 0;\n        }\n\n        input[type=\"number\"] {\n            -moz-appearance: textfield;\n        }\n\n        #simple-inputs,\n        #detailed-inputs {\n            transition: all 0.5s ease-out;\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        #simple-inputs.hidden,\n        #detailed-inputs.hidden {\n            opacity: 0;\n            transform: translateY(20px);\n            pointer-events: none;\n            height: 0;\n            overflow: hidden;\n            margin-bottom: 0 !important;\n        }\n\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n                transform: translateY(20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes fadeInSlideUp {\n            from {\n                opacity: 0;\n                transform: translateY(15px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        #additional_fixed_costs_detailed {\n            transition: all 0.5s ease-out;\n            opacity: 1;\n            max-height: 500px;\n            overflow: hidden;\n        }\n\n        #additional_fixed_costs_detailed.hidden {\n            opacity: 0;\n            max-height: 0;\n            padding-top: 0;\n            padding-bottom: 0;\n            margin-top: 0;\n            margin-bottom: 0;\n        }\n\n        .tooltip-container {\n            position: relative;\n            display: inline-block;\n            cursor: pointer;\n        }\n\n        .tooltip-container .tooltip-text {\n            visibility: hidden;\n            width: 230px;\n            background-color: #333;\n            color: #fff;\n            text-align: left;\n            border-radius: 6px;\n            padding: 8px;\n            position: absolute;\n            z-index: 100;\n            bottom: 125%;\n            left: 50%;\n            transform: translateX(-50%);\n            opacity: 0;\n            transition: opacity 0.3s;\n            font-size: 14px;\n            line-height: 1.5;\n            white-space: normal;\n            text-transform: none !important;\n            font-weight: normal;\n            font-family: Arial, sans-serif;\n            box-shadow: 0 2px 8px rgba(0,0,0,0.4);\n        }\n\n        .tooltip-container:hover .tooltip-text {\n            visibility: visible;\n            opacity: 1;\n        }\n\n        @media (max-width: 767px) {\n            .breakeven-calculator {\n                width: 95%;\n                margin: 15px auto;\n                padding: 20px;\n            }\n\n            .breakeven-calculator h3 {\n                font-size: 24px;\n                margin-bottom: 20px;\n            }\n\n            .toggle-container,\n            .calculation-type-container {\n                flex-direction: column;\n                gap: 10px;\n                margin-bottom: 20px;\n            }\n\n            .toggle-option,\n            .calculation-type-option {\n                padding: 12px 20px;\n                font-size: 16px;\n            }\n\n            .breakeven-calculator label,\n            .breakeven-calculator input[type=\"number\"] {\n                font-size: 15px;\n                padding: 12px;\n            }\n\n            .breakeven-calculator button {\n                padding: 14px;\n                font-size: 17px;\n            }\n\n            .result-box {\n                padding: 20px;\n            }\n\n            .result-details {\n                font-size: 14.5px;\n            }\n\n            .final-result {\n                font-size: 22px;\n            }\n\n            .tooltip-container .tooltip-text {\n                width: 180px;\n                font-size: 12px;\n                padding: 6px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"breakeven-calculator\">\n        <h3>\u062d\u0627\u0633\u0628\u0629 \u0646\u0642\u0637\u0629 \u0627\u0644\u062a\u0639\u0627\u062f\u0644<\/h3>\n        \n        <div class=\"calculation-type-container\">\n            <div class=\"calculation-type-option active\" onclick=\"toggleCalculationType('simple')\">\u062d\u0633\u0627\u0628 \u0645\u0628\u0633\u0637<\/div>\n            <div class=\"calculation-type-option\" onclick=\"toggleCalculationType('detailed')\">\u062d\u0633\u0627\u0628 \u062a\u0641\u0635\u064a\u0644\u064a<\/div>\n        <\/div>\n        \n        <div class=\"toggle-container\">\n            <div class=\"toggle-option active\" onclick=\"toggleUnit('unit')\">\u0627\u0644\u0643\u0645\u064a\u0629\/\u0627\u0644\u0648\u062d\u062f\u0629<\/div>\n            <div class=\"toggle-option\" onclick=\"toggleUnit('value')\">\u0627\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u0645\u0627\u0644\u064a\u0629<\/div>\n        <\/div>\n        \n        <div id=\"simple-inputs\">\n            <label id=\"label_selling_simple\">\n                \u0633\u0639\u0631 \u0627\u0644\u0628\u064a\u0639 \u0644\u0644\u0648\u062d\u062f\u0629\n                <i class=\"fas fa-info-circle info-icon tooltip-container\">\n                    <span class=\"tooltip-text\">\u0627\u0644\u0633\u0639\u0631 \u0627\u0644\u0630\u064a \u062a\u0628\u064a\u0639 \u0628\u0647 \u0648\u062d\u062f\u0629 \u0648\u0627\u062d\u062f\u0629 \u0645\u0646 \u0645\u0646\u062a\u062c\u0643 \u0623\u0648 \u062e\u062f\u0645\u062a\u0643<\/span>\n                <\/i>\n            <\/label>\n            <input id=\"selling_price_simple\" min=\"0\" step=\"0.01\" type=\"number\" placeholder=\"\u0623\u062f\u062e\u0644 \u0633\u0639\u0631 \u0628\u064a\u0639 \u0645\u0646\u062a\u062c\/\u062e\u062f\u0645\u0629 \u0648\u0627\u062d\u062f\u0629 (\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644\u060c 100)\" \/>\n            \n            <label id=\"label_variable_simple\">\n                \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0645\u062a\u063a\u064a\u0631\u0629 \u0644\u0643\u0644 \u0648\u062d\u062f\u0629:\n                <i class=\"fas fa-info-circle info-icon tooltip-container\">\n                    <span class=\"tooltip-text\">\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0634\u0643\u0644 \u0645\u0628\u0627\u0634\u0631 \u0628\u0625\u0646\u062a\u0627\u062c \u0623\u0648 \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0648\u062d\u062f\u0629 \u0648\u0627\u062d\u062f\u0629 \u0645\u0646 \u0645\u0646\u062a\u062c\u0643 \u0623\u0648 \u062e\u062f\u0645\u062a\u0643<\/span>\n                <\/i>\n            <\/label>\n            <input id=\"variable_cost_simple\" min=\"0\" step=\"0.01\" type=\"number\" placeholder=\"\u0623\u062f\u062e\u0644 \u062a\u0643\u0644\u0641\u0629 \u0625\u0646\u062a\u0627\u062c \u0623\u0648 \u0634\u0631\u0627\u0621 \u0648\u062d\u062f\u0629 \u0648\u0627\u062d\u062f\u0629 (\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644\u060c 30)\" \/>\n\n            <label id=\"label_fixed_simple\">\n                \u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u062b\u0627\u0628\u062a\u0629:\n                <i class=\"fas fa-info-circle info-icon tooltip-container\">\n                    <span class=\"tooltip-text\">\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u062a\u064a \u0644\u0627 \u062a\u062a\u063a\u064a\u0631 \u0628\u063a\u0636 \u0627\u0644\u0646\u0638\u0631 \u0639\u0646 \u0639\u062f\u062f \u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0645\u0646\u062a\u062c\u0629 \u0623\u0648 \u0627\u0644\u0645\u0628\u0627\u0639\u0629 (\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644\u060c \u0627\u0644\u0625\u064a\u062c\u0627\u0631 \u0648\u0627\u0644\u0631\u0648\u0627\u062a\u0628)<\/span>\n                <\/i>\n            <\/label>\n            <input id=\"fixed_cost_simple\" min=\"0\" step=\"0.01\" type=\"number\" placeholder=\"\u0623\u062f\u062e\u0644 \u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u062b\u0627\u0628\u062a\u0629 \u0627\u0644\u0634\u0647\u0631\u064a\u0629 \u0623\u0648 \u0627\u0644\u0633\u0646\u0648\u064a\u0629 (\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644\u060c 5000)\" \/>\n        <\/div>\n        \n        <div id=\"detailed-inputs\" class=\"hidden\">\n            <label id=\"label_total_revenue_detailed\">\n                \u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0625\u064a\u0631\u0627\u062f\u0627\u062a (\u0644\u0641\u062a\u0631\u0629 \u0645\u062d\u062f\u062f\u0629):\n                <i class=\"fas fa-info-circle info-icon tooltip-container\">\n                    <span class=\"tooltip-text\">\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0646\u0627\u062a\u062c \u0639\u0646 \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a \u062e\u0644\u0627\u0644 \u0641\u062a\u0631\u0629 \u0645\u062d\u062f\u062f\u0629<\/span>\n                <\/i>\n            <\/label>\n            <input id=\"total_revenue_detailed\" min=\"0\" step=\"0.01\" type=\"number\" placeholder=\"\u0623\u062f\u062e\u0644 \u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a \u0627\u0644\u0645\u062d\u0642\u0642\u0629 \u062e\u0644\u0627\u0644 \u0641\u062a\u0631\u0629 \u0645\u062d\u062f\u062f\u0629 (\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644\u060c 100000)\" \/>\n            \n            <label id=\"label_total_variable_cost_detailed\">\n                \u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0645\u062a\u063a\u064a\u0631\u0629 (\u0644\u0646\u0641\u0633 \u0627\u0644\u0641\u062a\u0631\u0629):\n                <i class=\"fas fa-info-circle info-icon tooltip-container\">\n                    <span class=\"tooltip-text\">\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u062a\u064a \u062a\u062a\u063a\u064a\u0631 \u0628\u0634\u0643\u0644 \u0645\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u062d\u062c\u0645 \u0627\u0644\u0633\u0644\u0639 \u0623\u0648 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0646\u062a\u062c\u0629<\/span>\n                <\/i>\n            <\/label>\n            <input id=\"total_variable_cost_detailed\" min=\"0\" step=\"0.01\" type=\"number\" placeholder=\"\u0623\u062f\u062e\u0644 \u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u062a\u064a \u062a\u062e\u062a\u0644\u0641 \u0628\u0627\u062e\u062a\u0644\u0627\u0641 \u062d\u062c\u0645 \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a (\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644\u060c 30000)\" \/>\n\n            <label id=\"label_fixed_cost_detailed\">\n                \u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u062b\u0627\u0628\u062a\u0629 (\u0644\u0646\u0641\u0633 \u0627\u0644\u0641\u062a\u0631\u0629):\n                <i class=\"fas fa-info-circle info-icon tooltip-container\">\n                    <span class=\"tooltip-text\">\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u062a\u064a \u062a\u0638\u0644 \u062b\u0627\u0628\u062a\u0629 \u0628\u063a\u0636 \u0627\u0644\u0646\u0638\u0631 \u0639\u0646 \u062d\u062c\u0645 \u0627\u0644\u0625\u0646\u062a\u0627\u062c \u0623\u0648 \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a \u0644\u0644\u0641\u062a\u0631\u0629 \u0627\u0644\u0645\u062d\u062f\u062f\u0629<\/span>\n                <\/i>\n            <\/label>\n            <input id=\"fixed_cost_detailed\" min=\"0\" step=\"0.01\" type=\"number\" placeholder=\"\u0623\u062f\u062e\u0644 \u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u062b\u0627\u0628\u062a\u0629 \u0627\u0644\u062a\u064a \u0644\u0627 \u062a\u062a\u063a\u064a\u0631 \u0645\u0639 \u062d\u062c\u0645 \u0627\u0644\u0625\u0646\u062a\u0627\u062c (\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644\u060c 50000)\" \/>\n            \n            <div id=\"additional_fixed_costs_detailed\" class=\"hidden\">\n                <p style=\"font-weight: bold; color: var(--primary-color); margin-top: 25px; margin-bottom: 15px; text-align: center;\">\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u062b\u0627\u0628\u062a\u0629 \u0627\u0644\u062a\u0641\u0635\u064a\u0644\u064a\u0629 (\u0634\u0647\u0631\u064a\u064b\u0627):<\/p>\n                \n                <label>\n                    \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621:\n                    <i class=\"fas fa-info-circle info-icon tooltip-container\">\n                        <span class=\"tooltip-text\">\u0627\u0644\u0627\u0633\u062a\u0647\u0644\u0627\u0643 \u0627\u0644\u0634\u0647\u0631\u064a \u0644\u0644\u0643\u0647\u0631\u0628\u0627\u0621<\/span>\n                    <\/i>\n                <\/label>\n                <input id=\"electricity_cost_detailed\" min=\"0\" step=\"0.01\" type=\"number\" placeholder=\"\u0623\u062f\u062e\u0644 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621 \u0627\u0644\u0634\u0647\u0631\u064a\u0629 (\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644\u060c 1500)\" \/>\n\n                <label>\n                    \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0625\u064a\u062c\u0627\u0631:\n                    <i class=\"fas fa-info-circle info-icon tooltip-container\">\n                        <span class=\"tooltip-text\">\u0627\u0644\u0646\u0641\u0642\u0627\u062a \u0627\u0644\u0634\u0647\u0631\u064a\u0629 \u0644\u0644\u0625\u064a\u062c\u0627\u0631<\/span>\n                    <\/i>\n                <\/label>\n                <input id=\"rent_cost_detailed\" min=\"0\" step=\"0.01\" type=\"number\" placeholder=\"\u0623\u062f\u062e\u0644 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0625\u064a\u062c\u0627\u0631 \u0627\u0644\u0634\u0647\u0631\u064a (\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644\u060c 3000)\" \/>\n\n                <label>\n                    \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u062b\u0627\u0628\u062a\u0629 \u0627\u0644\u0623\u062e\u0631\u0649:\n                    <i class=\"fas fa-info-circle info-icon tooltip-container\">\n                        <span class=\"tooltip-text\">\u0623\u064a \u0645\u0635\u0627\u0631\u064a\u0641 \u0634\u0647\u0631\u064a\u0629 \u0623\u062e\u0631\u0649 \u0644\u0627 \u062a\u062a\u063a\u064a\u0631 \u0645\u0639 \u062d\u062c\u0645 \u0627\u0644\u0625\u0646\u062a\u0627\u062c \u0623\u0648 \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a<\/span>\n                    <\/i>\n                <\/label>\n                <input id=\"other_fixed_cost_detailed\" min=\"0\" step=\"0.01\" type=\"number\" placeholder=\"\u0623\u062f\u062e\u0644 \u0623\u064a \u062a\u0643\u0627\u0644\u064a\u0641 \u0634\u0647\u0631\u064a\u0629 \u062b\u0627\u0628\u062a\u0629 \u0623\u062e\u0631\u0649 (\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644\u060c 500)\" \/>\n            <\/div>\n            \n            <label id=\"label_units_sold_detailed\">\n                \u0639\u062f\u062f \u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0645\u0628\u0627\u0639\u0629 (\u0644\u0646\u0641\u0633 \u0627\u0644\u0641\u062a\u0631\u0629):\n                <i class=\"fas fa-info-circle info-icon tooltip-container\">\n                    <span class=\"tooltip-text\">\u0627\u0644\u0639\u062f\u062f \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a \u0644\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0623\u0648 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0641\u0631\u062f\u064a\u0629 \u0627\u0644\u0645\u0628\u0627\u0639\u0629 \u062e\u0644\u0627\u0644 \u0627\u0644\u0641\u062a\u0631\u0629 \u0627\u0644\u0645\u062d\u062f\u062f\u0629<\/span>\n                <\/i>\n            <\/label>\n            <input id=\"units_sold_detailed\" min=\"0\" step=\"1\" type=\"number\" placeholder=\"\u0623\u062f\u062e\u0644 \u0639\u062f\u062f \u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u062a\u064a \u0628\u0639\u062a\u0647\u0627 \u0641\u064a \u0646\u0641\u0633 \u0627\u0644\u0641\u062a\u0631\u0629 (\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644\u060c 1000)\" \/>\n        <\/div>\n        \n        <button onclick=\"calculateBreakEven()\">\u062d\u0633\u0627\u0628 \u0646\u0642\u0637\u0629 \u0627\u0644\u062a\u0639\u0627\u062f\u0644<\/button>\n        <div id=\"result\"><\/div>\n    <\/div>\n\n    <script>\n        let currentCalculationType = 'simple';\n        let currentUnitType = 'unit';\n\n        function toggleCalculationType(type) {\n            const options = document.querySelectorAll('.calculation-type-option');\n            const simpleInputsDiv = document.getElementById('simple-inputs');\n            const detailedInputsDiv = document.getElementById('detailed-inputs');\n\n            options.forEach(opt => opt.classList.remove('active'));\n            document.querySelector(`.calculation-type-option[onclick*=\"${type}\"]`).classList.add('active');\n\n            currentCalculationType = type;\n\n            if (type === 'simple') {\n                simpleInputsDiv.classList.remove('hidden');\n                detailedInputsDiv.classList.add('hidden');\n            } else {\n                simpleInputsDiv.classList.add('hidden');\n                detailedInputsDiv.classList.remove('hidden');\n            }\n\n            toggleUnit(currentUnitType);\n            calculateBreakEven();\n        }\n\n        function toggleUnit(type) {\n            const options = document.querySelectorAll('.toggle-option');\n            const additionalFixedCostsDiv = document.getElementById('additional_fixed_costs_detailed');\n            const fixedCostDetailedLabel = document.getElementById('label_fixed_cost_detailed');\n            const fixedCostDetailedInput = document.getElementById('fixed_cost_detailed');\n\n            options.forEach(opt => opt.classList.remove('active'));\n            document.querySelector(`.toggle-option[onclick*=\"${type}\"]`).classList.add('active');\n\n            currentUnitType = type;\n\n            if (currentCalculationType === 'detailed' && currentUnitType === 'value') {\n                additionalFixedCostsDiv.classList.remove('hidden');\n                fixedCostDetailedLabel.style.display = 'none';\n                fixedCostDetailedInput.style.display = 'none';\n            } else {\n                additionalFixedCostsDiv.classList.add('hidden');\n                fixedCostDetailedLabel.style.display = 'block';\n                fixedCostDetailedInput.style.display = 'block';\n            }\n\n            updateLabels();\n            calculateBreakEven();\n        }\n\n        function updateLabels() {\n            const isValue = (currentUnitType === 'value');\n\n            if (currentCalculationType === 'simple') {\n                if (isValue) {\n                    document.getElementById(\"label_selling_simple\").innerHTML = `Total Selling Price (Revenue) for the period: <i class=\"fas fa-info-circle info-icon tooltip-container\">\n                        <span class=\"tooltip-text\">The total sales revenue generated over a specific period.<\/span>\n                    <\/i>`;\n                    document.getElementById(\"selling_price_simple\").placeholder = \"Enter total sales revenue (e.g., 100000)\";\n\n                    document.getElementById(\"label_variable_simple\").innerHTML = `Total Variable Costs for the period: <i class=\"fas fa-info-circle info-icon tooltip-container\">\n                        <span class=\"tooltip-text\">The total costs that vary with sales volume over a specific period.<\/span>\n                    <\/i>`;\n                    document.getElementById(\"variable_cost_simple\").placeholder = \"Enter total variable costs (e.g., 30000)\";\n\n                    document.getElementById(\"label_fixed_simple\").innerHTML = `Total Fixed Costs: <i class=\"fas fa-info-circle info-icon tooltip-container\">\n                        <span class=\"tooltip-text\">The total costs that do not change regardless of the number of units produced or sold.<\/span>\n                    <\/i>`;\n                    document.getElementById(\"fixed_cost_simple\").placeholder = \"Enter total fixed costs (e.g., 50000)\";\n                } else {\n                    document.getElementById(\"label_selling_simple\").innerHTML = `Selling Price per Unit: <i class=\"fas fa-info-circle info-icon tooltip-container\">\n                        <span class=\"tooltip-text\">The price at which you sell one unit of your product or service.<\/span>\n                    <\/i>`;\n                    document.getElementById(\"selling_price_simple\").placeholder = \"Enter the selling price of one product\/service (e.g., 100)\";\n\n                    document.getElementById(\"label_variable_simple\").innerHTML = `Variable Cost per Unit: <i class=\"fas fa-info-circle info-icon tooltip-container\">\n                        <span class=\"tooltip-text\">The cost directly associated with producing or acquiring one unit of your product or service.<\/span>\n                    <\/i>`;\n                    document.getElementById(\"variable_cost_simple\").placeholder = \"Enter the cost to produce or purchase one unit (e.g., 30)\";\n\n                    document.getElementById(\"label_fixed_simple\").innerHTML = `Total Fixed Costs: <i class=\"fas fa-info-circle info-icon tooltip-container\">\n                        <span class=\"tooltip-text\">Costs that do not change regardless of the number of units produced or sold (e.g., rent, salaries).<\/span>\n                    <\/i>`;\n                    document.getElementById(\"fixed_cost_simple\").placeholder = \"Enter total monthly or annual fixed costs (e.g., 5000)\";\n                }\n            } else { \/\/ Detailed Calculation\n                document.getElementById(\"label_total_revenue_detailed\").innerHTML = `Total Revenue (for a specific period): <i class=\"fas fa-info-circle info-icon tooltip-container\">\n                    <span class=\"tooltip-text\">The total amount of money generated from sales during a specific period.<\/span>\n                <\/i>`;\n                document.getElementById(\"total_revenue_detailed\").placeholder = \"Enter total sales achieved in a specific period (e.g., 100000)\";\n\n                document.getElementById(\"label_total_variable_cost_detailed\").innerHTML = `Total Variable Costs (for the same period): <i class=\"fas fa-info-circle info-icon tooltip-container\">\n                    <span class=\"tooltip-text\">The total costs that change in proportion to the volume of goods or services produced.<\/span>\n                <\/i>`;\n                document.getElementById(\"total_variable_cost_detailed\").placeholder = \"Enter total costs that vary with sales volume (e.g., 30000)\";\n\n                document.getElementById(\"label_units_sold_detailed\").innerHTML = `Number of Units Sold (for the same period): <i class=\"fas fa-info-circle info-icon tooltip-container\">\n                    <span class=\"tooltip-text\">The total number of individual products or services sold during the specified period.<\/span>\n                <\/i>`;\n                document.getElementById(\"units_sold_detailed\").placeholder = \"Enter the number of units you sold in the same period (e.g., 1000)\";\n\n                if (isValue) {\n                    document.getElementById(\"label_fixed_cost_detailed\").style.display = 'none';\n                    document.getElementById(\"fixed_cost_detailed\").style.display = 'none';\n                    \/\/ Update titles for detailed fixed costs when visible\n                    document.querySelector('#additional_fixed_costs_detailed label:nth-of-type(1)').innerHTML = `Electricity Cost: <i class=\"fas fa-info-circle info-icon tooltip-container\">\n                        <span class=\"tooltip-text\">The recurring monthly expense for electricity.<\/span>\n                    <\/i>`;\n                    document.querySelector('#additional_fixed_costs_detailed label:nth-of-type(2)').innerHTML = `Rent Cost: <i class=\"fas fa-info-circle info-icon tooltip-container\">\n                        <span class=\"tooltip-text\">The recurring monthly expense for renting your business premises.<\/span>\n                    <\/i>`;\n                    document.querySelector('#additional_fixed_costs_detailed label:nth-of-type(3)').innerHTML = `Other Fixed Costs: <i class=\"fas fa-info-circle info-icon tooltip-container\">\n                        <span class=\"tooltip-text\">Any other monthly expenses that do not change with production or sales volume.<\/span>\n                    <\/i>`;\n                } else {\n                    document.getElementById(\"label_fixed_cost_detailed\").style.display = 'block';\n                    document.getElementById(\"fixed_cost_detailed\").style.display = 'block';\n                    document.getElementById(\"label_fixed_cost_detailed\").innerHTML = `Total Fixed Costs (for the same period): <i class=\"fas fa-info-circle info-icon tooltip-container\">\n                        <span class=\"tooltip-text\">The total costs that remain constant regardless of production or sales volume for the specified period.<\/span>\n                    <\/i>`;\n                }\n            }\n        }\n\n        function calculateBreakEven() {\n            updateLabels();\n\n            const resultDiv = document.getElementById(\"result\");\n            resultDiv.innerHTML = '';\n\n            if (currentCalculationType === 'simple') {\n                const isValue = (currentUnitType === 'value');\n                let fixedCost;\n\n                if (isValue) {\n                    const totalSellingPrice = parseFloat(document.getElementById(\"selling_price_simple\").value);\n                    const totalVariableCost = parseFloat(document.getElementById(\"variable_cost_simple\").value);\n                    fixedCost = parseFloat(document.getElementById(\"fixed_cost_simple\").value);\n\n                    if (isNaN(totalSellingPrice) || isNaN(totalVariableCost) || isNaN(fixedCost)) {\n                        resultDiv.innerHTML = `<div class=\"result-box error\">Please fill in all fields with valid numeric values.<\/div>`;\n                        return;\n                    }\n                    if (totalSellingPrice < 0 || totalVariableCost < 0 || fixedCost < 0) {\n                        resultDiv.innerHTML = `<div class=\"result-box error\">All input values must be positive.<\/div>`;\n                        return;\n                    }\n                    if (totalSellingPrice <= 0) {\n                        resultDiv.innerHTML = `<div class=\"result-box error\">Total Selling Price must be greater than zero.<\/div>`;\n                        return;\n                    }\n                    if (totalSellingPrice <= totalVariableCost) {\n                        resultDiv.innerHTML = `<div class=\"result-box error\">Total Selling Price (<b>${totalSellingPrice.toFixed(2)}<\/b> SAR) must be greater than Total Variable Costs (<b>${totalVariableCost.toFixed(2)}<\/b> SAR) to make a profit.<\/div>`;\n                        return;\n                    }\n\n                    const contributionMargin = totalSellingPrice - totalVariableCost;\n                    const contributionMarginRatio = contributionMargin \/ totalSellingPrice;\n                    const breakevenValue = fixedCost \/ contributionMarginRatio;\n\n                    let resultHtml = `\n                        <div class=\"result-box\">\n                            <div class=\"result-details\">\n                                <div>Entered Total Selling Price (Revenue): <strong>${totalSellingPrice.toFixed(2)}<\/strong> SAR<\/div>\n                                <div>Entered Total Variable Costs: <strong>${totalVariableCost.toFixed(2)}<\/strong> SAR<\/div>\n                                <div>Calculated Contribution Margin: <strong>${contributionMargin.toFixed(2)}<\/strong> SAR<\/div>\n                                <div>Calculated Contribution Margin Ratio: <strong>${(contributionMarginRatio * 100).toFixed(2)}<\/strong>%<\/div>\n                                <div>Entered Fixed Costs: <strong>${fixedCost.toFixed(2)}<\/strong> SAR<\/div>\n                            <\/div>\n                            <div class=\"final-result\">Break-Even Point (Value): <span>${breakevenValue.toFixed(2)}<\/span> SAR<\/div>\n                        <\/div>\n                        <div class=\"consultation-link\">\n                            For detailed analysis and advanced consulting services, <a href=\"https:\/\/sienna-alligator-720889.hostingersite.com\/contact\/\" target=\"_blank\">click here to fill out our consultation form<\/a>.\n                        <\/div>\n                    `;\n                    resultDiv.innerHTML = resultHtml;\n\n                } else {\n                    const sellingPrice = parseFloat(document.getElementById(\"selling_price_simple\").value);\n                    const variableCost = parseFloat(document.getElementById(\"variable_cost_simple\").value);\n                    fixedCost = parseFloat(document.getElementById(\"fixed_cost_simple\").value);\n\n                    if (isNaN(sellingPrice) || isNaN(variableCost) || isNaN(fixedCost) || sellingPrice === 0) {\n                        resultDiv.innerHTML = `<div class=\"result-box error\">Please fill in all fields with valid, non-zero numeric values for selling price.<\/div>`;\n                        return;\n                    }\n                    if (sellingPrice <= variableCost) {\n                        resultDiv.innerHTML = `<div class=\"result-box error\">Selling Price (<b>${sellingPrice.toFixed(2)}<\/b> SAR) must be greater than Variable Cost (<b>${variableCost.toFixed(2)}<\/b> SAR) to make a profit.<\/div>`;\n                        return;\n                    }\n                    if (fixedCost < 0 || sellingPrice < 0 || variableCost < 0) {\n                        resultDiv.innerHTML = `<div class=\"result-box error\">All input values must be positive.<\/div>`;\n                        return;\n                    }\n\n                    const breakevenUnits = fixedCost \/ (sellingPrice - variableCost);\n                    const roundedUnits = Math.ceil(breakevenUnits);\n\n                    let resultHtml = `\n                        <div class=\"result-box\">\n                            <div class=\"result-details\">\n                                <div>Entered Selling Price: <strong>${sellingPrice.toFixed(2)}<\/strong> SAR\/unit<\/div>\n                                <div>Entered Variable Cost: <strong>${variableCost.toFixed(2)}<\/strong> SAR\/unit<\/div>\n                                <div>Entered Fixed Costs: <strong>${fixedCost.toFixed(2)}<\/strong> SAR<\/div>\n                            <\/div>\n                            <div class=\"final-result\">Break-Even Point (Units): <span>${roundedUnits}<\/span> units<\/div>\n                        <\/div>\n                        <div class=\"consultation-link\">\n                            For detailed analysis and advanced consulting services, <a href=\"https:\/\/sienna-alligator-720889.hostingersite.com\/contact\/\" target=\"_blank\">click here to fill out our consultation form<\/a>.\n                        <\/div>\n                    `;\n                    resultDiv.innerHTML = resultHtml;\n                }\n\n            } else {\n                const totalRevenue = parseFloat(document.getElementById(\"total_revenue_detailed\").value);\n                const totalVariableCost = parseFloat(document.getElementById(\"total_variable_cost_detailed\").value);\n                let fixedCost = parseFloat(document.getElementById(\"fixed_cost_detailed\").value);\n                const unitsSold = parseFloat(document.getElementById(\"units_sold_detailed\").value);\n                const isValue = (currentUnitType === 'value');\n\n                let electricityCost = 0, rentCost = 0, otherFixedCost = 0;\n                if (currentUnitType === 'value') {\n                    electricityCost = parseFloat(document.getElementById(\"electricity_cost_detailed\").value) || 0;\n                    rentCost = parseFloat(document.getElementById(\"rent_cost_detailed\").value) || 0;\n                    otherFixedCost = parseFloat(document.getElementById(\"other_fixed_cost_detailed\").value) || 0;\n                    fixedCost = electricityCost + rentCost + otherFixedCost;\n                }\n\n                if (isNaN(totalRevenue) || isNaN(totalVariableCost) || isNaN(fixedCost) || isNaN(unitsSold) || totalRevenue === 0 || unitsSold === 0) {\n                    resultDiv.innerHTML = `<div class=\"result-box error\">Please fill in all fields with valid, non-zero numeric values (for revenue and units sold).<\/div>`;\n                    return;\n                }\n                if (totalRevenue < 0 || totalVariableCost < 0 || fixedCost < 0 || unitsSold < 0) {\n                    resultDiv.innerHTML = `<div class=\"result-box error\">All input values must be positive.<\/div>`;\n                    return;\n                }\n\n                const sellingPricePerUnit = totalRevenue \/ unitsSold;\n                const variableCostPerUnit = totalVariableCost \/ unitsSold;\n\n                if (sellingPricePerUnit <= variableCostPerUnit) {\n                    resultDiv.innerHTML = `<div class=\"result-box error\">Average Selling Price per Unit (<b>${sellingPricePerUnit.toFixed(2)}<\/b> SAR) must be greater than Average Variable Cost per Unit (<b>${variableCostPerUnit.toFixed(2)}<\/b> SAR).<\/div>`;\n                    return;\n                }\n\n                const breakevenUnits = fixedCost \/ (sellingPricePerUnit - variableCostPerUnit);\n                const roundedUnits = Math.ceil(breakevenUnits);\n\n                let detailsHtml = `\n                    <div>Entered Total Revenue: <strong>${totalRevenue.toFixed(2)}<\/strong> SAR<\/div>\n                    <div>Entered Total Variable Costs: <strong>${totalVariableCost.toFixed(2)}<\/strong> SAR<\/div>\n                `;\n\n                if (currentUnitType === 'value') {\n                    detailsHtml += `\n                        <p style=\"font-weight: bold; color: var(--primary-color); margin-top: 15px; margin-bottom: 5px;\">Detailed Fixed Costs:<\/p>\n                        <div>Electricity Cost: <strong>${electricityCost.toFixed(2)}<\/strong> SAR<\/div>\n                        <div>Rent Cost: <strong>${rentCost.toFixed(2)}<\/strong> SAR<\/div>\n                        <div>Other Fixed Costs: <strong>${otherFixedCost.toFixed(2)}<\/strong> SAR<\/div>\n                        <div style=\"margin-top: 10px;\">Calculated Total Fixed Costs: <strong>${fixedCost.toFixed(2)}<\/strong> SAR<\/div>\n                    `;\n                } else {\n                    detailsHtml += `<div>Entered Fixed Costs: <strong>${fixedCost.toFixed(2)}<\/strong> SAR<\/div>`;\n                }\n\n                detailsHtml += `<div>Entered Number of Units Sold: <strong>${unitsSold}<\/strong> units<\/div>`;\n                detailsHtml += `<div>Calculated Selling Price per Unit: <strong>${sellingPricePerUnit.toFixed(2)}<\/strong> SAR\/unit<\/div>`;\n                detailsHtml += `<div>Calculated Variable Cost per Unit: <strong>${variableCostPerUnit.toFixed(2)}<\/strong> SAR\/unit<\/div>`;\n\n                let resultHtml = `\n                    <div class=\"result-box\">\n                        <div class=\"result-details\">\n                            ${detailsHtml}\n                        <\/div>\n                `;\n\n                if (isValue) {\n                    const breakevenValue = breakevenUnits * sellingPricePerUnit;\n                    resultHtml += `<div class=\"final-result\">Break-Even Point (Value): <span>${breakevenValue.toFixed(2)}<\/span> SAR<\/div>`;\n                } else {\n                    resultHtml += `<div class=\"final-result\">Break-Even Point (Units): <span>${roundedUnits}<\/span> units<\/div>`;\n                }\n                resultHtml += `<\/div>`;\n                resultHtml += `<div class=\"consultation-link\">\n                    For detailed analysis and advanced consulting services, <a href=\"https:\/\/sienna-alligator-720889.hostingersite.com\/contact\/\" target=\"_blank\">click here to fill out our consultation form<\/a>.\n                <\/div>`;\n                resultDiv.innerHTML = resultHtml;\n            }\n        }\n\n        \/\/ Initialize the calculator\n        document.addEventListener('DOMContentLoaded', function () {\n            toggleCalculationType('simple');\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\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>","protected":false},"excerpt":{"rendered":"<p>This calculator provides a specialized tool for determining a project or entity&#8217;s break-even point , It enables users to input fundamental financial data (such as unit selling price, unit variable [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2122","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hameash.com\/ar\/wp-json\/wp\/v2\/pages\/2122","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hameash.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hameash.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hameash.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hameash.com\/ar\/wp-json\/wp\/v2\/comments?post=2122"}],"version-history":[{"count":70,"href":"https:\/\/hameash.com\/ar\/wp-json\/wp\/v2\/pages\/2122\/revisions"}],"predecessor-version":[{"id":2355,"href":"https:\/\/hameash.com\/ar\/wp-json\/wp\/v2\/pages\/2122\/revisions\/2355"}],"wp:attachment":[{"href":"https:\/\/hameash.com\/ar\/wp-json\/wp\/v2\/media?parent=2122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}