{"id":13981,"date":"2025-11-29T16:05:05","date_gmt":"2025-11-29T16:05:05","guid":{"rendered":"https:\/\/tendify.net\/?p=13981"},"modified":"2025-12-11T06:04:24","modified_gmt":"2025-12-11T06:04:24","slug":"free-professional-3d-container-optimization-tool-20ft-40ft","status":"publish","type":"post","link":"https:\/\/tendify.net\/ar\/2025\/11\/29\/free-professional-3d-container-optimization-tool-20ft-40ft\/","title":{"rendered":"\u0623\u062f\u0627\u0629 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u062b\u0644\u0627\u062b\u064a\u0629 \u0627\u0644\u0623\u0628\u0639\u0627\u062f \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 (20 \u0642\u062f\u0645\u064b\u0627 \u064840 \u0642\u062f\u0645\u064b\u0627)"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \r\n \r\n \u062d\u0627\u0633\u0628\u0629 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 - \u062a\u062d\u0633\u064a\u0646 \u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a 20 \u0642\u062f\u0645\u064b\u0627\/40 \u0642\u062f\u0645\u064b\u0627<\/title>\r\n \r\n <!-- Open Graph \/ Social -->\r\n <meta property=\"og:title\" content=\"\u062d\u0627\u0633\u0628\u0629 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 (20 \u0642\u062f\u0645\u064b\u0627 \u064840 \u0642\u062f\u0645\u064b\u0627)\">\r\n <meta property=\"og:description\" content=\"\u0627\u062d\u0633\u0628 \u0627\u0644\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0623\u0645\u062b\u0644 \u0644\u0644\u062d\u0627\u0648\u064a\u0627\u062a \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u062a\u0635\u0648\u0631 \u062b\u0644\u0627\u062b\u064a \u0627\u0644\u0623\u0628\u0639\u0627\u062f \u0648\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0648\u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0643\u0631\u062a\u0648\u0646 \u0627\u0644\u0645\u062a\u0639\u062f\u062f\u0629. \u0648\u0641\u0650\u0651\u0631 \u0641\u064a \u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0634\u062d\u0646!\">\r\n <meta property=\"og:type\" content=\"website\">\r\n\r\n <!-- Font Awesome for icons -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n <!-- Schema.org markup for Google -->\r\n <script type=\"application\/ld+json\">{\n \"@context\": \"https:\\\/\\\/schema.org\",\n \"@type\": \"SoftwareApplication\",\n \"name\": \"Advanced Container Loading Calculator\",\n \"applicationCategory\": \"BusinessApplication\",\n \"operatingSystem\": \"Any\",\n \"description\": \"Professional container loading calculator with 3D visualization, cost analysis, and optimization for exporters and logistics professionals.\",\n \"offers\": {\n \"@type\": \"Offer\",\n \"price\": \"0\",\n \"priceCurrency\": \"USD\"\n },\n \"author\": {\n \"@type\": \"Organization\",\n \"name\": \"Logistics Tools\"\n },\n \"featureList\": [\n \"3D Container Visualization\",\n \"Multiple Carton Types\",\n \"Cost Analysis\",\n \"Weight Distribution\",\n \"Export Results\"\n ]\n}<\/script>\r\n\r\n <style>\r\n :root {\r\n --primary: #2c5aa0;\r\n --primary-dark: #1a3c6e;\r\n --secondary: #e74c3c;\r\n --secondary-dark: #c0392b;\r\n --success: #27ae60;\r\n --warning: #f39c12;\r\n --info: #3498db;\r\n --light-bg: #f8f9fa;\r\n --card-bg: #fff;\r\n --text: #333;\r\n --text-light: #777;\r\n --border: #ddd;\r\n --shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n --radius: 12px;\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n line-height: 1.6;\r\n color: var(--text);\r\n background: var(--light-bg);\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .container {\r\n max-width: 1400px;\r\n margin: 30px auto;\r\n padding: 20px;\r\n }\r\n\r\n header {\r\n text-align: center;\r\n margin-bottom: 30px;\r\n background: linear-gradient(135deg, var(--primary), var(--primary-dark));\r\n color: white;\r\n padding: 30px;\r\n border-radius: var(--radius);\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n h1 {\r\n margin-bottom: 10px;\r\n font-size: 2.8rem;\r\n }\r\n\r\n .subtitle {\r\n font-size: 1.3rem;\r\n opacity: 0.9;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .features {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 15px;\r\n margin-top: 20px;\r\n }\r\n\r\n .feature {\r\n background: rgba(255,255,255,0.2);\r\n padding: 10px 20px;\r\n border-radius: 50px;\r\n font-size: 0.9rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .card {\r\n background: var(--card-bg);\r\n border-radius: var(--radius);\r\n box-shadow: var(--shadow);\r\n padding: 25px;\r\n margin-bottom: 30px;\r\n transition: transform 0.3s, box-shadow 0.3s;\r\n }\r\n\r\n .card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 15px 40px rgba(0,0,0,0.15);\r\n }\r\n\r\n .form-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 20px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .input-group {\r\n margin-bottom: 15px;\r\n }\r\n\r\n label {\r\n display: block;\r\n margin-bottom: 8px;\r\n font-weight: 600;\r\n color: var(--primary-dark);\r\n }\r\n\r\n .input-with-icon {\r\n position: relative;\r\n }\r\n\r\n .input-with-icon i {\r\n position: absolute;\r\n left: 15px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n color: var(--text-light);\r\n }\r\n\r\n input, select {\r\n width: 100%;\r\n padding: 12px 12px 12px 40px;\r\n border: 2px solid var(--border);\r\n border-radius: 8px;\r\n font-size: 16px;\r\n transition: border-color 0.3s;\r\n }\r\n\r\n input:focus, select:focus {\r\n border-color: var(--primary);\r\n outline: none;\r\n box-shadow: 0 0 0 3px rgba(44, 90, 160, 0.2);\r\n }\r\n\r\n .checkbox-group {\r\n display: flex;\r\n align-items: center;\r\n margin-top: 10px;\r\n }\r\n\r\n .checkbox-group input {\r\n width: auto;\r\n margin-right: 10px;\r\n }\r\n\r\n .checkbox-group label {\r\n margin-bottom: 0;\r\n font-weight: normal;\r\n }\r\n\r\n .button-group {\r\n display: flex;\r\n gap: 15px;\r\n margin-top: 20px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n button {\r\n padding: 14px 30px;\r\n font-size: 16px;\r\n border: none;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n font-weight: bold;\r\n transition: all 0.3s;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--primary);\r\n color: white;\r\n flex: 1;\r\n }\r\n\r\n .btn-primary:hover {\r\n background: var(--primary-dark);\r\n }\r\n\r\n .btn-secondary {\r\n background: var(--secondary);\r\n color: white;\r\n }\r\n\r\n .btn-secondary:hover {\r\n background: var(--secondary-dark);\r\n }\r\n\r\n .btn-outline {\r\n background: transparent;\r\n color: var(--primary);\r\n border: 2px solid var(--primary);\r\n }\r\n\r\n .btn-outline:hover {\r\n background: var(--primary);\r\n color: white;\r\n }\r\n\r\n .btn-success {\r\n background: var(--success);\r\n color: white;\r\n }\r\n\r\n .btn-success:hover {\r\n background: #219653;\r\n }\r\n\r\n .results {\r\n margin-top: 40px;\r\n padding: 25px;\r\n background: #f0f8ff;\r\n border-radius: 10px;\r\n border-left: 6px solid var(--primary);\r\n display: none;\r\n }\r\n\r\n .results h2 {\r\n margin-top: 0;\r\n color: var(--primary-dark);\r\n border-bottom: 2px solid var(--border);\r\n padding-bottom: 10px;\r\n }\r\n\r\n .highlight {\r\n font-size: 1.4em;\r\n font-weight: bold;\r\n color: var(--secondary);\r\n }\r\n\r\n .layout-box {\r\n background: #fff;\r\n padding: 15px;\r\n border-radius: 8px;\r\n margin-top: 20px;\r\n border: 1px solid var(--border);\r\n }\r\n\r\n .container-comparison {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 20px;\r\n margin-top: 30px;\r\n }\r\n\r\n .container-card {\r\n background: white;\r\n border-radius: 8px;\r\n padding: 20px;\r\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n border-top: 5px solid var(--primary);\r\n transition: transform 0.3s;\r\n }\r\n\r\n .container-card:hover {\r\n transform: translateY(-5px);\r\n }\r\n\r\n .container-card.recommended {\r\n border-top-color: var(--success);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .container-card.recommended::before {\r\n content: \"RECOMMENDED\";\r\n position: absolute;\r\n top: 10px;\r\n right: -30px;\r\n background: var(--success);\r\n color: white;\r\n padding: 5px 30px;\r\n transform: rotate(45deg);\r\n font-size: 0.8rem;\r\n font-weight: bold;\r\n }\r\n\r\n .container-card h3 {\r\n margin-top: 0;\r\n color: var(--primary-dark);\r\n }\r\n\r\n .stats-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 10px;\r\n margin-top: 15px;\r\n }\r\n\r\n .stat-item {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .stat-label {\r\n font-size: 0.9rem;\r\n color: var(--text-light);\r\n }\r\n\r\n .stat-value {\r\n font-weight: bold;\r\n font-size: 1.1rem;\r\n color: var(--primary);\r\n }\r\n\r\n .visualization {\r\n margin-top: 30px;\r\n padding: 20px;\r\n background: white;\r\n border-radius: 8px;\r\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n }\r\n\r\n .visualization-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 20px;\r\n }\r\n\r\n .container-3d {\r\n width: 100%;\r\n height: 300px;\r\n background: #f5f5f5;\r\n border-radius: 8px;\r\n position: relative;\r\n overflow: hidden;\r\n border: 2px solid var(--border);\r\n }\r\n\r\n .container-3d .container-box {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 200px;\r\n height: 100px;\r\n background: rgba(44, 90, 160, 0.1);\r\n border: 2px solid var(--primary);\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-content: flex-start;\r\n padding: 5px;\r\n }\r\n\r\n .carton-3d {\r\n background: var(--secondary);\r\n margin: 1px;\r\n opacity: 0.8;\r\n border: 1px solid rgba(0,0,0,0.1);\r\n }\r\n\r\n .controls-3d {\r\n display: flex;\r\n gap: 10px;\r\n justify-content: center;\r\n }\r\n\r\n .tabs {\r\n display: flex;\r\n border-bottom: 2px solid var(--border);\r\n margin-bottom: 20px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .tab {\r\n padding: 10px 20px;\r\n cursor: pointer;\r\n font-weight: 600;\r\n color: var(--text-light);\r\n border-bottom: 2px solid transparent;\r\n margin-bottom: -2px;\r\n transition: all 0.3s;\r\n }\r\n\r\n .tab:hover {\r\n color: var(--primary);\r\n }\r\n\r\n .tab.active {\r\n color: var(--primary);\r\n border-bottom: 2px solid var(--primary);\r\n }\r\n\r\n .tab-content {\r\n display: none;\r\n }\r\n\r\n .tab-content.active {\r\n display: block;\r\n }\r\n\r\n footer {\r\n text-align: center;\r\n margin-top: 50px;\r\n color: var(--text-light);\r\n font-size: 0.9em;\r\n padding: 20px;\r\n border-top: 1px solid var(--border);\r\n }\r\n\r\n .notification {\r\n padding: 15px;\r\n border-radius: 8px;\r\n margin-bottom: 20px;\r\n display: none;\r\n }\r\n\r\n .notification.error {\r\n background: #ffe6e6;\r\n color: #d63031;\r\n border-left: 4px solid #d63031;\r\n }\r\n\r\n .notification.success {\r\n background: #e6f7ee;\r\n color: #27ae60;\r\n border-left: 4px solid #27ae60;\r\n }\r\n\r\n .notification.warning {\r\n background: #fff8e6;\r\n color: #f39c12;\r\n border-left: 4px solid #f39c12;\r\n }\r\n\r\n .loading {\r\n display: none;\r\n text-align: center;\r\n padding: 20px;\r\n }\r\n\r\n .loading-spinner {\r\n border: 5px solid #f3f3f3;\r\n border-top: 5px solid var(--primary);\r\n border-radius: 50%;\r\n width: 50px;\r\n height: 50px;\r\n animation: spin 1s linear infinite;\r\n margin: 0 auto 15px;\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 .export-options {\r\n margin-top: 20px;\r\n display: flex;\r\n gap: 10px;\r\n justify-content: flex-end;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .carton-types {\r\n margin-top: 20px;\r\n }\r\n\r\n .carton-type {\r\n background: #f8f9fa;\r\n padding: 15px;\r\n border-radius: 8px;\r\n margin-bottom: 15px;\r\n border-left: 4px solid var(--info);\r\n }\r\n\r\n .carton-type-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .carton-type-title {\r\n font-weight: bold;\r\n color: var(--primary-dark);\r\n }\r\n\r\n .remove-carton-type {\r\n background: var(--secondary);\r\n color: white;\r\n border: none;\r\n border-radius: 50%;\r\n width: 30px;\r\n height: 30px;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .cost-analysis {\r\n margin-top: 30px;\r\n padding: 20px;\r\n background: white;\r\n border-radius: 8px;\r\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n }\r\n\r\n .cost-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: 15px;\r\n margin-top: 15px;\r\n }\r\n\r\n .cost-item {\r\n display: flex;\r\n flex-direction: column;\r\n padding: 15px;\r\n background: #f8f9fa;\r\n border-radius: 8px;\r\n }\r\n\r\n .cost-label {\r\n font-size: 0.9rem;\r\n color: var(--text-light);\r\n }\r\n\r\n .cost-value {\r\n font-weight: bold;\r\n font-size: 1.2rem;\r\n color: var(--primary);\r\n }\r\n\r\n .savings {\r\n color: var(--success) !important;\r\n }\r\n\r\n .advanced-options {\r\n margin-top: 20px;\r\n padding: 20px;\r\n background: #f8f9fa;\r\n border-radius: 8px;\r\n }\r\n\r\n .history-panel {\r\n margin-top: 30px;\r\n padding: 20px;\r\n background: white;\r\n border-radius: 8px;\r\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n }\r\n\r\n .history-item {\r\n padding: 10px 15px;\r\n border-left: 4px solid var(--info);\r\n background: #f8f9fa;\r\n margin-bottom: 10px;\r\n border-radius: 4px;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n }\r\n\r\n .history-item:hover {\r\n background: #e9ecef;\r\n transform: translateX(5px);\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .form-grid { grid-template-columns: 1fr; }\r\n .button-group { flex-direction: column; }\r\n .container-comparison { grid-template-columns: 1fr; }\r\n .stats-grid { grid-template-columns: 1fr; }\r\n .export-options { justify-content: center; }\r\n .features { flex-direction: column; align-items: center; }\r\n .feature { width: 100%; justify-content: center; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"container\">\r\n <header>\r\n <h1><i class=\"fas fa-cube\"><\/i> \u062d\u0627\u0633\u0628\u0629 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629<\/h1>\r\n <p class=\"subtitle\">\u062d\u0633\u0650\u0651\u0646 \u0627\u0644\u0634\u062d\u0646 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062d\u0633\u0627\u0628\u0627\u062a \u062f\u0642\u064a\u0642\u0629 \u0644\u0644\u062d\u0627\u0648\u064a\u0627\u062a\u060c \u0648\u0627\u0644\u062a\u0635\u0648\u0631 \u062b\u0644\u0627\u062b\u064a \u0627\u0644\u0623\u0628\u0639\u0627\u062f\u060c \u0648\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u062a\u0643\u0644\u0641\u0629<\/p>\r\n \r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-boxes\"><\/i> \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0643\u0631\u062a\u0648\u0646 \u0627\u0644\u0645\u062a\u0639\u062f\u062f\u0629<\/div>\r\n <div class=\"feature\"><i class=\"fas fa-cube\"><\/i> \u0627\u0644\u062a\u0635\u0648\u0631 \u062b\u0644\u0627\u062b\u064a \u0627\u0644\u0623\u0628\u0639\u0627\u062f<\/div>\r\n <div class=\"feature\"><i class=\"fas fa-chart-line\"><\/i> \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641<\/div>\r\n <div class=\"feature\"><i class=\"fas fa-weight-hanging\"><\/i> \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0648\u0632\u0646<\/div>\r\n <div class=\"feature\"><i class=\"fas fa-history\"><\/i> \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u062d\u0633\u0627\u0628<\/div>\r\n <div class=\"feature\"><i class=\"fas fa-file-export\"><\/i> \u0646\u062a\u0627\u0626\u062c \u0627\u0644\u062a\u0635\u062f\u064a\u0631<\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"notification error\" id=\"errorNotification\"><\/div>\r\n <div class=\"notification success\" id=\"successNotification\"><\/div>\r\n\r\n <div class=\"card\">\r\n <h2><i class=\"fas fa-edit\"><\/i> \u062a\u0643\u0648\u064a\u0646 \u0627\u0644\u0643\u0631\u062a\u0648\u0646 \u0648\u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a<\/h2>\r\n \r\n <div class=\"form-grid\">\r\n <div class=\"input-group\">\r\n <label for=\"cartonLength\">\u0637\u0648\u0644 \u0627\u0644\u0643\u0631\u062a\u0648\u0646 (\u0633\u0645)<\/label>\r\n <div class=\"input-with-icon\">\r\n <i class=\"fas fa-ruler\"><\/i>\r\n <input type=\"number\" id=\"cartonLength\" placeholder=\"\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644 60\" min=\"1\" step=\"0.1\" required>\r\n <\/div>\r\n <\/div>\r\n <div class=\"input-group\">\r\n <label for=\"cartonWidth\">\u0639\u0631\u0636 \u0627\u0644\u0643\u0631\u062a\u0648\u0646 (\u0633\u0645)<\/label>\r\n <div class=\"input-with-icon\">\r\n <i class=\"fas fa-ruler\"><\/i>\r\n <input type=\"number\" id=\"cartonWidth\" placeholder=\"\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644 40\" min=\"1\" step=\"0.1\" required>\r\n <\/div>\r\n <\/div>\r\n <div class=\"input-group\">\r\n <label for=\"cartonHeight\">\u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u0644\u0643\u0631\u062a\u0648\u0646 (\u0633\u0645)<\/label>\r\n <div class=\"input-with-icon\">\r\n <i class=\"fas fa-ruler\"><\/i>\r\n <input type=\"number\" id=\"cartonHeight\" placeholder=\"\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644 40\" min=\"1\" step=\"0.1\" required>\r\n <\/div>\r\n <\/div>\r\n <div class=\"input-group\">\r\n <label for=\"cartonWeight\">\u0648\u0632\u0646 \u0627\u0644\u0643\u0631\u062a\u0648\u0646 (\u0643\u062c\u0645)<\/label>\r\n <div class=\"input-with-icon\">\r\n <i class=\"fas fa-weight-hanging\"><\/i>\r\n <input type=\"number\" id=\"cartonWeight\" placeholder=\"\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644 10\" min=\"0.1\" step=\"0.1\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"input-group\">\r\n <label for=\"cartonQty\">\u0639\u062f\u062f \u0627\u0644\u0643\u0631\u0627\u062a\u064a\u0646<\/label>\r\n <div class=\"input-with-icon\">\r\n <i class=\"fas fa-boxes\"><\/i>\r\n <input type=\"number\" id=\"cartonQty\" placeholder=\"\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644 1200\" min=\"1\" required>\r\n <\/div>\r\n <\/div>\r\n <div class=\"input-group\">\r\n <label for=\"containerType\">\u0646\u0648\u0639 \u0627\u0644\u062d\u0627\u0648\u064a\u0629<\/label>\r\n <div class=\"input-with-icon\">\r\n <i class=\"fas fa-shipping-fast\"><\/i>\r\n <select id=\"containerType\">\r\n <option value=\"both\">\u062c\u0631\u0651\u0628 \u0643\u0644\u0627\u064b \u0645\u0646 20 \u0642\u062f\u0645\u0627\u064b \u064840 \u0642\u062f\u0645\u0627\u064b (\u0645\u0648\u0635\u0649 \u0628\u0647)<\/option>\r\n <option value=\"20\">20 \u0642\u062f\u0645\u0627\u064b \u0642\u064a\u0627\u0633\u064a\u0629 \u0641\u0642\u0637<\/option>\r\n <option value=\"40\">40 \u0642\u062f\u0645\u0627\u064b \u0642\u064a\u0627\u0633\u064a\u0629 \u0641\u0642\u0637<\/option>\r\n <option value=\"40hc\">\u0645\u0643\u0639\u0628 \u0628\u0627\u0631\u062a\u0641\u0627\u0639 40 \u0642\u062f\u0645\u0627\u064b \u0641\u0642\u0637<\/option>\r\n <option value=\"custom\">\u062d\u0627\u0648\u064a\u0629 \u0645\u062e\u0635\u0635\u0629<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"input-group\">\r\n <button class=\"btn-outline\" onclick=\"addCartonType()\">\r\n <i class=\"fas fa-plus\"><\/i> \u0625\u0636\u0627\u0641\u0629 \u0646\u0648\u0639 \u0643\u0631\u062a\u0648\u0646 \u0622\u062e\u0631\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"carton-types\" id=\"cartonTypesContainer\">\r\n <!-- Additional carton types will be added here -->\r\n <\/div>\r\n\r\n <div id=\"customContainerOptions\" style=\"display: none;\">\r\n <h3>\u0623\u0628\u0639\u0627\u062f \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0645\u062e\u0635\u0635\u0629<\/h3>\r\n <div class=\"form-grid\">\r\n <div class=\"input-group\">\r\n <label for=\"customLength\">\u0637\u0648\u0644 \u0627\u0644\u062d\u0627\u0648\u064a\u0629 (\u0633\u0645)<\/label>\r\n <input type=\"number\" id=\"customLength\" placeholder=\"\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644 1203\" min=\"1\" step=\"0.1\">\r\n <\/div>\r\n <div class=\"input-group\">\r\n <label for=\"customWidth\">\u0639\u0631\u0636 \u0627\u0644\u062d\u0627\u0648\u064a\u0629 (\u0633\u0645)<\/label>\r\n <input type=\"number\" id=\"customWidth\" placeholder=\"\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644 235\" min=\"1\" step=\"0.1\">\r\n <\/div>\r\n <div class=\"input-group\">\r\n <label for=\"customHeight\">\u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u0644\u062d\u0627\u0648\u064a\u0629 (\u0633\u0645)<\/label>\r\n <input type=\"number\" id=\"customHeight\" placeholder=\"\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644 239\" min=\"1\" step=\"0.1\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"advanced-options\">\r\n <h3><i class=\"fas fa-cog\"><\/i> \u062e\u064a\u0627\u0631\u0627\u062a \u0645\u062a\u0642\u062f\u0645\u0629<\/h3>\r\n <div class=\"form-grid\">\r\n <div class=\"checkbox-group\">\r\n <input type=\"checkbox\" id=\"considerWeight\" checked>\r\n <label for=\"considerWeight\">\u0636\u0639 \u0641\u064a \u0627\u0639\u062a\u0628\u0627\u0631\u0643 \u062d\u062f\u0648\u062f \u0627\u0644\u0648\u0632\u0646 (20 \u0642\u062f\u0645\u0627\u064b: 22,000 \u0643\u062c\u0645\u060c 40 \u0642\u062f\u0645\u0627\u064b: 27,000 \u0643\u062c\u0645)<\/label>\r\n <\/div>\r\n <div class=\"checkbox-group\">\r\n <input type=\"checkbox\" id=\"allowRotation\" checked>\r\n <label for=\"allowRotation\">\u0625\u062a\u0627\u062d\u0629 \u062f\u0648\u0631\u0627\u0646 \u0627\u0644\u0643\u0631\u062a\u0648\u0646 \u0644\u0644\u062a\u0639\u0628\u0626\u0629 \u0627\u0644\u0645\u062b\u0644\u0649<\/label>\r\n <\/div>\r\n <div class=\"checkbox-group\">\r\n <input type=\"checkbox\" id=\"includeCosts\">\r\n <label for=\"includeCosts\">\u062a\u0636\u0645\u064a\u0646 \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0641\u064a \u0627\u0644\u0646\u062a\u0627\u0626\u062c<\/label>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"button-group\">\r\n <button class=\"btn-primary\" onclick=\"calculate()\">\r\n <i class=\"fas fa-calculator\"><\/i> \u062d\u0633\u0627\u0628 \u0627\u0644\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0623\u0645\u062b\u0644\r\n <\/button>\r\n <button class=\"btn-outline\" onclick=\"resetForm()\">\r\n <i class=\"fas fa-redo\"><\/i> \u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u064a\u064a\u0646\r\n <\/button>\r\n <button class=\"btn-success\" onclick=\"saveConfiguration()\">\r\n <i class=\"fas fa-save\"><\/i> \u062d\u0641\u0638 \u0627\u0644\u062a\u0643\u0648\u064a\u0646\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"loading\" id=\"loadingIndicator\">\r\n <div class=\"loading-spinner\"><\/div>\r\n <p>\u062d\u0633\u0627\u0628 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0623\u0645\u062b\u0644 \u0644\u0644\u062d\u0627\u0648\u064a\u0627\u062a...<\/p>\r\n <\/div>\r\n\r\n <div class=\"results\" id=\"results\">\r\n <h2><i class=\"fas fa-chart-bar\"><\/i> \u0646\u062a\u0627\u0626\u062c \u0627\u0644\u062d\u0633\u0627\u0628<\/h2>\r\n \r\n <div class=\"tabs\">\r\n <div class=\"tab active\" onclick=\"switchTab('summary')\">\u0627\u0644\u0645\u0644\u062e\u0635<\/div>\r\n <div class=\"tab\" onclick=\"switchTab('details')\">\u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u062a\u0641\u0635\u064a\u0644\u064a\u0629<\/div>\r\n <div class=\"tab\" onclick=\"switchTab('visualization')\">\u0627\u0644\u062a\u0635\u0648\u0631 \u062b\u0644\u0627\u062b\u064a \u0627\u0644\u0623\u0628\u0639\u0627\u062f<\/div>\r\n <div class=\"tab\" onclick=\"switchTab('costs')\">\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641<\/div>\r\n <\/div>\r\n\r\n <div id=\"summaryTab\" class=\"tab-content active\">\r\n <div class=\"stats-grid\">\r\n <div class=\"stat-item\">\r\n <span class=\"stat-label\">\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0643\u0631\u0627\u062a\u064a\u0646<\/span>\r\n <span class=\"stat-value\" id=\"totalCartons\">\u2014<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-label\">\u0627\u0644\u062d\u062c\u0645 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a<\/span>\r\n <span class=\"stat-value\" id=\"totalVolume\">\u2014<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-label\">\u0627\u0644\u0648\u0632\u0646 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a<\/span>\r\n <span class=\"stat-value\" id=\"totalWeight\">\u2014<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-label\">\u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0645\u062b\u0644\u0649<\/span>\r\n <span class=\"stat-value\" id=\"optimalContainer\">\u2014<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <h3>\u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a<\/h3>\r\n <div class=\"container-comparison\" id=\"containerComparison\">\r\n <!-- Container cards will be inserted here -->\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"detailsTab\" class=\"tab-content\">\r\n <div id=\"container20ft\" style=\"display:none;\">\r\n <h3>\u062d\u0627\u0648\u064a\u0629 \u0642\u064a\u0627\u0633\u064a\u0629 20 \u0642\u062f\u0645<\/h3>\r\n <div class=\"stats-grid\">\r\n <div class=\"stat-item\">\r\n <span class=\"stat-label\">\u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629<\/span>\r\n <span class=\"stat-value\" id=\"num20\">\u2014<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-label\">\u0643\u0631\u062a\u0648\u0646 \u0644\u0643\u0644 \u062d\u0627\u0648\u064a\u0629<\/span>\r\n <span class=\"stat-value\" id=\"per20\">\u2014<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-label\">\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0645\u0633\u0627\u062d\u0629<\/span>\r\n <span class=\"stat-value\" id=\"util20\">\u2014<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-label\">\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0648\u0632\u0646<\/span>\r\n <span class=\"stat-value\" id=\"weightUtil20\">\u2014<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"layout-box\">\r\n <strong>\u062a\u062e\u0637\u064a\u0637 \u062b\u0644\u0627\u062b\u064a \u0627\u0644\u0623\u0628\u0639\u0627\u062f \u0645\u062b\u0627\u0644\u064a:<\/strong><br>\r\n <span id=\"layout20\">\u2014<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"container40ft\" style=\"display:none;\">\r\n <h3>\u062d\u0627\u0648\u064a\u0629 \u0642\u064a\u0627\u0633\u064a\u0629 40 \u0642\u062f\u0645<\/h3>\r\n <div class=\"stats-grid\">\r\n <div class=\"stat-item\">\r\n <span class=\"stat-label\">\u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629<\/span>\r\n <span class=\"stat-value\" id=\"num40\">\u2014<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-label\">\u0643\u0631\u062a\u0648\u0646 \u0644\u0643\u0644 \u062d\u0627\u0648\u064a\u0629<\/span>\r\n <span class=\"stat-value\" id=\"per40\">\u2014<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-label\">\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0645\u0633\u0627\u062d\u0629<\/span>\r\n <span class=\"stat-value\" id=\"util40\">\u2014<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-label\">\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0648\u0632\u0646<\/span>\r\n <span class=\"stat-value\" id=\"weightUtil40\">\u2014<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"layout-box\">\r\n <strong>\u062a\u062e\u0637\u064a\u0637 \u062b\u0644\u0627\u062b\u064a \u0627\u0644\u0623\u0628\u0639\u0627\u062f \u0645\u062b\u0627\u0644\u064a:<\/strong><br>\r\n <span id=\"layout40\">\u2014<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"container40hc\" style=\"display:none;\">\r\n <h3>\u062d\u0627\u0648\u064a\u0629 \u0645\u0643\u0639\u0628\u0629 \u0627\u0631\u062a\u0641\u0627\u0639 40 \u0642\u062f\u0645<\/h3>\r\n <div class=\"stats-grid\">\r\n <div class=\"stat-item\">\r\n <span class=\"stat-label\">\u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629<\/span>\r\n <span class=\"stat-value\" id=\"num40hc\">\u2014<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-label\">\u0643\u0631\u062a\u0648\u0646 \u0644\u0643\u0644 \u062d\u0627\u0648\u064a\u0629<\/span>\r\n <span class=\"stat-value\" id=\"per40hc\">\u2014<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-label\">\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0645\u0633\u0627\u062d\u0629<\/span>\r\n <span class=\"stat-value\" id=\"util40hc\">\u2014<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-label\">\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0648\u0632\u0646<\/span>\r\n <span class=\"stat-value\" id=\"weightUtil40hc\">\u2014<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"layout-box\">\r\n <strong>\u062a\u062e\u0637\u064a\u0637 \u062b\u0644\u0627\u062b\u064a \u0627\u0644\u0623\u0628\u0639\u0627\u062f \u0645\u062b\u0627\u0644\u064a:<\/strong><br>\r\n <span id=\"layout40hc\">\u2014<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"customContainerResult\" style=\"display:none;\">\r\n <h3>\u062d\u0627\u0648\u064a\u0629 \u0645\u062e\u0635\u0635\u0629<\/h3>\r\n <div class=\"stats-grid\">\r\n <div class=\"stat-item\">\r\n <span class=\"stat-label\">\u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629<\/span>\r\n <span class=\"stat-value\" id=\"numCustom\">\u2014<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-label\">\u0643\u0631\u062a\u0648\u0646 \u0644\u0643\u0644 \u062d\u0627\u0648\u064a\u0629<\/span>\r\n <span class=\"stat-value\" id=\"perCustom\">\u2014<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-label\">\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0645\u0633\u0627\u062d\u0629<\/span>\r\n <span class=\"stat-value\" id=\"utilCustom\">\u2014<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-label\">\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0648\u0632\u0646<\/span>\r\n <span class=\"stat-value\" id=\"weightUtilCustom\">\u2014<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"layout-box\">\r\n <strong>\u062a\u062e\u0637\u064a\u0637 \u062b\u0644\u0627\u062b\u064a \u0627\u0644\u0623\u0628\u0639\u0627\u062f \u0645\u062b\u0627\u0644\u064a:<\/strong><br>\r\n <span id=\"layoutCustom\">\u2014<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"visualizationTab\" class=\"tab-content\">\r\n <div class=\"visualization\">\r\n <h3>\u062a\u0635\u0648\u0631 \u0627\u0644\u062a\u0639\u0628\u0626\u0629 \u0648\u0627\u0644\u062a\u063a\u0644\u064a\u0641 \u062b\u0644\u0627\u062b\u064a \u0627\u0644\u0623\u0628\u0639\u0627\u062f<\/h3>\r\n <div class=\"visualization-container\">\r\n <div class=\"container-3d\" id=\"container3d\">\r\n <div class=\"container-box\" id=\"containerBox\">\r\n <!-- Cartons will be visualized here -->\r\n <\/div>\r\n <\/div>\r\n <div class=\"controls-3d\">\r\n <button class=\"btn-outline\" onclick=\"rotateView('x')\">\r\n <i class=\"fas fa-sync\"><\/i> \u062a\u062f\u0648\u064a\u0631 X\r\n <\/button>\r\n <button class=\"btn-outline\" onclick=\"rotateView('y')\">\r\n <i class=\"fas fa-sync\"><\/i> \u062a\u062f\u0648\u064a\u0631 Y\r\n <\/button>\r\n <button class=\"btn-outline\" onclick=\"rotateView('z')\">\r\n <i class=\"fas fa-sync\"><\/i> \u062a\u062f\u0648\u064a\u0631 Z\r\n <\/button>\r\n <button class=\"btn-outline\" onclick=\"resetView()\">\r\n <i class=\"fas fa-undo\"><\/i> \u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u064a\u064a\u0646 \u0627\u0644\u0639\u0631\u0636\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-center\">\u064a\u064f\u0638\u0647\u0631 \u0627\u0644\u062a\u0635\u0648\u0631 \u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u062a\u0639\u0628\u0626\u0629 \u0627\u0644\u0623\u0645\u062b\u0644 \u0644\u0646\u0648\u0639 \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0645\u062d\u062f\u062f.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"costsTab\" class=\"tab-content\">\r\n <div class=\"cost-analysis\">\r\n <h3>\u062a\u062d\u0644\u064a\u0644 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0634\u062d\u0646<\/h3>\r\n <div class=\"cost-grid\" id=\"costGrid\">\r\n <!-- Cost analysis will be displayed here -->\r\n <\/div>\r\n <div class=\"layout-box\">\r\n <strong>\u062a\u0648\u0635\u064a\u0627\u062a \u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641:<\/strong><br>\r\n <span id=\"costRecommendations\">\u2014<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"export-options\">\r\n <button class=\"btn-outline\" onclick=\"exportToPDF()\">\r\n <i class=\"fas fa-file-pdf\"><\/i> \u0627\u0644\u062a\u0635\u062f\u064a\u0631 \u0625\u0644\u0649 PDF\r\n <\/button>\r\n <button class=\"btn-outline\" onclick=\"exportToExcel()\">\r\n <i class=\"fas fa-file-excel\"><\/i> \u0627\u0644\u062a\u0635\u062f\u064a\u0631 \u0625\u0644\u0649 Excel\r\n <\/button>\r\n <button class=\"btn-outline\" onclick=\"printResults()\">\r\n <i class=\"fas fa-print\"><\/i> \u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0637\u0628\u0627\u0639\u0629\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"history-panel\">\r\n <h3><i class=\"fas fa-history\"><\/i> \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u062d\u0633\u0627\u0628<\/h3>\r\n <div id=\"historyList\">\r\n <!-- Calculation history will be displayed here -->\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<footer>\r\n <p>\u062d\u0627\u0633\u0628\u0629 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 \u00a9 2025 | \u062d\u0627\u0633\u0628\u0629 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 \u00a9 2025 | \u0645\u064f\u062d\u0633\u064e\u0651\u0646\u0629 \u0644\u0644\u0645\u0635\u062f\u0631\u064a\u0646 \u0648\u0648\u0643\u0644\u0627\u0621 \u0627\u0644\u0634\u062d\u0646 \u0648\u0645\u062f\u064a\u0631\u064a \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629<\/p>\r\n <p>\u062a\u0646\u0648\u064a\u0647: \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u062a\u0642\u062f\u064a\u0631\u064a\u0629. \u0642\u062f \u064a\u062e\u062a\u0644\u0641 \u0627\u0644\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0641\u0639\u0644\u064a \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u062a\u063a\u0644\u064a\u0641 \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0646\u0627\u0648\u0644\u0629 \u0648\u0639\u0648\u0627\u0645\u0644 \u0623\u062e\u0631\u0649.<\/p>\r\n<\/footer>\r\n\r\n<script>\r\n\/\/ Container specifications (internal dimensions in cm)\r\nconst CONTAINERS = {\r\n \"20\": { name: \"20ft Standard\", length: 589, width: 235, height: 239, volume: 33.2, maxWeight: 22000, cost: 3500 },\r\n \"40\": { name: \"40ft Standard\", length: 1203, width: 235, height: 239, volume: 67.7, maxWeight: 27000, cost: 5500 },\r\n \"40hc\": { name: \"40ft High Cube\", length: 1203, width: 235, height: 269, volume: 76.3, maxWeight: 27000, cost: 6000 }\r\n};\r\n\r\nlet currentResults = null;\r\nlet calculationHistory = JSON.parse(localStorage.getItem('containerCalcHistory')) || [];\r\nlet cartonTypeCount = 1;\r\n\r\n\/\/ Initialize the application\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n \/\/ Add sample data button\r\n const buttonGroup = document.querySelector('.button-group');\r\n const sampleButton = document.createElement('button');\r\n sampleButton.className = 'btn-outline';\r\n sampleButton.innerHTML = '<i class=\"fas fa-vial\"><\/i> Load Sample Data';\r\n sampleButton.onclick = loadSampleData;\r\n buttonGroup.appendChild(sampleButton);\r\n\r\n \/\/ Toggle custom container options\r\n document.getElementById('containerType').addEventListener('change', function() {\r\n const customOptions = document.getElementById('customContainerOptions');\r\n if (this.value === 'custom') {\r\n customOptions.style.display = 'block';\r\n } else {\r\n customOptions.style.display = 'none';\r\n }\r\n });\r\n\r\n \/\/ Load calculation history\r\n renderHistory();\r\n});\r\n\r\n\/\/ Show notification\r\nfunction showNotification(message, type) {\r\n const notification = document.getElementById(`${type}Notification`);\r\n notification.textContent = message;\r\n notification.style.display = 'block';\r\n \r\n \/\/ Auto hide after 5 seconds\r\n setTimeout(() => {\r\n notification.style.display = 'none';\r\n }, 5000);\r\n}\r\n\r\n\/\/ Reset form\r\nfunction resetForm() {\r\n document.getElementById('cartonLength').value = '';\r\n document.getElementById('cartonWidth').value = '';\r\n document.getElementById('cartonHeight').value = '';\r\n document.getElementById('cartonWeight').value = '';\r\n document.getElementById('cartonQty').value = '';\r\n document.getElementById('containerType').value = 'both';\r\n \r\n document.getElementById('customContainerOptions').style.display = 'none';\r\n document.getElementById('results').style.display = 'none';\r\n \r\n \/\/ Clear additional carton types\r\n document.getElementById('cartonTypesContainer').innerHTML = '';\r\n cartonTypeCount = 1;\r\n \r\n showNotification('Form has been reset', 'success');\r\n}\r\n\r\n\/\/ Add a new carton type\r\nfunction addCartonType() {\r\n cartonTypeCount++;\r\n const cartonTypesContainer = document.getElementById('cartonTypesContainer');\r\n \r\n const cartonType = document.createElement('div');\r\n cartonType.className = 'carton-type';\r\n cartonType.innerHTML = `\r\n <div class=\"carton-type-header\">\r\n <div class=\"carton-type-title\">Carton Type ${cartonTypeCount}<\/div>\r\n <button class=\"remove-carton-type\" onclick=\"removeCartonType(this)\"><i class=\"fas fa-times\"><\/i><\/button>\r\n <\/div>\r\n <div class=\"form-grid\">\r\n <div class=\"input-group\">\r\n <label>Length (cm)<\/label>\r\n <input type=\"number\" class=\"carton-type-length\" placeholder=\"e.g. 50\" min=\"1\" step=\"0.1\">\r\n <\/div>\r\n <div class=\"input-group\">\r\n <label>Width (cm)<\/label>\r\n <input type=\"number\" class=\"carton-type-width\" placeholder=\"e.g. 30\" min=\"1\" step=\"0.1\">\r\n <\/div>\r\n <div class=\"input-group\">\r\n <label>Height (cm)<\/label>\r\n <input type=\"number\" class=\"carton-type-height\" placeholder=\"e.g. 20\" min=\"1\" step=\"0.1\">\r\n <\/div>\r\n <div class=\"input-group\">\r\n <label>Weight (kg)<\/label>\r\n <input type=\"number\" class=\"carton-type-weight\" placeholder=\"e.g. 5\" min=\"0.1\" step=\"0.1\">\r\n <\/div>\r\n <div class=\"input-group\">\r\n <label>Quantity<\/label>\r\n <input type=\"number\" class=\"carton-type-quantity\" placeholder=\"e.g. 200\" min=\"1\">\r\n <\/div>\r\n <\/div>\r\n `;\r\n \r\n cartonTypesContainer.appendChild(cartonType);\r\n}\r\n\r\n\/\/ Remove a carton type\r\nfunction removeCartonType(button) {\r\n const cartonType = button.closest('.carton-type');\r\n cartonType.remove();\r\n cartonTypeCount--;\r\n \r\n \/\/ Update titles\r\n const cartonTypes = document.querySelectorAll('.carton-type');\r\n cartonTypes.forEach((type, index) => {\r\n type.querySelector('.carton-type-title').textContent = `Carton Type ${index + 2}`;\r\n });\r\n}\r\n\r\n\/\/ Switch between tabs\r\nfunction switchTab(tabName) {\r\n \/\/ Hide all tab contents\r\n document.querySelectorAll('.tab-content').forEach(tab => {\r\n tab.classList.remove('active');\r\n });\r\n \r\n \/\/ Remove active class from all tabs\r\n document.querySelectorAll('.tab').forEach(tab => {\r\n tab.classList.remove('active');\r\n });\r\n \r\n \/\/ Show selected tab content\r\n document.getElementById(`${tabName}Tab`).classList.add('active');\r\n \r\n \/\/ Add active class to clicked tab\r\n event.target.classList.add('active');\r\n}\r\n\r\n\/\/ Try all orientations for optimal packing\r\nfunction tryAllOrientations(L, W, H, contL, contW, contH) {\r\n const dims = [\r\n [L, W, H],\r\n [L, H, W],\r\n [W, L, H],\r\n [W, H, L],\r\n [H, L, W],\r\n [H, W, L]\r\n ];\r\n\r\n let best = { count: 0, layout: \"\", utilization: 0, orientation: [] };\r\n dims.forEach(([cl, cw, ch]) => {\r\n const alongL = Math.floor(contL \/ cl);\r\n const alongW = Math.floor(contW \/ cw);\r\n const alongH = Math.floor(contH \/ ch);\r\n const count = alongL * alongW * alongH;\r\n const volUsed = count * (cl\/100) * (cw\/100) * (ch\/100);\r\n const containerVolume = (contL\/100) * (contW\/100) * (contH\/100);\r\n const util = (volUsed \/ containerVolume) * 100;\r\n\r\n if (count > best.count) {\r\n best = {\r\n count,\r\n layout: `${alongL} \u00d7 ${alongW} \u00d7 ${alongH} cartons (${cl}\u00d7${cw}\u00d7${ch} cm orientation)`,\r\n utilization: util.toFixed(1),\r\n orientation: [alongL, alongW, alongH],\r\n cartonDims: [cl, cw, ch]\r\n };\r\n }\r\n });\r\n return best;\r\n}\r\n\r\n\/\/ Calculate weight utilization\r\nfunction calculateWeightUtilization(cartonWeight, cartonsPerContainer, maxWeight) {\r\n if (!cartonWeight || !maxWeight) return \"N\/A\";\r\n const totalWeight = cartonWeight * cartonsPerContainer;\r\n const utilization = (totalWeight \/ maxWeight) * 100;\r\n return utilization > 100 ? \r\n `<span style=\"color: var(--secondary)\">${utilization.toFixed(1)}% (EXCEEDS LIMIT)<\/span>` : \r\n `${utilization.toFixed(1)}%`;\r\n}\r\n\r\n\/\/ Generate container comparison cards\r\nfunction generateContainerCards(results20, results40, results40hc, customResults, totalCartons, totalVolumeM3, totalWeight) {\r\n const containerComparison = document.getElementById('containerComparison');\r\n containerComparison.innerHTML = '';\r\n \r\n let bestOption = null;\r\n let bestEfficiency = 0;\r\n \r\n \/\/ Check each container type\r\n const options = [];\r\n \r\n if (results20) {\r\n const containers20 = Math.ceil(totalCartons \/ results20.count);\r\n const totalVolume20 = containers20 * CONTAINERS[\"20\"].volume;\r\n const efficiency20 = (totalVolumeM3 \/ totalVolume20) * 100;\r\n \r\n options.push({\r\n type: \"20ft\",\r\n name: CONTAINERS[\"20\"].name,\r\n containers: containers20,\r\n efficiency: efficiency20,\r\n cost: containers20 * CONTAINERS[\"20\"].cost,\r\n weightUtil: calculateWeightUtilization(totalWeight \/ totalCartons, results20.count, CONTAINERS[\"20\"].maxWeight),\r\n results: results20\r\n });\r\n \r\n if (efficiency20 > bestEfficiency) {\r\n bestEfficiency = efficiency20;\r\n bestOption = \"20ft\";\r\n }\r\n }\r\n \r\n if (results40) {\r\n const containers40 = Math.ceil(totalCartons \/ results40.count);\r\n const totalVolume40 = containers40 * CONTAINERS[\"40\"].volume;\r\n const efficiency40 = (totalVolumeM3 \/ totalVolume40) * 100;\r\n \r\n options.push({\r\n type: \"40ft\",\r\n name: CONTAINERS[\"40\"].name,\r\n containers: containers40,\r\n efficiency: efficiency40,\r\n cost: containers40 * CONTAINERS[\"40\"].cost,\r\n weightUtil: calculateWeightUtilization(totalWeight \/ totalCartons, results40.count, CONTAINERS[\"40\"].maxWeight),\r\n results: results40\r\n });\r\n \r\n if (efficiency40 > bestEfficiency) {\r\n bestEfficiency = efficiency40;\r\n bestOption = \"40ft\";\r\n }\r\n }\r\n \r\n if (results40hc) {\r\n const containers40hc = Math.ceil(totalCartons \/ results40hc.count);\r\n const totalVolume40hc = containers40hc * CONTAINERS[\"40hc\"].volume;\r\n const efficiency40hc = (totalVolumeM3 \/ totalVolume40hc) * 100;\r\n \r\n options.push({\r\n type: \"40hc\",\r\n name: CONTAINERS[\"40hc\"].name,\r\n containers: containers40hc,\r\n efficiency: efficiency40hc,\r\n cost: containers40hc * CONTAINERS[\"40hc\"].cost,\r\n weightUtil: calculateWeightUtilization(totalWeight \/ totalCartons, results40hc.count, CONTAINERS[\"40hc\"].maxWeight),\r\n results: results40hc\r\n });\r\n \r\n if (efficiency40hc > bestEfficiency) {\r\n bestEfficiency = efficiency40hc;\r\n bestOption = \"40hc\";\r\n }\r\n }\r\n \r\n if (customResults) {\r\n const containersCustom = Math.ceil(totalCartons \/ customResults.count);\r\n const customVolume = (customResults.containerLength\/100) * (customResults.containerWidth\/100) * (customResults.containerHeight\/100);\r\n const totalVolumeCustom = containersCustom * customVolume;\r\n const efficiencyCustom = (totalVolumeM3 \/ totalVolumeCustom) * 100;\r\n \r\n options.push({\r\n type: \"custom\",\r\n name: \"Custom Container\",\r\n containers: containersCustom,\r\n efficiency: efficiencyCustom,\r\n cost: containersCustom * 5000, \/\/ Estimated cost\r\n weightUtil: \"N\/A\", \/\/ Custom container weight limit not specified\r\n results: customResults\r\n });\r\n \r\n if (efficiencyCustom > bestEfficiency) {\r\n bestEfficiency = efficiencyCustom;\r\n bestOption = \"custom\";\r\n }\r\n }\r\n \r\n \/\/ Generate cards\r\n options.forEach(option => {\r\n const isRecommended = option.type === bestOption;\r\n const card = document.createElement('div');\r\n card.className = `container-card ${isRecommended ? 'recommended' : ''}`;\r\n \r\n card.innerHTML = `\r\n <h3>${option.name} ${isRecommended ? '<i class=\"fas fa-star\" style=\"color: gold; margin-left: 10px;\"><\/i>' : ''}<\/h3>\r\n <div class=\"stats-grid\">\r\n <div class=\"stat-item\">\r\n <span class=\"stat-label\">Containers Needed<\/span>\r\n <span class=\"stat-value\">${option.containers}<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-label\">Space Efficiency<\/span>\r\n <span class=\"stat-value\">${option.efficiency.toFixed(1)}%<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-label\">Estimated Cost<\/span>\r\n <span class=\"stat-value\">$${option.cost.toLocaleString()}<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-label\">Weight Utilization<\/span>\r\n <span class=\"stat-value\">${option.weightUtil}<\/span>\r\n <\/div>\r\n <\/div>\r\n ${isRecommended ? '<p style=\"margin-top: 15px; color: var(--success); font-weight: bold;\"><i class=\"fas fa-check-circle\"><\/i> Most Efficient Option<\/p>' : ''}\r\n `;\r\n \r\n containerComparison.appendChild(card);\r\n });\r\n \r\n \/\/ Update optimal container\r\n document.getElementById('optimalContainer').textContent = bestOption ? options.find(o => o.type === bestOption).name : \"N\/A\";\r\n}\r\n\r\n\/\/ Generate 3D visualization\r\nfunction generate3DVisualization(results, containerType) {\r\n const containerBox = document.getElementById('containerBox');\r\n containerBox.innerHTML = '';\r\n \r\n if (!results) return;\r\n \r\n const container = CONTAINERS[containerType] || {\r\n length: results.containerLength,\r\n width: results.containerWidth,\r\n height: results.containerHeight\r\n };\r\n \r\n const [countX, countY, countZ] = results.orientation;\r\n const [cartonL, cartonW, cartonH] = results.cartonDims;\r\n \r\n \/\/ Calculate scaling factors for visualization\r\n const scaleX = 180 \/ container.length;\r\n const scaleY = 80 \/ container.width;\r\n const scaleZ = 80 \/ container.height;\r\n \r\n \/\/ Create cartons for visualization\r\n for (let x = 0; x < countX; x++) {\r\n for (let y = 0; y < countY; y++) {\r\n for (let z = 0; z < countZ; z++) {\r\n const carton = document.createElement('div');\r\n carton.className = 'carton-3d';\r\n carton.style.width = `${cartonL * scaleX}px`;\r\n carton.style.height = `${cartonW * scaleY}px`;\r\n carton.style.marginTop = `${z * cartonH * scaleZ}px`;\r\n carton.style.marginLeft = `${x * cartonL * scaleX}px`;\r\n carton.style.transform = `translateY(${y * cartonW * scaleY}px)`;\r\n \r\n containerBox.appendChild(carton);\r\n }\r\n }\r\n }\r\n}\r\n\r\n\/\/ Rotate 3D view\r\nfunction rotateView(axis) {\r\n const containerBox = document.getElementById('containerBox');\r\n let transform = containerBox.style.transform || 'translate(-50%, -50%)';\r\n \r\n \/\/ Extract current rotation values\r\n let rotateX = 0, rotateY = 0, rotateZ = 0;\r\n const rotateXMatch = transform.match(\/rotateX\\(([^)]+)deg\\)\/);\r\n const rotateYMatch = transform.match(\/rotateY\\(([^)]+)deg\\)\/);\r\n const rotateZMatch = transform.match(\/rotateZ\\(([^)]+)deg\\)\/);\r\n \r\n if (rotateXMatch) rotateX = parseInt(rotateXMatch[1]);\r\n if (rotateYMatch) rotateY = parseInt(rotateYMatch[1]);\r\n if (rotateZMatch) rotateZ = parseInt(rotateZMatch[1]);\r\n \r\n \/\/ Apply new rotation based on axis\r\n switch(axis) {\r\n case 'x':\r\n rotateX = (rotateX + 90) % 360;\r\n break;\r\n case 'y':\r\n rotateY = (rotateY + 90) % 360;\r\n break;\r\n case 'z':\r\n rotateZ = (rotateZ + 90) % 360;\r\n break;\r\n }\r\n \r\n \/\/ Apply new transform\r\n containerBox.style.transform = `translate(-50%, -50%) rotateX(${rotateX}deg) rotateY(${rotateY}deg) rotateZ(${rotateZ}deg)`;\r\n}\r\n\r\n\/\/ Reset 3D view\r\nfunction resetView() {\r\n const containerBox = document.getElementById('containerBox');\r\n containerBox.style.transform = 'translate(-50%, -50%)';\r\n}\r\n\r\n\/\/ Generate cost analysis\r\nfunction generateCostAnalysis(results20, results40, results40hc, customResults, totalCartons, totalVolumeM3) {\r\n const costGrid = document.getElementById('costGrid');\r\n costGrid.innerHTML = '';\r\n \r\n const includeCosts = document.getElementById('includeCosts').checked;\r\n if (!includeCosts) {\r\n costGrid.innerHTML = '<p>Cost analysis is disabled. Enable it in Advanced Options to see cost details.<\/p>';\r\n return;\r\n }\r\n \r\n const options = [];\r\n \r\n if (results20) {\r\n const containers20 = Math.ceil(totalCartons \/ results20.count);\r\n options.push({\r\n type: \"20ft\",\r\n name: CONTAINERS[\"20\"].name,\r\n containers: containers20,\r\n cost: containers20 * CONTAINERS[\"20\"].cost,\r\n costPerCbm: (containers20 * CONTAINERS[\"20\"].cost) \/ totalVolumeM3\r\n });\r\n }\r\n \r\n if (results40) {\r\n const containers40 = Math.ceil(totalCartons \/ results40.count);\r\n options.push({\r\n type: \"40ft\",\r\n name: CONTAINERS[\"40\"].name,\r\n containers: containers40,\r\n cost: containers40 * CONTAINERS[\"40\"].cost,\r\n costPerCbm: (containers40 * CONTAINERS[\"40\"].cost) \/ totalVolumeM3\r\n });\r\n }\r\n \r\n if (results40hc) {\r\n const containers40hc = Math.ceil(totalCartons \/ results40hc.count);\r\n options.push({\r\n type: \"40hc\",\r\n name: CONTAINERS[\"40hc\"].name,\r\n containers: containers40hc,\r\n cost: containers40hc * CONTAINERS[\"40hc\"].cost,\r\n costPerCbm: (containers40hc * CONTAINERS[\"40hc\"].cost) \/ totalVolumeM3\r\n });\r\n }\r\n \r\n if (customResults) {\r\n const containersCustom = Math.ceil(totalCartons \/ customResults.count);\r\n options.push({\r\n type: \"custom\",\r\n name: \"Custom Container\",\r\n containers: containersCustom,\r\n cost: containersCustom * 5000,\r\n costPerCbm: (containersCustom * 5000) \/ totalVolumeM3\r\n });\r\n }\r\n \r\n \/\/ Find the option with lowest cost per CBM\r\n let bestCostOption = null;\r\n if (options.length > 0) {\r\n bestCostOption = options.reduce((prev, current) => \r\n (prev.costPerCbm < current.costPerCbm) ? prev : current\r\n );\r\n }\r\n \r\n \/\/ Generate cost items\r\n options.forEach(option => {\r\n const isBest = option === bestCostOption;\r\n const costItem = document.createElement('div');\r\n costItem.className = 'cost-item';\r\n if (isBest) costItem.style.background = 'rgba(39, 174, 96, 0.1)';\r\n \r\n costItem.innerHTML = `\r\n <div class=\"cost-label\">${option.name}<\/div>\r\n <div class=\"cost-value ${isBest ? 'savings' : ''}\">$${option.cost.toLocaleString()}<\/div>\r\n <div class=\"cost-label\">Cost per CBM: $${option.costPerCbm.toFixed(2)}<\/div>\r\n <div class=\"cost-label\">Containers: ${option.containers}<\/div>\r\n ${isBest ? '<div style=\"color: var(--success); margin-top: 5px;\"><i class=\"fas fa-trophy\"><\/i> Best Value<\/div>' : ''}\r\n `;\r\n \r\n costGrid.appendChild(costItem);\r\n });\r\n \r\n \/\/ Generate recommendations\r\n const recommendations = document.getElementById('costRecommendations');\r\n if (bestCostOption) {\r\n recommendations.innerHTML = `\r\n <ul>\r\n <li>Using <strong>${bestCostOption.containers} ${bestCostOption.name} container(s)<\/strong> provides the best value at $${bestCostOption.costPerCbm.toFixed(2)} per CBM.<\/li>\r\n <li>Total shipping cost: <strong>$${bestCostOption.cost.toLocaleString()}<\/strong><\/li>\r\n <li>Consider consolidating shipments if you don't need full container loads.<\/li>\r\n <\/ul>\r\n `;\r\n } else {\r\n recommendations.textContent = \"No cost analysis available for the selected options.\";\r\n }\r\n}\r\n\r\n\/\/ Save configuration\r\nfunction saveConfiguration() {\r\n const config = {\r\n cartonLength: document.getElementById('cartonLength').value,\r\n cartonWidth: document.getElementById('cartonWidth').value,\r\n cartonHeight: document.getElementById('cartonHeight').value,\r\n cartonWeight: document.getElementById('cartonWeight').value,\r\n cartonQty: document.getElementById('cartonQty').value,\r\n containerType: document.getElementById('containerType').value,\r\n timestamp: new Date().toISOString()\r\n };\r\n \r\n \/\/ Save to localStorage\r\n calculationHistory.push(config);\r\n localStorage.setItem('containerCalcHistory', JSON.stringify(calculationHistory));\r\n \r\n showNotification('Configuration saved to history', 'success');\r\n renderHistory();\r\n}\r\n\r\n\/\/ Render calculation history\r\nfunction renderHistory() {\r\n const historyList = document.getElementById('historyList');\r\n \r\n if (calculationHistory.length === 0) {\r\n historyList.innerHTML = '<p>No calculation history yet. Save configurations to see them here.<\/p>';\r\n return;\r\n }\r\n \r\n historyList.innerHTML = '';\r\n \r\n \/\/ Show latest 5 calculations\r\n calculationHistory.slice(-5).reverse().forEach((config, index) => {\r\n const historyItem = document.createElement('div');\r\n historyItem.className = 'history-item';\r\n historyItem.innerHTML = `\r\n <div><strong>Calculation ${calculationHistory.length - index}<\/strong><\/div>\r\n <div>${config.cartonLength}\u00d7${config.cartonWidth}\u00d7${config.cartonHeight} cm, ${config.cartonQty} cartons<\/div>\r\n <div style=\"font-size: 0.8rem; color: var(--text-light);\">${new Date(config.timestamp).toLocaleString()}<\/div>\r\n `;\r\n \r\n historyItem.addEventListener('click', () => {\r\n loadConfiguration(config);\r\n });\r\n \r\n historyList.appendChild(historyItem);\r\n });\r\n}\r\n\r\n\/\/ Load configuration from history\r\nfunction loadConfiguration(config) {\r\n document.getElementById('cartonLength').value = config.cartonLength;\r\n document.getElementById('cartonWidth').value = config.cartonWidth;\r\n document.getElementById('cartonHeight').value = config.cartonHeight;\r\n document.getElementById('cartonWeight').value = config.cartonWeight;\r\n document.getElementById('cartonQty').value = config.cartonQty;\r\n document.getElementById('containerType').value = config.containerType;\r\n \r\n showNotification('Configuration loaded from history', 'success');\r\n}\r\n\r\n\/\/ Main calculation function\r\nfunction calculate() {\r\n \/\/ Get inputs\r\n const cl = parseFloat(document.getElementById(\"cartonLength\").value);\r\n const cw = parseFloat(document.getElementById(\"cartonWidth\").value);\r\n const ch = parseFloat(document.getElementById(\"cartonHeight\").value);\r\n const cartonWeight = parseFloat(document.getElementById(\"cartonWeight\").value) || 0;\r\n const totalCartons = parseInt(document.getElementById(\"cartonQty\").value);\r\n const type = document.getElementById(\"containerType\").value;\r\n const considerWeight = document.getElementById(\"considerWeight\").checked;\r\n const allowRotation = document.getElementById(\"allowRotation\").checked;\r\n\r\n \/\/ Validate inputs\r\n if (!cl || !cw || !ch || !totalCartons) {\r\n showNotification(\"Please fill in all required fields\", \"error\");\r\n return;\r\n }\r\n\r\n if (cl <= 0 || cw <= 0 || ch <= 0 || totalCartons <= 0) {\r\n showNotification(\"All values must be positive numbers\", \"error\");\r\n return;\r\n }\r\n\r\n \/\/ Show loading indicator\r\n document.getElementById('loadingIndicator').style.display = 'block';\r\n document.getElementById('results').style.display = 'none';\r\n\r\n \/\/ Calculate carton volume and total values\r\n const cartonVolumeM3 = (cl * cw * ch) \/ 1_000_000;\r\n const totalVolumeM3 = cartonVolumeM3 * totalCartons;\r\n const totalWeightKg = cartonWeight * totalCartons;\r\n\r\n \/\/ Update basic info\r\n document.getElementById(\"totalCartons\").textContent = totalCartons.toLocaleString();\r\n document.getElementById(\"totalVolume\").textContent = `${totalVolumeM3.toFixed(2)} m\u00b3`;\r\n document.getElementById(\"totalWeight\").textContent = `${totalWeightKg.toLocaleString()} kg`;\r\n\r\n \/\/ Calculate for different container types\r\n let results20 = null, results40 = null, results40hc = null, customResults = null;\r\n\r\n \/\/ Use setTimeout to allow UI to update with loading indicator\r\n setTimeout(() => {\r\n try {\r\n if (type === \"both\" || type === \"20\") {\r\n results20 = tryAllOrientations(cl, cw, ch, CONTAINERS[\"20\"].length, CONTAINERS[\"20\"].width, CONTAINERS[\"20\"].height);\r\n \r\n document.getElementById(\"container20ft\").style.display = \"block\";\r\n document.getElementById(\"num20\").textContent = Math.ceil(totalCartons \/ results20.count);\r\n document.getElementById(\"per20\").textContent = results20.count.toLocaleString();\r\n document.getElementById(\"layout20\").innerHTML = results20.layout;\r\n document.getElementById(\"util20\").textContent = `${results20.utilization}%`;\r\n document.getElementById(\"weightUtil20\").innerHTML = calculateWeightUtilization(\r\n cartonWeight, results20.count, considerWeight ? CONTAINERS[\"20\"].maxWeight : null\r\n );\r\n } else {\r\n document.getElementById(\"container20ft\").style.display = \"none\";\r\n }\r\n\r\n if (type === \"both\" || type === \"40\") {\r\n results40 = tryAllOrientations(cl, cw, ch, CONTAINERS[\"40\"].length, CONTAINERS[\"40\"].width, CONTAINERS[\"40\"].height);\r\n \r\n document.getElementById(\"container40ft\").style.display = \"block\";\r\n document.getElementById(\"num40\").textContent = Math.ceil(totalCartons \/ results40.count);\r\n document.getElementById(\"per40\").textContent = results40.count.toLocaleString();\r\n document.getElementById(\"layout40\").innerHTML = results40.layout;\r\n document.getElementById(\"util40\").textContent = `${results40.utilization}%`;\r\n document.getElementById(\"weightUtil40\").innerHTML = calculateWeightUtilization(\r\n cartonWeight, results40.count, considerWeight ? CONTAINERS[\"40\"].maxWeight : null\r\n );\r\n } else {\r\n document.getElementById(\"container40ft\").style.display = \"none\";\r\n }\r\n\r\n if (type === \"both\" || type === \"40hc\") {\r\n results40hc = tryAllOrientations(cl, cw, ch, CONTAINERS[\"40hc\"].length, CONTAINERS[\"40hc\"].width, CONTAINERS[\"40hc\"].height);\r\n \r\n document.getElementById(\"container40hc\").style.display = \"block\";\r\n document.getElementById(\"num40hc\").textContent = Math.ceil(totalCartons \/ results40hc.count);\r\n document.getElementById(\"per40hc\").textContent = results40hc.count.toLocaleString();\r\n document.getElementById(\"layout40hc\").innerHTML = results40hc.layout;\r\n document.getElementById(\"util40hc\").textContent = `${results40hc.utilization}%`;\r\n document.getElementById(\"weightUtil40hc\").innerHTML = calculateWeightUtilization(\r\n cartonWeight, results40hc.count, considerWeight ? CONTAINERS[\"40hc\"].maxWeight : null\r\n );\r\n } else {\r\n document.getElementById(\"container40hc\").style.display = \"none\";\r\n }\r\n\r\n if (type === \"custom\") {\r\n const customLength = parseFloat(document.getElementById(\"customLength\").value);\r\n const customWidth = parseFloat(document.getElementById(\"customWidth\").value);\r\n const customHeight = parseFloat(document.getElementById(\"customHeight\").value);\r\n \r\n if (!customLength || !customWidth || !customHeight) {\r\n showNotification(\"Please fill in all custom container dimensions\", \"error\");\r\n document.getElementById('loadingIndicator').style.display = 'none';\r\n return;\r\n }\r\n \r\n customResults = tryAllOrientations(cl, cw, ch, customLength, customWidth, customHeight);\r\n customResults.containerLength = customLength;\r\n customResults.containerWidth = customWidth;\r\n customResults.containerHeight = customHeight;\r\n \r\n document.getElementById(\"customContainerResult\").style.display = \"block\";\r\n document.getElementById(\"numCustom\").textContent = Math.ceil(totalCartons \/ customResults.count);\r\n document.getElementById(\"perCustom\").textContent = customResults.count.toLocaleString();\r\n document.getElementById(\"layoutCustom\").innerHTML = customResults.layout;\r\n document.getElementById(\"utilCustom\").textContent = `${customResults.utilization}%`;\r\n document.getElementById(\"weightUtilCustom\").innerHTML = \"N\/A\";\r\n } else {\r\n document.getElementById(\"customContainerResult\").style.display = \"none\";\r\n }\r\n\r\n \/\/ Generate comparison cards\r\n generateContainerCards(results20, results40, results40hc, customResults, totalCartons, totalVolumeM3, totalWeightKg);\r\n\r\n \/\/ Generate 3D visualization for the most efficient container\r\n let bestResults = null;\r\n let bestContainerType = null;\r\n \r\n if (results20 && (!bestResults || results20.count > bestResults.count)) {\r\n bestResults = results20;\r\n bestContainerType = \"20\";\r\n }\r\n \r\n if (results40 && (!bestResults || results40.count > bestResults.count)) {\r\n bestResults = results40;\r\n bestContainerType = \"40\";\r\n }\r\n \r\n if (results40hc && (!bestResults || results40hc.count > bestResults.count)) {\r\n bestResults = results40hc;\r\n bestContainerType = \"40hc\";\r\n }\r\n \r\n if (customResults && (!bestResults || customResults.count > bestResults.count)) {\r\n bestResults = customResults;\r\n bestContainerType = \"custom\";\r\n }\r\n \r\n if (bestResults) {\r\n generate3DVisualization(bestResults, bestContainerType);\r\n }\r\n\r\n \/\/ Generate cost analysis\r\n generateCostAnalysis(results20, results40, results40hc, customResults, totalCartons, totalVolumeM3);\r\n\r\n \/\/ Store results for export\r\n currentResults = {\r\n cartonDims: {cl, cw, ch},\r\n cartonWeight,\r\n totalCartons,\r\n cartonVolumeM3,\r\n totalVolumeM3,\r\n totalWeightKg,\r\n results20,\r\n results40,\r\n results40hc,\r\n customResults\r\n };\r\n\r\n \/\/ Hide loading indicator and show results\r\n document.getElementById('loadingIndicator').style.display = 'none';\r\n document.getElementById('results').style.display = 'block';\r\n document.getElementById('results').scrollIntoView({ behavior: \"smooth\" });\r\n \r\n showNotification(\"Calculation completed successfully!\", \"success\");\r\n } catch (error) {\r\n document.getElementById('loadingIndicator').style.display = 'none';\r\n showNotification(\"An error occurred during calculation: \" + error.message, \"error\");\r\n }\r\n }, 500);\r\n}\r\n\r\n\/\/ Export to PDF (placeholder)\r\nfunction exportToPDF() {\r\n showNotification(\"PDF export would be implemented in a full version\", \"warning\");\r\n \/\/ In a real implementation, this would generate a PDF report\r\n}\r\n\r\n\/\/ Export to Excel (placeholder)\r\nfunction exportToExcel() {\r\n showNotification(\"Excel export would be implemented in a full version\", \"warning\");\r\n \/\/ In a real implementation, this would generate an Excel file\r\n}\r\n\r\n\/\/ Print results\r\nfunction printResults() {\r\n window.print();\r\n}\r\n\r\n\/\/ Load sample data\r\nfunction loadSampleData() {\r\n document.getElementById('cartonLength').value = 60;\r\n document.getElementById('cartonWidth').value = 40;\r\n document.getElementById('cartonHeight').value = 40;\r\n document.getElementById('cartonWeight').value = 10;\r\n document.getElementById('cartonQty').value = 1200;\r\n document.getElementById('containerType').value = 'both';\r\n \r\n showNotification('Sample data loaded. Click Calculate to see results.', 'success');\r\n}\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-162cfb8 e-flex e-con-boxed e-con e-parent\" data-id=\"162cfb8\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf766c7 color-scheme-inherit text-left elementor-widget elementor-widget-text-editor\" data-id=\"cf766c7\" 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<h3 dir=\"auto\">\u062d\u0627\u0633\u0628\u0629 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629: \u0623\u062f\u0627\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u062b\u0644\u0627\u062b\u064a\u0629 \u0627\u0644\u0623\u0628\u0639\u0627\u062f \u0644\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a (20 \u0642\u062f\u0645\u064b\u0627 \u064840 \u0642\u062f\u0645\u064b\u0627)<\/h3><p dir=\"auto\">\u0641\u064a \u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0648\u0627\u0644\u062a\u0635\u062f\u064a\u0631 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0633\u0631\u064a\u0639\u0629 \u0627\u0644\u0648\u062a\u064a\u0631\u0629 \u0627\u0644\u064a\u0648\u0645\u060c \u0644\u0645 \u064a\u0639\u062f \u062a\u0639\u0638\u064a\u0645 \u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a \u0645\u0639 \u062a\u0642\u0644\u064a\u0644 \u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0634\u062d\u0646 \u0623\u0645\u0631\u064b\u0627 \u0644\u0637\u064a\u0641\u064b\u0627\u061b \u0628\u0644 \u0623\u0635\u0628\u062d \u0636\u0631\u0648\u0631\u0629 \u062a\u0646\u0627\u0641\u0633\u064a\u0629. \u0625\u0646 <strong>\u062d\u0627\u0633\u0628\u0629 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629<\/strong> \u0647\u064a \u0623\u062f\u0627\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u062a\u0645\u0627\u0645\u064b\u0627 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u0645\u062a\u0635\u0641\u062d \u0648\u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0645\u0635\u062f\u0631\u064a\u0646 \u0648\u0648\u0643\u0644\u0627\u0621 \u0627\u0644\u0634\u062d\u0646 \u0648\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0646\u0642\u0644 \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u0637\u0631\u0648\u062f \u0648\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0646\u0642\u0644 \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u0637\u0631\u0648\u062f \u0648\u0628\u0627\u0626\u0639\u064a \u0627\u0644\u062a\u062c\u0627\u0631\u0629 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0648\u0627\u0644\u0645\u0635\u0646\u0639\u064a\u0646 \u0639\u0644\u0649 \u0627\u0644\u062d\u0633\u0627\u0628 \u0627\u0644\u0641\u0648\u0631\u064a \u0644\u0644\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0645\u062b\u0644\u0649 \u0644\u062a\u062d\u0645\u064a\u0644 \u062d\u0627\u0648\u064a\u0627\u062a \u0628\u062d\u062c\u0645 20 \u0642\u062f\u0645\u064b\u0627 \u0623\u0648 40 \u0642\u062f\u0645\u064b\u0627 \u0642\u064a\u0627\u0633\u064a\u0629 \u0623\u0648 40 \u0642\u062f\u0645\u064b\u0627 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062a\u0643\u0639\u064a\u0628 \u0623\u0648 \u062d\u062a\u0649 \u062d\u0627\u0648\u064a\u0627\u062a \u0630\u0627\u062a \u062d\u062c\u0645 \u0645\u062e\u0635\u0635 \u0645\u0639 \u0646\u0648\u0639 \u0648\u0627\u062d\u062f \u0623\u0648 \u0639\u062f\u0629 \u0623\u0646\u0648\u0627\u0639 \u0645\u0646 \u0627\u0644\u0643\u0631\u0627\u062a\u064a\u0646.<\/p><p dir=\"auto\">\u0648\u0628\u0641\u0636\u0644 \u0627\u0644\u062a\u0635\u0648\u0631 \u062b\u0644\u0627\u062b\u064a \u0627\u0644\u0623\u0628\u0639\u0627\u062f \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u062d\u0642\u064a\u0642\u064a\u060c \u0648\u062a\u062d\u0644\u064a\u0644 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u062d\u062c\u0645 \u0648\u0627\u0644\u0648\u0632\u0646\u060c \u0648\u0627\u0644\u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u064a\u0646 \u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a \u0627\u0644\u0645\u062a\u0639\u062f\u062f\u0629\u060c \u0648\u062a\u0641\u0635\u064a\u0644 \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0644\u0643\u0644 \u062d\u0627\u0648\u064a\u0629 \u0648\u062a\u0642\u0627\u0631\u064a\u0631 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0635\u062f\u064a\u0631\u060c \u0641\u0625\u0646 \u0647\u0630\u0647 \u0627\u0644\u0623\u062f\u0627\u0629 \u062a\u0642\u0636\u064a \u0639\u0644\u0649 \u0627\u0644\u062a\u062e\u0645\u064a\u0646 \u0648\u064a\u0645\u0643\u0646\u0647\u0627 \u062a\u0648\u0641\u064a\u0631 \u0622\u0644\u0627\u0641 \u0627\u0644\u062f\u0648\u0644\u0627\u0631\u0627\u062a \u0644\u0643\u0644 \u0634\u062d\u0646\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u062d\u0642\u064a\u0642 \u0643\u0641\u0627\u0621\u0629 \u0645\u0633\u0627\u062d\u0629 \u0623\u0639\u0644\u0649 \u0628\u0645\u0642\u062f\u0627\u0631 5-15 % \u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u064a\u062f\u0648\u064a.<\/p><h4 dir=\"auto\">\u0644\u0645\u062d\u0629 \u0633\u0631\u064a\u0639\u0629 \u0639\u0646 \u0627\u0644\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/h4><ul dir=\"auto\"><li>\u064a\u062f\u0639\u0645 \u0623\u0646\u0648\u0627\u0639 \u063a\u064a\u0631 \u0645\u062d\u062f\u0648\u062f\u0629 \u0645\u0646 \u0627\u0644\u0643\u0631\u062a\u0648\u0646 \u0628\u0623\u0628\u0639\u0627\u062f \u0648\u0623\u0648\u0632\u0627\u0646 \u0645\u062e\u062a\u0644\u0641\u0629<\/li><li>\u0627\u062e\u062a\u0628\u0627\u0631 \u062c\u0645\u064a\u0639 \u0627\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0627\u0644\u0633\u062a\u0629 \u0627\u0644\u0645\u0645\u0643\u0646\u0629 \u0644\u0644\u0643\u0631\u062a\u0648\u0646 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b (\u0641\u064a \u062d\u0627\u0644\u0629 \u0627\u0644\u062a\u0645\u0643\u064a\u0646)<\/li><li>\u0645\u0642\u0627\u0631\u0646\u0629 \u0641\u0648\u0631\u064a\u0629 \u0628\u064a\u0646 \u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a \u0627\u0644\u0645\u0643\u0639\u0628\u0629 \u0627\u0644\u0639\u0627\u0644\u064a\u0629 20 \u0642\u062f\u0645\u0627\u064b \u064840 \u0642\u062f\u0645\u0627\u064b \u064840 \u0642\u062f\u0645\u0627\u064b<\/li><li>\u062e\u064a\u0627\u0631 \u0623\u0628\u0639\u0627\u062f \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0645\u062e\u0635\u0635\u0629<\/li><li>\u062a\u0635\u0648\u0631 \u062a\u0641\u0627\u0639\u0644\u064a \u062b\u0644\u0627\u062b\u064a \u0627\u0644\u0623\u0628\u0639\u0627\u062f \u0644\u0644\u062a\u0639\u0628\u0626\u0629 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629<\/li><li>\u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u062d\u062f \u0627\u0644\u0623\u0642\u0635\u0649 \u0644\u0644\u0648\u0632\u0646 (22-27 \u0637\u0646\u0627\u064b \u062d\u0633\u0628 \u0646\u0648\u0639 \u0627\u0644\u062d\u0627\u0648\u064a\u0629)<\/li><li>\u062a\u0642\u062f\u064a\u0631 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0634\u062d\u0646 \u0648\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0644\u0643\u0644 \u0645\u062a\u0631 \u0645\u0643\u0639\u0628<\/li><li>\u201c\u0634\u0627\u0631\u0629 \u201d\u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0645\u0648\u0635\u0649 \u0628\u0647\u0627\" \u0639\u0644\u0649 \u0623\u0633\u0627\u0633 \u0623\u0639\u0644\u0649 \u0643\u0641\u0627\u0621\u0629 \u0641\u064a \u0627\u0644\u0645\u0633\u0627\u062d\u0629<\/li><li>\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u062d\u0633\u0627\u0628 \u0648\u062d\u0641\u0638 \u0627\u0644\u062a\u0643\u0648\u064a\u0646<\/li><li>\u062a\u0635\u062f\u064a\u0631 PDF \/ Excel \/ \u0637\u0628\u0627\u0639\u0629 \u0628\u0646\u0642\u0631\u0629 \u0648\u0627\u062d\u062f\u0629 (\u062c\u0627\u0647\u0632 \u0644\u0644\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0641\u0639\u0644\u064a)<\/li><li>100 % \u0645\u062c\u0627\u0646\u064b\u0627 - \u0628\u062f\u0648\u0646 \u062a\u0633\u062c\u064a\u0644\u060c \u0628\u062f\u0648\u0646 \u0639\u0644\u0627\u0645\u0627\u062a \u0645\u0627\u0626\u064a\u0629\u060c \u0628\u062f\u0648\u0646 \u062d\u062f\u0648\u062f<\/li><\/ul><h4 dir=\"auto\">\u0643\u064a\u0641\u064a\u0629 \u0639\u0645\u0644 \u062d\u0627\u0633\u0628\u0629 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 (\u062e\u0637\u0648\u0629 \u0628\u062e\u0637\u0648\u0629)<\/h4><p dir=\"auto\"><strong>\u0627\u0644\u062e\u0637\u0648\u0629 1 - \u0623\u062f\u062e\u0644 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0643\u0631\u062a\u0648\u0646 \u0627\u0644\u062e\u0627\u0635 \u0628\u0643<\/strong> \u0627\u0628\u062f\u0623 \u0628\u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0623\u0628\u0639\u0627\u062f (\u0627\u0644\u0637\u0648\u0644 \u00d7 \u0627\u0644\u0639\u0631\u0636 \u00d7 \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 \u0628\u0627\u0644\u0633\u0646\u062a\u064a\u0645\u062a\u0631) \u0648\u0627\u0644\u0648\u0632\u0646 (\u0643\u062c\u0645) \u0644\u0644\u0643\u0631\u062a\u0648\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a. \u062b\u0645 \u0623\u062f\u062e\u0644 \u0627\u0644\u0643\u0645\u064a\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0631\u064a\u062f \u0634\u062d\u0646\u0647\u0627. \u0625\u0630\u0627 \u0643\u0627\u0646 \u0644\u062f\u064a\u0643 \u0639\u062f\u0629 \u0648\u062d\u062f\u0627\u062a SKU \u0623\u0648 \u0623\u062d\u062c\u0627\u0645 \u0635\u0646\u0627\u062f\u064a\u0642 \u0645\u062e\u062a\u0644\u0641\u0629 \u0641\u064a \u0646\u0641\u0633 \u0627\u0644\u0634\u062d\u0646\u0629\u060c \u0645\u0627 \u0639\u0644\u064a\u0643 \u0633\u0648\u0649 \u0627\u0644\u0646\u0642\u0631 \u0639\u0644\u0649 \u201c\u0625\u0636\u0627\u0641\u0629 \u0646\u0648\u0639 \u0643\u0631\u062a\u0648\u0646 \u0622\u062e\u0631\u201d \u0639\u062f\u0629 \u0645\u0631\u0627\u062a \u062d\u0633\u0628 \u0627\u0644\u062d\u0627\u062c\u0629. \u062a\u062a\u0639\u0627\u0645\u0644 \u0627\u0644\u0623\u062f\u0627\u0629 \u0645\u0639 \u0643\u0644 \u0646\u0648\u0639 \u0643\u0631\u062a\u0648\u0646 \u0628\u0634\u0643\u0644 \u0645\u0633\u062a\u0642\u0644 \u0648\u062a\u062d\u0633\u0628 \u0623\u0641\u0636\u0644 \u0633\u064a\u0646\u0627\u0631\u064a\u0648 \u062a\u062d\u0645\u064a\u0644 \u0645\u062e\u062a\u0644\u0637.<\/p><p dir=\"auto\"><strong>\u0627\u0644\u062e\u0637\u0648\u0629 2 - \u0627\u062e\u062a\u0631 \u0646\u0648\u0639 \u0627\u0644\u062d\u0627\u0648\u064a\u0629<\/strong> \u062d\u062f\u062f \u0623\u062d\u062f \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u0627\u0644\u064a\u0629:<\/p><ul dir=\"auto\"><li>\u201c\u062c\u0631\u0628 \u0643\u0644\u0627\u064b \u0645\u0646 20 \u0642\u062f\u0645\u064b\u0627 \u064840 \u0642\u062f\u0645\u064b\u0627 (\u0645\u0648\u0635\u0649 \u0628\u0647)\u201d - \u0633\u062a\u062e\u062a\u0628\u0631 \u0627\u0644\u0622\u0644\u0629 \u0627\u0644\u062d\u0627\u0633\u0628\u0629 \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a \u0627\u0644\u0642\u064a\u0627\u0633\u064a\u0629 \u0648\u062a\u0648\u0636\u062d \u0644\u0643 \u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a \u0627\u0644\u0623\u0643\u062b\u0631 \u0643\u0641\u0627\u0621\u0629<\/li><li>20 \u0642\u062f\u0645\u0627\u064b \u0642\u064a\u0627\u0633\u064a\u0629 \u0641\u0642\u0637<\/li><li>40 \u0642\u062f\u0645\u0627\u064b \u0642\u064a\u0627\u0633\u064a\u0629 \u0641\u0642\u0637<\/li><li>\u0645\u0643\u0639\u0628 \u0628\u0627\u0631\u062a\u0641\u0627\u0639 40 \u0642\u062f\u0645\u0627\u064b \u0641\u0642\u0637<\/li><li>\u062d\u0627\u0648\u064a\u0629 \u0645\u062e\u0635\u0635\u0629 (\u062a\u0642\u0648\u0645 \u0628\u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0637\u0648\u0644 \u0648\u0627\u0644\u0639\u0631\u0636 \u0648\u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u0644\u062f\u0627\u062e\u0644\u064a)<\/li><\/ul><p dir=\"auto\"><strong>\u0627\u0644\u062e\u0637\u0648\u0629 3 - \u062e\u064a\u0627\u0631\u0627\u062a \u0645\u062a\u0642\u062f\u0645\u0629 (\u0627\u062e\u062a\u064a\u0627\u0631\u064a\u0629 \u0648\u0644\u0643\u0646\u0647\u0627 \u0642\u0648\u064a\u0629)<\/strong><\/p><ul dir=\"auto\"><li>\u0636\u0639 \u0641\u064a \u0627\u0639\u062a\u0628\u0627\u0631\u0643 \u062d\u062f\u0648\u062f \u0627\u0644\u0648\u0632\u0646 - \u0636\u0639 \u0639\u0644\u0627\u0645\u0629 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b \u0625\u0630\u0627 \u062a\u062c\u0627\u0648\u0632\u062a \u062d\u0645\u0648\u0644\u062a\u0643 22 \u0637\u0646\u0627\u064b (20 \u0642\u062f\u0645\u0627\u064b) \u0623\u0648 27 \u0637\u0646\u0627\u064b (\u0633\u0644\u0633\u0644\u0629 40 \u0642\u062f\u0645\u0627\u064b)<\/li><li>\u0627\u0644\u0633\u0645\u0627\u062d \u0628\u062a\u062f\u0648\u064a\u0631 \u0627\u0644\u0643\u0631\u0627\u062a\u064a\u0646 - \u062a\u062e\u062a\u0628\u0631 \u0627\u0644\u062e\u0648\u0627\u0631\u0632\u0645\u064a\u0629 \u062c\u0645\u064a\u0639 \u0627\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0627\u0644\u0633\u062a\u0629 \u0627\u0644\u0645\u0645\u0643\u0646\u0629 \u0648\u062a\u062e\u062a\u0627\u0631 \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0630\u064a \u064a\u0646\u0627\u0633\u0628 \u0623\u0643\u0628\u0631 \u0639\u062f\u062f \u0645\u0645\u0643\u0646 \u0645\u0646 \u0627\u0644\u0643\u0631\u0627\u062a\u064a\u0646<\/li><li>\u062a\u0636\u0645\u064a\u0646 \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u062a\u0643\u0644\u0641\u0629 - \u064a\u0639\u0631\u0636 \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u064a\u0629 \u0644\u0644\u0634\u062d\u0646 \u0627\u0644\u0628\u062d\u0631\u064a \u0648\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0644\u0643\u0644 \u062d\u0627\u0648\u064a\u0629 \u0644\u0643\u0644 \u062e\u064a\u0627\u0631 \u0645\u0646 \u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a<\/li><\/ul><p dir=\"auto\"><strong>\u0627\u0644\u062e\u0637\u0648\u0629 4 - \u0627\u0646\u0642\u0631 \u0641\u0648\u0642 \u201c\u062d\u0633\u0627\u0628 \u0627\u0644\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0623\u0645\u062b\u0644\u201d<\/strong> \u0641\u064a \u0623\u0642\u0644 \u0645\u0646 \u062b\u0627\u0646\u064a\u0629 \u062a\u0642\u0648\u0645 \u0627\u0644\u0623\u062f\u0627\u0629 \u0628\u062a\u0634\u063a\u064a\u0644 \u0622\u0644\u0627\u0641 \u0645\u0646 \u062a\u0631\u0643\u064a\u0628\u0627\u062a \u0627\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0648\u0627\u0644\u062a\u062e\u0637\u064a\u0637\u0627\u062a \u0648\u0627\u0644\u0639\u0648\u0627\u0626\u062f:<\/p><p dir=\"auto\"><strong>A. \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0648\u062c\u0632\u0629<\/strong><\/p><ul dir=\"auto\"><li>\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0643\u0631\u0627\u062a\u064a\u0646\u060c \u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u062d\u062c\u0645 (\u0645\u062a\u0631 \u0645\u0643\u0639\u0628)\u060c \u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0648\u0632\u0646 (\u0643\u062c\u0645)<\/li><li>\u0646\u0648\u0639 \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0645\u0648\u0635\u0649 \u0628\u0647 \u0645\u0639 \u0634\u0631\u064a\u0637 \u201c\u0645\u0648\u0635\u0649 \u0628\u0647\u201d \u0623\u062e\u0636\u0631 \u0627\u0644\u0644\u0648\u0646<\/li><\/ul><p dir=\"auto\"><strong>B. \u0628\u0637\u0627\u0642\u0627\u062a \u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a<\/strong> \u0639\u0631\u0636 \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a \u062c\u0646\u0628\u0627\u064b \u0625\u0644\u0649 \u062c\u0646\u0628<\/p><ul dir=\"auto\"><li>\u0639\u062f\u062f \u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c\u0647\u0627 \u0645\u0646 \u0643\u0644 \u0646\u0648\u0639<\/li><li>\u0627\u0644\u0646\u0633\u0628\u0629 \u0627\u0644\u0645\u0626\u0648\u064a\u0629 \u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0645\u0633\u0627\u062d\u0629<\/li><li>\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u064a\u0629 \u0644\u0644\u0634\u062d\u0646 \u0627\u0644\u0628\u062d\u0631\u064a<\/li><li>\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0648\u0632\u0646 (\u0645\u0639 \u062a\u062d\u0630\u064a\u0631 \u0628\u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0623\u062d\u0645\u0631 \u0641\u064a \u062d\u0627\u0644\u0629 \u062a\u062c\u0627\u0648\u0632 \u0627\u0644\u062d\u062f \u0627\u0644\u0645\u0633\u0645\u0648\u062d \u0628\u0647)<\/li><\/ul><p dir=\"auto\"><strong>C. \u0639\u0644\u0627\u0645\u0629 \u062a\u0628\u0648\u064a\u0628 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u062a\u0641\u0635\u064a\u0644\u064a\u0629<\/strong> \u0644\u0643\u0644 \u0646\u0648\u0639 \u062d\u0627\u0648\u064a\u0629 \u0642\u0645\u062a \u0628\u062a\u062d\u062f\u064a\u062f\u0647:<\/p><ul dir=\"auto\"><li>\u0627\u0644\u0639\u062f\u062f \u0627\u0644\u062f\u0642\u064a\u0642 \u0644\u0644\u0643\u0631\u062a\u0648\u0646 \u0627\u0644\u0630\u064a \u064a\u062a\u0633\u0639 \u0641\u064a \u062d\u0627\u0648\u064a\u0629 \u0648\u0627\u062d\u062f\u0629<\/li><li>\u0627\u0644\u0648\u0635\u0641 \u0627\u0644\u0623\u0645\u062b\u0644 \u0644\u0644\u062a\u062e\u0637\u064a\u0637 \u062b\u0644\u0627\u062b\u064a \u0627\u0644\u0623\u0628\u0639\u0627\u062f (\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644\u060c \u201c28 \u00d7 12 \u00d7 10 \u0643\u0631\u062a\u0648\u0646 - \u0627\u062a\u062c\u0627\u0647 60 \u00d7 40 \u00d7 40 \u00d7 40 \u0633\u0645\u201d)<\/li><li>\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u062d\u062c\u0645 %<\/li><li>\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0648\u0632\u0646 %<\/li><\/ul><p dir=\"auto\"><strong>D. \u0639\u0644\u0627\u0645\u0629 \u062a\u0628\u0648\u064a\u0628 \u0627\u0644\u062a\u0635\u0648\u0631 \u062b\u0644\u0627\u062b\u064a \u0627\u0644\u0623\u0628\u0639\u0627\u062f<\/strong> \u0646\u0645\u0648\u0630\u062c \u062a\u0641\u0627\u0639\u0644\u064a \u062b\u0644\u0627\u062b\u064a \u0627\u0644\u0623\u0628\u0639\u0627\u062f \u0644\u0623\u0641\u0636\u0644 \u062d\u0627\u0648\u064a\u0629 \u0645\u0645\u0644\u0648\u0621\u0629 \u0628\u0627\u0644\u0643\u0631\u062a\u0648\u0646 \u0627\u0644\u062e\u0627\u0635 \u0628\u0643. \u064a\u0645\u0643\u0646\u0643 \u062a\u062f\u0648\u064a\u0631 \u0627\u0644\u0639\u0631\u0636 \u0639\u0644\u0649 \u0627\u0644\u0645\u062d\u0627\u0648\u0631 X \u0648 Y \u0648 Z \u0644\u0644\u062a\u062d\u0642\u0642 \u0628\u0635\u0631\u064a\u064b\u0627 \u0645\u0646 \u0646\u0645\u0637 \u0627\u0644\u062a\u0639\u0628\u0626\u0629 \u0648\u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0645\u0647\u062f\u0631\u0629.<\/p><p dir=\"auto\"><strong>E. \u0639\u0644\u0627\u0645\u0629 \u062a\u0628\u0648\u064a\u0628 \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641<\/strong> \u062a\u0642\u062f\u064a\u0631 \u0648\u0627\u0642\u0639\u064a \u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0634\u062d\u0646 (\u0627\u0644\u0645\u0639\u062f\u0644\u0627\u062a \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629: $3,500 \/ 20 \u0642\u062f\u0645\u060c $5,500 \/ 40 \u0642\u062f\u0645\u060c $6,000 \/ 40 \u0642\u062f\u0645 HC) \u0648\u062d\u0633\u0627\u0628 \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0644\u0643\u0644 \u0645\u062a\u0631 \u0645\u0643\u0639\u0628. \u062a\u0633\u0644\u0637 \u0627\u0644\u0623\u062f\u0627\u0629 \u0627\u0644\u0636\u0648\u0621 \u0639\u0644\u0649 \u0623\u0631\u062e\u0635 \u062e\u064a\u0627\u0631 \u0644\u0643\u0644 \u0645\u062a\u0631 \u0645\u0643\u0639\u0628 \u0648\u062a\u0642\u062f\u0645 \u062a\u0648\u0635\u064a\u0627\u062a \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0646\u0641\u064a\u0630 (\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644\u060c \u201c\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062d\u0627\u0648\u064a\u062a\u064a\u0646 40 \u0642\u062f\u0645\u064b\u0627 \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u062e\u0645\u0633 \u062d\u0627\u0648\u064a\u0627\u062a 20 \u0642\u062f\u0645\u064b\u0627 \u064a\u0648\u0641\u0631 \u0644\u0643 \u062d\u0648\u0627\u0644\u064a $4,200T4\u201d).<\/p><p dir=\"auto\"><strong>\u0627\u0644\u062e\u0637\u0648\u0629 5 - \u0627\u0644\u062a\u0635\u062f\u064a\u0631 \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629<\/strong> \u0639\u0646\u062f\u0645\u0627 \u062a\u0643\u0648\u0646 \u062c\u0627\u0647\u0632\u064b\u0627 \u0644\u0625\u0631\u0633\u0627\u0644 \u062e\u0637\u0629 \u0627\u0644\u062a\u062d\u0645\u064a\u0644 \u0625\u0644\u0649 \u0627\u0644\u0645\u0648\u0631\u062f \u0623\u0648 \u0648\u0643\u064a\u0644 \u0627\u0644\u0634\u062d\u0646\u060c \u0627\u0633\u062a\u062e\u062f\u0645 \u0623\u0632\u0631\u0627\u0631 PDF \u0623\u0648 Excel \u0623\u0648 Print. \u064a\u062a\u0636\u0645\u0646 \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0645\u064f\u0635\u062f\u064e\u0651\u0631 \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0633\u0627\u0628\u0627\u062a\u060c \u0648\u0627\u0644\u0645\u062e\u0637\u0637 \u062b\u0644\u0627\u062b\u064a \u0627\u0644\u0623\u0628\u0639\u0627\u062f\u060c \u0648\u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0645\u0648\u0635\u0649 \u0628\u0647 - \u0648\u0647\u0648 \u0645\u062b\u0627\u0644\u064a \u0644\u062a\u0639\u0644\u064a\u0645\u0627\u062a \u0627\u0644\u062a\u062d\u0645\u064a\u0644 \u0641\u064a \u0627\u0644\u0645\u0635\u0646\u0639 \u0623\u0648 \u0627\u0644\u0648\u062b\u0627\u0626\u0642 \u0627\u0644\u062c\u0645\u0631\u0643\u064a\u0629.<\/p><h4 dir=\"auto\">\u0644\u0645\u0627\u0630\u0627 \u062a\u062a\u0641\u0648\u0642 \u0647\u0630\u0647 \u0627\u0644\u0623\u062f\u0627\u0629 \u0639\u0644\u0649 \u0642\u0648\u0627\u0644\u0628 Excel \u0648\u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u0645\u062f\u0641\u0648\u0639\u0629<\/h4><p dir=\"auto\">\u0645\u0639\u0638\u0645 \u062d\u0627\u0633\u0628\u0627\u062a \u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0648\u062c\u0648\u062f\u0629 \u0641\u064a \u0627\u0644\u0633\u0648\u0642 \u0625\u0645\u0627 \u0645\u0641\u0631\u0637\u0629 \u0641\u064a \u0627\u0644\u062a\u0628\u0633\u064a\u0637 (\u062a\u062a\u062c\u0627\u0647\u0644 \u062d\u062f\u0648\u062f \u0627\u0644\u062f\u0648\u0631\u0627\u0646 \u0648\u0627\u0644\u0648\u0632\u0646) \u0623\u0648 \u0628\u0627\u0647\u0638\u0629 \u0627\u0644\u062b\u0645\u0646 ($200-$2,000 \u062a\u0631\u062e\u064a\u0635). \u062a\u062c\u0645\u0639 \u062d\u0627\u0633\u0628\u0629 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 \u0647\u0630\u0647 \u0628\u064a\u0646 \u062f\u0642\u0629 \u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0648\u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u062a\u0637\u0628\u064a\u0642 \u0648\u064a\u0628 \u0645\u062c\u0627\u0646\u064a.<\/p><p dir=\"auto\">\u064a\u0633\u062a\u062e\u062f\u0645 \u062e\u0648\u0627\u0631\u0632\u0645\u064a\u0629 \u062a\u0639\u0628\u0626\u0629 \u062d\u0627\u0648\u064a\u0627\u062a \u0645\u062b\u0628\u062a\u0629 \u062a\u0642\u0648\u0645 \u0628\u062a\u0642\u064a\u064a\u0645 \u0643\u0644 \u0627\u062a\u062c\u0627\u0647 \u0645\u0645\u0643\u0646 \u0644\u0644\u0643\u0631\u062a\u0648\u0646 \u0648\u062a\u0648\u0636\u062d \u0644\u0643 \u0639\u0644\u0649 \u0627\u0644\u0641\u0648\u0631 \u0644\u064a\u0633 \u0641\u0642\u0637 \u0639\u062f\u062f \u0627\u0644\u0643\u0631\u0627\u062a\u064a\u0646 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629\u060c \u0648\u0644\u0643\u0646 \u062d\u062c\u0645 \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0630\u064a \u064a\u0645\u0646\u062d\u0643 \u0623\u0642\u0644 \u062a\u0643\u0644\u0641\u0629 \u0644\u0643\u0644 \u0645\u062a\u0631 \u0645\u0643\u0639\u0628 - \u0648\u0647\u064a \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u062a\u0624\u062b\u0631 \u0645\u0628\u0627\u0634\u0631\u0629\u064b \u0639\u0644\u0649 \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 \u0648\u0647\u0627\u0645\u0634 \u0627\u0644\u0631\u0628\u062d.<\/p><h4 dir=\"auto\">\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0641\u064a \u0627\u0644\u0639\u0627\u0644\u0645 \u0627\u0644\u062d\u0642\u064a\u0642\u064a<\/h4><ul dir=\"auto\"><li>\u062a\u0639\u0645\u0644 Amazon FBA \u0648\u0628\u0627\u0626\u0639\u064a \u0627\u0644\u062a\u062c\u0627\u0631\u0629 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0639\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062f\u0645\u062c 40 \u0642\u062f\u0645\u064b\u0627<\/li><li>\u0645\u0635\u062f\u0651\u0631\u0648 \u0627\u0644\u0623\u062b\u0627\u062b \u0648\u0627\u0644\u0622\u0644\u0627\u062a \u0627\u0644\u0630\u064a\u0646 \u064a\u062a\u0631\u0627\u0648\u062d \u0637\u0648\u0644\u0647\u0645 \u0628\u064a\u0646 20 \u0642\u062f\u0645\u064b\u0627 \u064840 \u0642\u062f\u0645\u064b\u0627 HC<\/li><li>\u0648\u0643\u0644\u0627\u0621 \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0630\u064a\u0646 \u064a\u0642\u062f\u0645\u0648\u0646 \u0639\u0631\u0648\u0636 \u0623\u0633\u0639\u0627\u0631 LCL \u0645\u0642\u0627\u0628\u0644 FCL \u0644\u0644\u0639\u0645\u0644\u0627\u0621<\/li><li>\u064a\u0636\u0639 \u0627\u0644\u0645\u0635\u0646\u0639\u0648\u0646 \u062e\u0637\u0637 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0635\u0646\u0639 \u0644\u062a\u062c\u0646\u0628 \u0631\u0633\u0648\u0645 \u0627\u0644\u062a\u0623\u062e\u064a\u0631 \u0648\u0627\u0644\u0627\u062d\u062a\u062c\u0627\u0632<\/li><li>\u0648\u0643\u0644\u0627\u0621 \u0627\u0644\u062a\u0648\u0631\u064a\u062f \u064a\u0642\u0627\u0631\u0646\u0648\u0646 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0641\u0639\u0644\u064a \u0645\u0642\u0627\u0628\u0644 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0646\u0638\u0631\u064a \u0644\u0644\u062d\u0627\u0648\u064a\u0627\u062a \u0628\u0627\u0644\u0646\u0633\u0628\u0629 \u0644\u0644\u0645\u0648\u0631\u062f\u064a\u0646<\/li><\/ul><h4 dir=\"auto\">\u0646\u0635\u0627\u0626\u062d \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0627\u0644\u0642\u0635\u0648\u0649 \u0645\u0646 \u0627\u0644\u0645\u0633\u0627\u062d\u0629<\/h4><ol dir=\"auto\"><li>\u0642\u0645 \u062f\u0627\u0626\u0645\u064b\u0627 \u0628\u062a\u0645\u0643\u064a\u0646 \u201c\u0627\u0644\u0633\u0645\u0627\u062d \u0628\u062a\u062f\u0648\u064a\u0631 \u0627\u0644\u0643\u0631\u062a\u0648\u0646\u201d - \u0641\u064a \u0628\u0639\u0636 \u0627\u0644\u0623\u062d\u064a\u0627\u0646 \u064a\u0624\u062f\u064a \u062a\u062f\u0648\u064a\u0631 \u0627\u0644\u0643\u0631\u062a\u0648\u0646 \u0628\u0632\u0627\u0648\u064a\u0629 90 \u062f\u0631\u062c\u0629 \u0625\u0644\u0649 \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0628\u0645\u0642\u062f\u0627\u0631 10-20 %.<\/li><li>\u0625\u0630\u0627 \u0643\u0627\u0646 \u0648\u0632\u0646\u0643 \u064a\u0632\u064a\u062f \u0642\u0644\u064a\u0644\u0627\u064b \u0639\u0646 \u0627\u0644\u062d\u062f \u0627\u0644\u0623\u0642\u0635\u0649 \u0644\u0644\u0648\u0632\u0646 \u0627\u0644\u0645\u0633\u0645\u0648\u062d \u0628\u0647 \u0641\u064a \u0634\u0627\u062d\u0646\u0629 20 \u0642\u062f\u0645\u0627\u064b \u0648\u0644\u0643\u0646 \u0644\u062f\u064a\u0643 \u0627\u0644\u0643\u062b\u064a\u0631 \u0645\u0646 \u0627\u0644\u062d\u062c\u0645 \u0627\u0644\u0645\u062a\u0628\u0642\u064a\u060c \u0641\u0641\u0643\u0631 \u0641\u064a \u062a\u0642\u0633\u064a\u0645\u0647\u0627 \u0625\u0644\u0649 \u0634\u0627\u062d\u0646\u062a\u064a\u0646 20 \u0642\u062f\u0645\u0627\u064b \u0623\u0648 \u0627\u0644\u062a\u0631\u0642\u064a\u0629 \u0625\u0644\u0649 \u0634\u0627\u062d\u0646\u0629 40 \u0642\u062f\u0645\u0627\u064b HC.<\/li><li>\u0628\u0627\u0644\u0646\u0633\u0628\u0629 \u0644\u0648\u062d\u062f\u0627\u062a \u062d\u0641\u0638 \u0627\u0644\u0645\u062e\u0632\u0648\u0646 \u0627\u0644\u0645\u062e\u062a\u0644\u0637\u0629\u060c \u0623\u062f\u062e\u0644 \u0627\u0644\u0643\u0631\u062a\u0648\u0646\u0629 \u0627\u0644\u0623\u0643\u0628\u0631\/\u0627\u0644\u0623\u062b\u0642\u0644 \u0623\u0648\u0644\u0627\u064b - \u0633\u062a\u0638\u0644 \u0627\u0644\u0623\u062f\u0627\u0629 \u062a\u0639\u062b\u0631 \u0639\u0644\u0649 \u0627\u0644\u062d\u062f \u0627\u0644\u0623\u0645\u062b\u0644 \u0627\u0644\u0639\u0627\u0644\u0645\u064a.<\/li><li>\u0627\u0633\u062a\u062e\u062f\u0645 \u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u0628\u0648\u064a\u0628 \u201c\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u062a\u0643\u0644\u0641\u0629\u201d \u062d\u062a\u0649 \u0644\u0648 \u0627\u062e\u062a\u0644\u0641\u062a \u0627\u0644\u0623\u0633\u0639\u0627\u0631 \u0641\u064a \u0645\u0646\u0637\u0642\u062a\u0643 - \u064a\u0645\u0643\u0646\u0643 \u062a\u0639\u062f\u064a\u0644\u0647\u0627 \u0630\u0647\u0646\u064a\u064b\u0627 \u0648\u0633\u062a\u0638\u0644 \u062a\u0631\u0649 \u0623\u064a \u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a \u062a\u0639\u0637\u064a \u0623\u0641\u0636\u0644 \u0642\u064a\u0645\u0629.<\/li><\/ol><h4 dir=\"auto\">\u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0633\u062a\u062e\u062f\u0645\u0647\u0627 \u0627\u0644\u0622\u0644\u0629 \u0627\u0644\u062d\u0627\u0633\u0628\u0629<\/h4><ul dir=\"auto\"><li>20 \u0642\u062f\u0645\u0627\u064b \u0627\u0644\u0623\u0628\u0639\u0627\u062f \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 \u0627\u0644\u0642\u064a\u0627\u0633\u064a\u0629: 5.89 \u00d7 2.35 \u00d7 2.35 \u00d7 2.39 \u0645 (33.2 \u0645\u00b3) - \u0627\u0644\u062d\u0645\u0648\u0644\u0629 \u0627\u0644\u0642\u0635\u0648\u0649 22 \u0637\u0646\u0627\u064b \u062a\u0642\u0631\u064a\u0628\u0627\u064b<\/li><li>\u0645\u0642\u0627\u0633 40 \u0642\u062f\u0645\u064b\u0627 \u0642\u064a\u0627\u0633\u064a: 12.03 \u00d7 2.35 \u00d7 2.39 \u0645 (67.7 \u0645\u00b3) - \u0627\u0644\u062d\u0645\u0648\u0644\u0629 \u0627\u0644\u0642\u0635\u0648\u0649 ~ 27 \u0637\u0646\u064b\u0627<\/li><li>\u0645\u0643\u0639\u0628 \u0627\u0631\u062a\u0641\u0627\u0639\u0647 40 \u0642\u062f\u0645\u064b\u0627: 12.03 \u00d7 2.35 \u00d7 2.69 \u0645 (76.3 \u0645\u00b3) - \u0627\u0644\u062d\u0645\u0648\u0644\u0629 \u0627\u0644\u0642\u0635\u0648\u0649 ~ 27 \u0637\u0646\u064b\u0627<\/li><\/ul><p><img decoding=\"async\" class=\"wp-image-14008 size-medium aligncenter\" src=\"https:\/\/tendify.net\/wp-content\/themes\/woodmart\/images\/lazy.svg\" data-src=\"https:\/\/tendify.net\/wp-content\/uploads\/2025\/11\/20ft-and-40ft-container-dimensions-300x201.jpg\" alt=\"\" width=\"300\" height=\"201\" srcset=\"\" data-srcset=\"https:\/\/tendify.net\/wp-content\/uploads\/2025\/11\/20ft-and-40ft-container-dimensions-300x201.jpg 300w, https:\/\/tendify.net\/wp-content\/uploads\/2025\/11\/20ft-and-40ft-container-dimensions-768x515.jpg 768w, https:\/\/tendify.net\/wp-content\/uploads\/2025\/11\/20ft-and-40ft-container-dimensions-18x12.jpg 18w, https:\/\/tendify.net\/wp-content\/uploads\/2025\/11\/20ft-and-40ft-container-dimensions-150x101.jpg 150w, https:\/\/tendify.net\/wp-content\/uploads\/2025\/11\/20ft-and-40ft-container-dimensions.jpg 890w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p><p dir=\"auto\">\u062a\u0633\u062a\u062e\u062f\u0645 \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0633\u0627\u0628\u0627\u062a \u0627\u0644\u0623\u0628\u0639\u0627\u062f \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 \u0627\u0644\u062f\u0642\u064a\u0642\u0629 (\u0648\u0644\u064a\u0633 \u0642\u064a\u0648\u062f \u0641\u062a\u062d \u0627\u0644\u0628\u0627\u0628) \u0648\u0627\u0644\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0623\u0631\u0636\u064a \u0641\u0642\u0637 (\u0644\u0627 \u062a\u0648\u062c\u062f \u062a\u0631\u062a\u064a\u0628\u0627\u062a \u0645\u062a\u062f\u0644\u064a\u0629 \u0623\u0648 \u0646\u0627\u062a\u0626).<\/p><h4 dir=\"auto\">\u0627\u0628\u062f\u0623 \u0628\u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u0645\u0627\u0644 \u0627\u0644\u064a\u0648\u0645 - \u0645\u062c\u0627\u0646\u064b\u0627 \u062a\u0645\u0627\u0645\u064b\u0627<\/h4><p dir=\"auto\">\u0644\u0627 \u062a\u0633\u062c\u064a\u0644\u060c \u0644\u0627 \u0628\u0637\u0627\u0642\u0629 \u0627\u0626\u062a\u0645\u0627\u0646\u060c \u0644\u0627 \u062d\u0627\u062c\u0629 \u0644\u0644\u062a\u062b\u0628\u064a\u062a. \u0645\u0627 \u0639\u0644\u064a\u0643 \u0633\u0648\u0649 \u0641\u062a\u062d \u0627\u0644\u0635\u0641\u062d\u0629\u060c \u0648\u0625\u062f\u062e\u0627\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0643\u0631\u062a\u0648\u0646 \u0627\u0644\u062e\u0627\u0635 \u0628\u0643\u060c \u0648\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u062e\u0637\u0637 \u062a\u0639\u0628\u0626\u0629 \u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0641\u064a \u062b\u0648\u0627\u0646\u064d.<\/p><p dir=\"auto\">\u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u062a\u0634\u062d\u0646 50 \u0643\u0631\u062a\u0648\u0646\u0629 \u0634\u0647\u0631\u064a\u064b\u0627 \u0623\u0648 500 \u062d\u0627\u0648\u064a\u0629 \u0633\u0646\u0648\u064a\u064b\u0627\u060c \u0641\u0625\u0646 <strong>\u062d\u0627\u0633\u0628\u0629 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629<\/strong> \u064a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u062a\u0642\u0644\u064a\u0644 \u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0634\u062d\u0646\u060c \u0648\u062a\u062c\u0646\u0628 \u063a\u0631\u0627\u0645\u0627\u062a \u0627\u0644\u0648\u0632\u0646 \u0627\u0644\u0632\u0627\u0626\u062f\u060c \u0648\u062a\u0633\u0631\u064a\u0639 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u0627\u0644\u0645\u0648\u0631\u062f\u064a\u0646\u060c \u0648\u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0623\u0643\u062b\u0631 \u0630\u0643\u0627\u0621\u064b \u0628\u0634\u0623\u0646 \u0627\u0644\u062f\u0645\u062c.<\/p><p dir=\"auto\">\u062c\u0631\u0628\u0647\u0627 \u0627\u0644\u0622\u0646 - \u0642\u0645 \u0628\u062a\u062d\u0645\u064a\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0639\u064a\u0646\u0629 \u0628\u0646\u0642\u0631\u0629 \u0648\u0627\u062d\u062f\u0629 \u0648\u0634\u0627\u0647\u062f \u0643\u064a\u0641 \u0623\u0646 1200 \u0643\u0631\u062a\u0648\u0646\u0629 \u0645\u0642\u0627\u0633 60\u00d740\u00d740 \u0633\u0645 \u062a\u062a\u0646\u0627\u0633\u0628 \u062a\u0645\u0627\u0645\u064b\u0627 \u0645\u0639 \u062d\u0627\u0648\u064a\u062a\u064a\u0646 \u0641\u0642\u0637 \u0645\u0646 \u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a \u0627\u0644\u0645\u0643\u0639\u0628\u0629 \u0627\u0644\u0639\u0627\u0644\u064a\u0629 40 \u0642\u062f\u0645\u064b\u0627 \u0645\u0639 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u0633\u0627\u062d\u0629 92.4 % \u0648\u0639\u062f\u0645 \u0648\u062c\u0648\u062f \u0623\u064a \u0625\u0647\u062f\u0627\u0631 \u0641\u064a \u0648\u062d\u062f\u0629 \u0627\u0644\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u0629.<\/p><p dir=\"auto\">\u062d\u0633\u0650\u0651\u0646 \u0634\u062d\u0646\u062a\u0643 \u0627\u0644\u062a\u0627\u0644\u064a\u0629 \u0627\u0644\u064a\u0648\u0645 \u0648\u0627\u062d\u062a\u0641\u0638 \u0628\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0623\u0631\u0628\u0627\u062d \u0641\u064a \u062c\u064a\u0628\u0643!<\/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\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u062d\u0633\u0650\u0651\u0646 \u0627\u0644\u0634\u062d\u0646 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062d\u0633\u0627\u0628\u0627\u062a \u062f\u0642\u064a\u0642\u0629 \u0644\u0644\u062d\u0627\u0648\u064a\u0627\u062a\u060c \u0648\u0627\u0644\u062a\u0635\u0648\u0631 \u062b\u0644\u0627\u062b\u064a \u0627\u0644\u0623\u0628\u0639\u0627\u062f\u060c \u0648\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u062a\u0643\u0644\u0641\u0629<\/p>","protected":false},"author":15,"featured_media":13983,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[767],"tags":[],"class_list":["post-13981","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-b2b-online-tools"],"_links":{"self":[{"href":"https:\/\/tendify.net\/ar\/wp-json\/wp\/v2\/posts\/13981","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tendify.net\/ar\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tendify.net\/ar\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tendify.net\/ar\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/tendify.net\/ar\/wp-json\/wp\/v2\/comments?post=13981"}],"version-history":[{"count":0,"href":"https:\/\/tendify.net\/ar\/wp-json\/wp\/v2\/posts\/13981\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tendify.net\/ar\/wp-json\/wp\/v2\/media\/13983"}],"wp:attachment":[{"href":"https:\/\/tendify.net\/ar\/wp-json\/wp\/v2\/media?parent=13981"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tendify.net\/ar\/wp-json\/wp\/v2\/categories?post=13981"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tendify.net\/ar\/wp-json\/wp\/v2\/tags?post=13981"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}