{"id":3955,"date":"2025-11-07T21:31:09","date_gmt":"2025-11-07T21:31:09","guid":{"rendered":"https:\/\/jamarek.com\/%e0%a4%95%e0%a5%88%e0%a4%b2%e0%a4%95%e0%a5%81%e0%a4%b2%e0%a5%87%e0%a4%9f%e0%a4%b0\/"},"modified":"2026-08-08T22:27:10","modified_gmt":"2026-08-08T22:27:10","slug":"calculator","status":"publish","type":"page","link":"https:\/\/jamarek.com\/hi\/calculator\/","title":{"rendered":"\u0915\u0948\u0932\u0915\u0941\u0932\u0947\u091f\u0930"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3955\" class=\"elementor elementor-3955 elementor-3269\" data-elementor-settings=\"{&quot;jkit_pro_custom_cursor_toggle&quot;:false}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29dee8f9 animated-slow e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"29dee8f9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;animation&quot;:&quot;fadeInDown&quot;,&quot;jkit_pro_background_motion_effects_toggle&quot;:0,&quot;jkit_pro_custom_cursor_toggle&quot;:false,&quot;jkit_pro_parallax_effects_toggle&quot;:0,&quot;jkit_pro_mouse_effects_toggle&quot;:0}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1da9e74 e-con-full e-flex e-con e-child\" data-id=\"1da9e74\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jkit_pro_background_motion_effects_toggle&quot;:0,&quot;jkit_pro_custom_cursor_toggle&quot;:false,&quot;jkit_pro_parallax_effects_toggle&quot;:0,&quot;jkit_pro_mouse_effects_toggle&quot;:0}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f295af3 elementor-widget elementor-widget-heading\" data-id=\"4f295af3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">\u0915\u0948\u0932\u0915\u0941\u0932\u0947\u091f\u0930<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e4c7b7d elementor-widget elementor-widget-hfe-breadcrumbs-widget\" data-id=\"4e4c7b7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;jkit_pro_custom_cursor_toggle&quot;:false,&quot;jkit_pro_parallax_effects_toggle&quot;:0,&quot;jkit_pro_mouse_effects_toggle&quot;:0}\" data-widget_type=\"hfe-breadcrumbs-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<nav aria-label=\"Breadcrumb\"><ul class=\"hfe-breadcrumbs hfe-breadcrumbs-show-home\"><li class=\"hfe-breadcrumbs-item hfe-breadcrumbs-first\"><span class=\"hfe-breadcrumbs-home-icon\"><\/span><a href=\"https:\/\/jamarek.com\/hi\/\"><span class=\"hfe-breadcrumbs-text\">\u0939\u094b\u092e<\/span><\/a><\/li><\/ul><\/nav>\t\t\t\t<\/div>\n\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=\"elementor-element elementor-element-c9f09e7 e-flex e-con-boxed e-con e-parent\" data-id=\"c9f09e7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jkit_pro_background_motion_effects_toggle&quot;:0,&quot;jkit_pro_custom_cursor_toggle&quot;:false,&quot;jkit_pro_parallax_effects_toggle&quot;:0,&quot;jkit_pro_mouse_effects_toggle&quot;:0}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d92594 elementor-widget elementor-widget-html\" data-id=\"8d92594\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div>\r\n\r\n\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>\u091c\u092e\u0948\u0930\u0947\u0915 \u0915\u0948\u0932\u0915\u0941\u0932\u0947\u091f\u0930 \u0939\u092c<\/title>\r\n  <style>\r\n    \/* ===== THEME (Dark Jamarek) ===== *\/\r\n    :root{\r\n      --bg:#0b1418; --bg-2:#0f1d22;\r\n      --ink:#ecf7f9; --ink-dim:#9cc9cf;\r\n      --teal:#2B9AA7; --accent:#2B9AA7; --line:#16343b;\r\n      --good:#1dd1a1; --warn:#f1c40f; --bad:#ff6b6b;\r\n    }\r\n    *{box-sizing:border-box;margin:0;padding:0}\r\n    body{font-family:\"Inter\",ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--ink);line-height:1.6;padding:20px}\r\n    .container{max-width:1200px;margin:0 auto}\r\n\r\n    \/* Header *\/\r\n    .header{text-align:center;margin-bottom:30px}\r\n    .eyebrow{display:inline-flex;gap:10px;align-items:center;letter-spacing:.08em;font-weight:600;color:var(--ink-dim);font-size:12px;text-transform:uppercase;margin-bottom:10px}\r\n    .dot{width:8px;height:8px;border-radius:16px;background:var(--accent);box-shadow:0 0 10px var(--accent)}\r\n    .title{font-size:32px;line-height:1.2;margin:10px 0 6px;color:var(--ink)}\r\n    .sub{color:var(--ink-dim);font-size:16px;max-width:700px;margin:0 auto}\r\n\r\n    \/* Tabs *\/\r\n    .tabs{margin:30px 0}\r\n    .tab-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:20px}\r\n    .tab-btn{padding:12px 24px;background:linear-gradient(180deg,#0e1b1f,#0b1518);border:1px solid var(--line);color:var(--ink);border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s}\r\n    .tab-btn:hover{border-color:var(--accent);transform:translateY(-2px)}\r\n    .tab-btn.active{background:linear-gradient(180deg,rgba(0,209,209,.15),rgba(43,154,167,.1));border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,209,209,.18) inset}\r\n    .tab-content{display:none}\r\n    .tab-content.active{display:block;animation:fadeIn .5s ease}\r\n    @keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}\r\n\r\n    \/* Toolbar *\/\r\n    .toolbar{display:flex;gap:15px;align-items:center;justify-content:center;margin:20px 0;flex-wrap:wrap}\r\n    .chip{border:1px dashed var(--line);color:var(--ink-dim);padding:8px 16px;border-radius:9px;white-space:nowrap}\r\n    .select{background:#0c171b;color:var(--ink);border:1px solid var(--line);padding:10px 15px;border-radius:10px;outline:none;min-width:150px}\r\n    .select:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(0,209,209,.18)}\r\n\r\n    \/* Cards & Grid *\/\r\n    .grid{display:grid;gap:20px}\r\n    .grid-2{grid-template-columns:1fr 1fr}\r\n    .grid-3{grid-template-columns:repeat(3,1fr);gap:15px}\r\n    @media (max-width: 900px){.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr}}\r\n    .card{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.02));border:1px solid var(--line);border-radius:14px;padding:25px}\r\n    .card h3{margin:0 0 15px;font-size:20px;color:var(--ink)}\r\n    .help{color:var(--ink-dim);font-size:14px;margin-bottom:8px;display:block}\r\n    .input{width:100%;background:#0c171b;color:var(--ink);border:1px solid var(--line);padding:12px 15px;border-radius:10px;outline:none;font-size:16px;margin-bottom:15px}\r\n    .input:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(0,209,209,.18)}\r\n\r\n    \/* KPI *\/\r\n    .kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}\r\n    @media (max-width: 900px){.kpis{grid-template-columns:1fr}}\r\n    .kpi{background:#0c171b;border:1px solid var(--line);border-radius:12px;padding:20px;text-align:center}\r\n    .kpi small{display:block;color:var(--ink-dim);margin-bottom:8px}\r\n    .kpi b{display:block;font-size:24px;color:var(--accent)}\r\n\r\n    \/* Table *\/\r\n    .table{width:100%;border-collapse:collapse;margin:20px 0;border-radius:10px;overflow:hidden}\r\n    .table th,.table td{border-bottom:1px solid var(--line);padding:15px;text-align:left}\r\n    .table th{background:#0f1d22;color:#cbe7ea;font-weight:700}\r\n    .table tr:last-child td{border-bottom:none}\r\n    .right{text-align:right}\r\n\r\n    \/* Buttons *\/\r\n    .actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:20px}\r\n    .btn{background:linear-gradient(180deg,var(--accent),#00b4b4);color:#003238;font-weight:800;border:none;border-radius:11px;padding:12px 20px;cursor:pointer;transition:all .3s;flex:1;min-width:120px}\r\n    .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,209,209,.3)}\r\n    .btn.secondary{background:#0c171b;color:var(--ink);border:1px solid var(--line)}\r\n    .btn.secondary:hover{background:#0f1d22;border-color:var(--accent)}\r\n    .note{color:var(--ink-dim);font-size:14px;margin-top:15px;text-align:center}\r\n\r\n    \/* Notification *\/\r\n    #notification{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background-color:var(--teal);color:var(--bg);padding:15px 25px;border-radius:10px;z-index:1000;font-weight:700;opacity:0;transition:opacity .3s;box-shadow:0 4px 12px rgba(0,0,0,.3)}\r\n    #notification.show{opacity:1}\r\n  <\/style>\r\n\r\n\r\n  <div class=\"container\">\r\n    <!-- Header -->\r\n    <div class=\"header\">\r\n      <div class=\"eyebrow\"><span class=\"dot\"><\/span>\u0915\u0948\u0932\u0915\u0941\u0932\u0947\u091f\u0930<\/div>\r\n      <h1 class=\"title\">\u0921\u094d\u092f\u0942\u091f\u0940, \u0935\u0948\u091f, \u092b\u094d\u0930\u0947\u091f \u0914\u0930 \u0932\u093e\u092d\u092a\u094d\u0930\u0926\u0924\u093e \u0915\u0948\u0932\u0915\u0941\u0932\u0947\u091f\u0930<\/h1>\r\n      <p class=\"sub\">\u0938\u0940\u092e\u093e \u0936\u0941\u0932\u094d\u0915, \u0935\u0948\u091f, \u0932\u0948\u0902\u0921\u0947\u0921 \u0915\u0949\u0938\u094d\u091f \u0914\u0930 \u092b\u094d\u0930\u0947\u091f \u0915\u0947 \u0915\u0941\u0932 \u0915\u093e \u0924\u0941\u0930\u0902\u0924 \u0905\u0928\u0941\u092e\u093e\u0928 \u0932\u0917\u093e\u090f\u0902\u0964 \u092a\u0930\u093f\u0923\u093e\u092e \u0938\u093e\u0902\u0915\u0947\u0924\u093f\u0915 \u0939\u0948\u0902 - \u0936\u093f\u092a\u092e\u0947\u0902\u091f \u0938\u0947 \u092a\u0939\u0932\u0947 \u0938\u0924\u094d\u092f\u093e\u092a\u093f\u0924 \u0915\u0930\u0947\u0902\u0964 <\/p>\r\n    <\/div>\r\n\r\n    <!-- Currency Toolbar -->\r\n    <div class=\"toolbar\">\r\n      <div class=\"chip\">\u092e\u0941\u0926\u094d\u0930\u093e<\/div>\r\n      <select class=\"select\" id=\"currencySelect\">\r\n        <option value=\"USD\">$ \u2013 USD<\/option>\r\n        <option value=\"EUR\">\u20ac \u2013 EUR<\/option>\r\n        <option value=\"SAR\">\ufdfc \u2013 SAR<\/option>\r\n        <option value=\"AED\">\u062f.\u0625 \u2013 AED<\/option>\r\n        <option value=\"CNY\">\u00a5 \u2013 CNY<\/option>\r\n        <option value=\"INR\">\u20b9 \u2013 INR<\/option>\r\n      <\/select>\r\n      <div class=\"chip\" id=\"currSymbol\">USD<\/div>\r\n    <\/div>\r\n\r\n    <!-- Tabs -->\r\n    <div class=\"tabs\">\r\n      <div class=\"tab-buttons\">\r\n        <button class=\"tab-btn active\" data-tab=\"customs\">\u0938\u0940\u092e\u093e \u0936\u0941\u0932\u094d\u0915 \u0914\u0930 \u0935\u0948\u091f<\/button>\r\n <button class=\"tab-btn\" data-tab=\"freight\">\u092b\u094d\u0930\u0947\u091f \u0914\u0930 \u0932\u0949\u091c\u093f\u0938\u094d\u091f\u093f\u0915\u094d\u0938<\/button>\r\n <button class=\"tab-btn\" data-tab=\"landed\">\u0932\u0948\u0902\u0921\u0947\u0921 \u0915\u0949\u0938\u094d\u091f<\/button>\r\n <button class=\"tab-btn\" data-tab=\"profit\">\u0932\u093e\u092d\u092a\u094d\u0930\u0926\u0924\u093e<\/button>\r\n      <\/div>\r\n\r\n      <!-- === TAB 1: Customs & VAT === -->\r\n      <div id=\"customs-tab\" class=\"tab-content active\">\r\n        <div class=\"grid grid-2\">\r\n          <div class=\"card\">\r\n            <h3>\u0907\u0928\u092a\u0941\u091f<\/h3>\r\n            <label><span class=\"help\">\u0917\u0902\u0924\u0935\u094d\u092f \u0926\u0947\u0936<\/span>\r\n              <select class=\"select\" id=\"c-dest\">\r\n                <option value=\"KSA\">\u0938\u090a\u0926\u0940 \u0905\u0930\u092c (\u0915\u0947\u090f\u0938\u090f)<\/option>\r\n                <option value=\"UAE\">\u0938\u0902\u092f\u0941\u0915\u094d\u0924 \u0905\u0930\u092c \u0905\u092e\u0940\u0930\u093e\u0924 (\u092f\u0942\u090f\u0908)<\/option>\r\n                <option value=\"BHR\">\u092c\u0939\u0930\u0940\u0928<\/option>\r\n                <option value=\"OMN\">\u0913\u092e\u093e\u0928<\/option>\r\n                <option value=\"QAT\">\u0915\u0924\u0930<\/option>\r\n                <option value=\"KWT\">\u0915\u0941\u0935\u0948\u0924<\/option>\r\n                <option value=\"OTHER\">\u0905\u0928\u094d\u092f \/ \u092e\u0948\u0928\u0941\u0905\u0932 \u0935\u0948\u091f<\/option>\r\n              <\/select>\r\n            <\/label>\r\n\r\n            <label><span class=\"help\">\u0907\u0928\u0915\u094b\u091f\u0930\u094d\u092e<\/span>\r\n <select class=\"select\" id=\"c-inc\">\r\n <option value=\"CIF\">\u0938\u0940\u0906\u0908\u090f\u092b (\u0932\u093e\u0917\u0924+\u092c\u0940\u092e\u093e+\u092d\u093e\u0921\u093c\u093e)<\/option>\r\n <option value=\"FOB\">\u090f\u092b\u0913\u092c\u0940 (\u092d\u093e\u0921\u093c\u093e \u0914\u0930 \u092c\u0940\u092e\u093e \u091c\u094b\u0921\u093c\u0947\u0902)<\/option>\r\n <\/select> \r\n            <\/label>\r\n\r\n            <label><span class=\"help\">\u092e\u093e\u0932 \u092e\u0942\u0932\u094d\u092f (\u0932\u093e\u0917\u0924 \/ \u090f\u092b\u0913\u092c\u0940)<\/span>\r\n              <input class=\"input\" id=\"c-cost\" type=\"number\" value=\"10000\" min=\"0\">\r\n            <\/label>\r\n\r\n            <div id=\"c-fob-extra\" style=\"display:none\">\r\n              <div class=\"grid grid-2\">\r\n                <label><span class=\"help\">\u092d\u093e\u0921\u093c\u093e<\/span>\r\n <input class=\"input\" id=\"c-fr\" type=\"number\" value=\"500\" min=\"0\">\r\n <\/label>\r\n <label><span class=\"help\">\u092c\u0940\u092e\u093e<\/span>\r\n <input class=\"input\" id=\"c-insurance\" type=\"number\" value=\"50\" min=\"0\">\r\n <\/label> \r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"grid grid-2\">\r\n              <label><span class=\"help\">\u0921\u094d\u092f\u0942\u091f\u0940 %<\/span>\r\n <input class=\"input\" id=\"c-duty\" type=\"number\" value=\"5\" min=\"0\" max=\"100\">\r\n <\/label>\r\n <label><span class=\"help\">\u0909\u0924\u094d\u092a\u093e\u0926 \u0936\u0941\u0932\u094d\u0915 %<\/span>\r\n <input class=\"input\" id=\"c-exc\" type=\"number\" value=\"0\" min=\"0\" max=\"100\">\r\n <\/label> \r\n            <\/div>\r\n\r\n            <label><span class=\"help\">\u0905\u0928\u094d\u092f \u0936\u0941\u0932\u094d\u0915<\/span>\r\n              <input class=\"input\" id=\"c-fee\" type=\"number\" value=\"150\" min=\"0\">\r\n            <\/label>\r\n\r\n            <label><span class=\"help\">\u0935\u0948\u091f % (\u091c\u0940\u0938\u0940\u0938\u0940 \u0915\u0947 \u0932\u093f\u090f \u0911\u091f\u094b, \u0938\u0902\u092a\u093e\u0926\u0928 \u092f\u094b\u0917\u094d\u092f)<\/span>\r\n              <input class=\"input\" id=\"c-vat\" type=\"number\" value=\"15\" min=\"0\" max=\"100\">\r\n            <\/label>\r\n          <\/div>\r\n\r\n          <div class=\"card\">\r\n            <h3>\u092a\u0930\u093f\u0923\u093e\u092e<\/h3>\r\n            <div class=\"kpis\">\r\n              <div class=\"kpi\"><small>\u0938\u0940\u0906\u0908\u090f\u092b \u092e\u0942\u0932\u094d\u092f (\u0915\u0930 \u0906\u0927\u093e\u0930)<\/small><b id=\"cifOut\">$10,000.00<\/b><\/div>\r\n              <div class=\"kpi\"><small>\u0915\u0941\u0932 \u0936\u0941\u0932\u094d\u0915<\/small><b id=\"dutiesOut\">$650.00<\/b><\/div>\r\n              <div class=\"kpi\"><small>\u0917\u094d\u0930\u0948\u0902\u0921 \u091f\u094b\u091f\u0932 (\u0935\u0948\u091f \u0915\u0947 \u0938\u093e\u0925)<\/small><b id=\"totalOut\">$12,247.50<\/b><\/div>\r\n            <\/div>\r\n\r\n            <table class=\"table\">\r\n              <thead><tr><th>\u0918\u091f\u0915<\/th><th class=\"right\">\u0930\u093e\u0936\u093f<\/th><\/tr><\/thead>\r\n              <tbody>\r\n                <tr><td>\u0938\u0940\u0906\u0908\u090f\u092b \u092e\u0942\u0932\u094d\u092f<\/td><td id=\"tCIF\" class=\"right\">$10,000.00<\/td><\/tr>\r\n                <tr><td>\u0938\u0940\u092e\u093e \u0936\u0941\u0932\u094d\u0915<\/td><td id=\"tDuty\" class=\"right\">$500.00<\/td><\/tr>\r\n                <tr><td>\u0909\u0924\u094d\u092a\u093e\u0926 \u0936\u0941\u0932\u094d\u0915<\/td><td id=\"tExc\" class=\"right\">$0.00<\/td><\/tr>\r\n                <tr><td>\u0905\u0928\u094d\u092f \u0936\u0941\u0932\u094d\u0915<\/td><td id=\"tFee\" class=\"right\">$150.00<\/td><\/tr>\r\n                <tr><td>\u0935\u0948\u091f<\/td><td id=\"tVAT\" class=\"right\">$1,597.50<\/td><\/tr>\r\n              <\/tbody>\r\n            <\/table>\r\n\r\n            <div class=\"actions\">\r\n              <button class=\"btn\" id=\"copyCustoms\">\u0938\u093e\u0930\u093e\u0902\u0936 \u0915\u0949\u092a\u0940 \u0915\u0930\u0947\u0902<\/button>\r\n <button class=\"btn secondary\" id=\"resetCustoms\">\u0930\u0940\u0938\u0947\u091f<\/button>\r\n            <\/div>\r\n            <div class=\"note\">\u0915\u0947\u0935\u0932 \u0938\u093e\u0902\u0915\u0947\u0924\u093f\u0915\u0964 \u0936\u093f\u092a\u093f\u0902\u0917 \u0938\u0947 \u092a\u0939\u0932\u0947 \u0905\u092a\u0928\u0940 \u0938\u094d\u0925\u093e\u0928\u0940\u092f \u0938\u0940\u092e\u093e \u0936\u0941\u0932\u094d\u0915 \u092a\u094d\u0930\u093e\u0927\u093f\u0915\u0930\u0923 \u0915\u0947 \u0938\u093e\u0925 \u0926\u0930\u094b\u0902\/\u0905\u0928\u0941\u092e\u0924\u093f\u092f\u094b\u0902 \u0915\u094b \u0938\u0924\u094d\u092f\u093e\u092a\u093f\u0924 \u0915\u0930\u0947\u0902\u0964 <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- === TAB 2: Freight & Logistics === -->\r\n      <div id=\"freight-tab\" class=\"tab-content\">\r\n        <div class=\"grid grid-2\">\r\n          <div class=\"card\">\r\n            <h3>\u0907\u0928\u092a\u0941\u091f<\/h3>\r\n            <label><span class=\"help\">\u092e\u094b\u0921<\/span>\r\n <select class=\"select\" id=\"f-mode\">\r\n <option value=\"sea\">\u0938\u092e\u0941\u0926\u094d\u0930<\/option>\r\n <option value=\"air\">\u0939\u0935\u093e\u0908<\/option>\r\n <option value=\"land\">\u092d\u0942\u092e\u093f<\/option>\r\n <\/select> \r\n            <\/label>\r\n\r\n            <label><span class=\"help\">\u0915\u0902\u091f\u0947\u0928\u0930 (\u0938\u092e\u0941\u0926\u094d\u0930)<\/span>\r\n <select class=\"select\" id=\"f-ctn\">\r\n <option value=\"LCL\">\u090f\u0932\u0938\u0940\u090f\u0932 (\u0938\u0940\u092c\u0940\u090f\u092e \u0926\u094d\u0935\u093e\u0930\u093e)<\/option>\r\n <option value=\"20GP\">20' \u091c\u0940\u092a\u0940<\/option>\r\n <option value=\"40GP\">40' \u091c\u0940\u092a\u0940<\/option>\r\n <option value=\"40HC\">40' \u090f\u091a\u0938\u0940<\/option>\r\n <\/select> \r\n            <\/label>\r\n\r\n            <div class=\"grid grid-2\">\r\n              <label><span class=\"help\">\u0938\u0915\u0932 \u092d\u093e\u0930 (\u0915\u093f\u0932\u094b)<\/span>\r\n <input class=\"input\" id=\"f-w\" type=\"number\" value=\"1000\" min=\"0\">\r\n <\/label>\r\n <label><span class=\"help\">\u0935\u0949\u0932\u094d\u092f\u0942\u092e (\u0938\u0940\u092c\u0940\u090f\u092e)<\/span>\r\n <input class=\"input\" id=\"f-v\" type=\"number\" value=\"5\" min=\"0\">\r\n <\/label> \r\n            <\/div>\r\n\r\n            <label><span class=\"help\">\u0926\u0942\u0930\u0940 (\u0915\u093f\u092e\u0940)<\/span>\r\n              <input class=\"input\" id=\"f-d\" type=\"number\" value=\"8000\" min=\"0\">\r\n            <\/label>\r\n\r\n            <label><span class=\"help\">\u092c\u0947\u0938\/\u0939\u0948\u0902\u0921\u0932\u093f\u0902\u0917 \u0936\u0941\u0932\u094d\u0915<\/span>\r\n              <input class=\"input\" id=\"f-fee\" type=\"number\" value=\"120\" min=\"0\">\r\n            <\/label>\r\n          <\/div>\r\n\r\n          <div class=\"card\">\r\n            <h3>\u092a\u0930\u093f\u0923\u093e\u092e<\/h3>\r\n            <div class=\"kpis\">\r\n              <div class=\"kpi\"><small>\u092a\u094d\u0930\u092d\u093e\u0930\u094d\u092f \u0906\u0927\u093e\u0930<\/small><b id=\"f-basis\">\u0935\u0949\u0932\u094d\u092f\u0942\u092e \u0906\u0927\u093e\u0930<\/b><\/div>\r\n              <div class=\"kpi\"><small>\u092d\u093e\u0921\u093c\u093e \u0932\u093e\u0917\u0924<\/small><b id=\"f-cost\">$250.00<\/b><\/div>\r\n              <div class=\"kpi\"><small>\u0915\u0941\u0932 (\u0939\u0948\u0902\u0921\u0932\u093f\u0902\u0917 \u0938\u0939\u093f\u0924)<\/small><b id=\"f-total\">$370.00<\/b><\/div>\r\n            <\/div>\r\n\r\n            <table class=\"table\">\r\n              <thead><tr><th>\u0918\u091f\u0915<\/th><th class=\"right\">\u0930\u093e\u0936\u093f<\/th><\/tr><\/thead>\r\n              <tbody>\r\n                <tr><td>\u0935\u091c\u0928\/\u0935\u0949\u0932\u094d\u092f\u0942\u092e \u0926\u094d\u0935\u093e\u0930\u093e<\/td><td id=\"ft-base\" class=\"right\">$250.00<\/td><\/tr>\r\n                <tr><td>\u0939\u0948\u0902\u0921\u0932\u093f\u0902\u0917\/\u091f\u0930\u094d\u092e\u093f\u0928\u0932<\/td><td id=\"ft-fee\" class=\"right\">$120.00<\/td><\/tr>\r\n                <tr><td><b>\u0915\u0941\u0932 \u092d\u093e\u0921\u093c\u093e<\/b><\/td><td id=\"ft-total\" class=\"right\">$370.00<\/td><\/tr>\r\n              <\/tbody>\r\n            <\/table>\r\n\r\n            <div class=\"actions\">\r\n              <button class=\"btn\" id=\"copyFreight\">\u0938\u093e\u0930\u093e\u0902\u0936 \u0915\u0949\u092a\u0940 \u0915\u0930\u0947\u0902<\/button>\r\n <button class=\"btn secondary\" id=\"resetFreight\">\u0930\u0940\u0938\u0947\u091f<\/button>\r\n            <\/div>\r\n            <div class=\"note\">\u0926\u0930\u0947\u0902 \u092a\u094d\u0930\u0926\u0930\u094d\u0936\u0928\u0915\u093e\u0930\u0940 \u0939\u0948\u0902\u0964 \u0932\u093e\u0907\u0935 \u0938\u094d\u092a\u0949\u091f \u0909\u0926\u094d\u0927\u0930\u0923\u094b\u0902 \u0915\u0947 \u0932\u093f\u090f \u092b\u093e\u0930\u0935\u0930\u094d\u0921\u0930 \u0938\u0947 \u092a\u0930\u093e\u092e\u0930\u094d\u0936 \u0915\u0930\u0947\u0902\u0964 <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- === TAB 3: Landed Cost === -->\r\n      <div id=\"landed-tab\" class=\"tab-content\">\r\n        <div class=\"grid grid-2\">\r\n          <div class=\"card\">\r\n            <h3>\u0907\u0928\u092a\u0941\u091f<\/h3>\r\n            <div class=\"grid grid-3\">\r\n              <label><span class=\"help\">\u090f\u0915\u094d\u0938-\u0935\u0930\u094d\u0915\u094d\u0938 \/ \u090f\u092b\u0913\u092c\u0940 \u0932\u093e\u0917\u0924<\/span>\r\n                <input class=\"input\" id=\"l-cost\" type=\"number\" value=\"15000\" min=\"0\">\r\n              <\/label>\r\n              <label><span class=\"help\">\u092d\u093e\u0921\u093c\u093e<\/span>\r\n                <input class=\"input\" id=\"l-freight\" type=\"number\" value=\"1200\" min=\"0\">\r\n              <\/label>\r\n              <label><span class=\"help\">\u092c\u0940\u092e\u093e<\/span>\r\n                <input class=\"input\" id=\"l-ins\" type=\"number\" value=\"80\" min=\"0\">\r\n              <\/label>\r\n            <\/div>\r\n\r\n            <div class=\"grid grid-3\">\r\n              <label><span class=\"help\">\u0921\u094d\u092f\u0942\u091f\u0940 %<\/span>\r\n                <input class=\"input\" id=\"l-duty\" type=\"number\" value=\"5\" min=\"0\" max=\"100\">\r\n              <\/label>\r\n              <label><span class=\"help\">\u0909\u0924\u094d\u092a\u093e\u0926 \u0936\u0941\u0932\u094d\u0915 %<\/span>\r\n                <input class=\"input\" id=\"l-excise\" type=\"number\" value=\"0\" min=\"0\" max=\"100\">\r\n              <\/label>\r\n              <label><span class=\"help\">\u0935\u0948\u091f %<\/span>\r\n                <input class=\"input\" id=\"l-vat\" type=\"number\" value=\"15\" min=\"0\" max=\"100\">\r\n              <\/label>\r\n            <\/div>\r\n\r\n            <div class=\"grid grid-3\">\r\n              <label><span class=\"help\">\u0905\u0928\u094d\u092f \u0906\u092f\u093e\u0924 \u0936\u0941\u0932\u094d\u0915<\/span>\r\n                <input class=\"input\" id=\"l-fee\" type=\"number\" value=\"200\" min=\"0\">\r\n              <\/label>\r\n              <label><span class=\"help\">\u0936\u093f\u092a\u092e\u0947\u0902\u091f \u092e\u0947\u0902 \u0907\u0915\u093e\u0907\u092f\u093e\u0901<\/span>\r\n                <input class=\"input\" id=\"l-units\" type=\"number\" value=\"1000\" min=\"1\">\r\n              <\/label>\r\n              <label><span class=\"help\">\u0938\u094d\u0925\u093e\u0928\u0940\u092f \u0932\u093e\u0917\u0924 \/ \u0935\u093f\u0924\u0930\u0923<\/span>\r\n                <input class=\"input\" id=\"l-local\" type=\"number\" value=\"300\" min=\"0\">\r\n              <\/label>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"card\">\r\n            <h3>\u092a\u0930\u093f\u0923\u093e\u092e<\/h3>\r\n            <div class=\"kpis\">\r\n              <div class=\"kpi\"><small>\u0932\u0948\u0902\u0921\u0947\u0921 \u0915\u0949\u0938\u094d\u091f (\u0936\u093f\u092a\u092e\u0947\u0902\u091f)<\/small><b id=\"l-total\">$0.00<\/b><\/div>\r\n              <div class=\"kpi\"><small>\u0932\u0948\u0902\u0921\u0947\u0921 \u0915\u0949\u0938\u094d\u091f \/ \u092f\u0942\u0928\u093f\u091f<\/small><b id=\"l-unit\">$0.00<\/b><\/div>\r\n              <div class=\"kpi\"><small>\u0915\u0930 \u092f\u094b\u0917\u094d\u092f \u0906\u0927\u093e\u0930 (\u0938\u0940\u0906\u0908\u090f\u092b)<\/small><b id=\"l-cif\">$0.00<\/b><\/div>\r\n            <\/div>\r\n\r\n            <table class=\"table\">\r\n              <thead><tr><th>\u0918\u091f\u0915<\/th><th class=\"right\">\u0930\u093e\u0936\u093f<\/th><\/tr><\/thead>\r\n              <tbody>\r\n                <tr><td>\u0938\u0940\u0906\u0908\u090f\u092b (\u0932\u093e\u0917\u0924 + \u092d\u093e\u0921\u093c\u093e + \u092c\u0940\u092e\u093e)<\/td><td id=\"lt-cif\" class=\"right\">$0.00<\/td><\/tr>\r\n                <tr><td>\u0938\u0940\u092e\u093e \u0936\u0941\u0932\u094d\u0915<\/td><td id=\"lt-duty\" class=\"right\">$0.00<\/td><\/tr>\r\n                <tr><td>\u0909\u0924\u094d\u092a\u093e\u0926 \u0936\u0941\u0932\u094d\u0915<\/td><td id=\"lt-excise\" class=\"right\">$0.00<\/td><\/tr>\r\n                <tr><td>\u0905\u0928\u094d\u092f \u0936\u0941\u0932\u094d\u0915<\/td><td id=\"lt-fee\" class=\"right\">$0.00<\/td><\/tr>\r\n                <tr><td>\u0935\u0948\u091f<\/td><td id=\"lt-vat\" class=\"right\">$0.00<\/td><\/tr>\r\n                <tr><td>\u0938\u094d\u0925\u093e\u0928\u0940\u092f \/ \u0935\u093f\u0924\u0930\u0923<\/td><td id=\"lt-local\" class=\"right\">$0.00<\/td><\/tr>\r\n              <\/tbody>\r\n            <\/table>\r\n\r\n            <div class=\"actions\">\r\n              <button class=\"btn\" id=\"copyLanded\">\u0938\u093e\u0930\u093e\u0902\u0936 \u0915\u0949\u092a\u0940 \u0915\u0930\u0947\u0902<\/button>\r\n <button class=\"btn secondary\" id=\"resetLanded\">\u0930\u0940\u0938\u0947\u091f<\/button>\r\n            <\/div>\r\n            <div class=\"note\">\u090f\u0938\u0915\u0947\u092f\u0942 \u0915\u0947 \u0905\u0928\u0941\u0938\u093e\u0930 \u0917\u0939\u0930\u0940 \u0932\u093e\u0917\u0924 \u0915\u0947 \u0932\u093f\u090f \u0905\u092a\u0928\u0947 \u0909\u0924\u094d\u092a\u093e\u0926 \u092c\u0940\u0913\u090f\u092e \u0915\u0947 \u0938\u093e\u0925 \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0947\u0902\u0964<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- === TAB 4: Profitability === -->\r\n      <div id=\"profit-tab\" class=\"tab-content\">\r\n        <div class=\"grid grid-2\">\r\n          <div class=\"card\">\r\n            <h3>\u0907\u0928\u092a\u0941\u091f<\/h3>\r\n            <div class=\"grid grid-3\">\r\n              <label><span class=\"help\">\u0932\u0948\u0902\u0921\u0947\u0921 \u0915\u0949\u0938\u094d\u091f \/ \u092f\u0942\u0928\u093f\u091f<\/span>\r\n                <input class=\"input\" id=\"p-landed\" type=\"number\" value=\"12.5\" min=\"0\">\r\n              <\/label>\r\n              <label><span class=\"help\">\u0932\u0915\u094d\u0937\u094d\u092f \u0935\u093f\u0915\u094d\u0930\u092f \u092e\u0942\u0932\u094d\u092f<\/span>\r\n                <input class=\"input\" id=\"p-sell\" type=\"number\" value=\"18\" min=\"0\">\r\n              <\/label>\r\n              <label><span class=\"help\">\u0905\u0924\u093f\u0930\u093f\u0915\u094d\u0924 \u0932\u093e\u0917\u0924 \/ \u092f\u0942\u0928\u093f\u091f<\/span>\r\n                <input class=\"input\" id=\"p-extra\" type=\"number\" value=\"0.6\" min=\"0\">\r\n              <\/label>\r\n            <\/div>\r\n            <div class=\"grid grid-3\">\r\n              <label><span class=\"help\">\u092c\u093f\u0915\u094d\u0930\u0940 \u0915\u092e\u0940\u0936\u0928 %<\/span>\r\n                <input class=\"input\" id=\"p-comm\" type=\"number\" value=\"2\" min=\"0\" max=\"100\">\r\n              <\/label>\r\n              <label><span class=\"help\">\u0905\u092a\u0947\u0915\u094d\u0937\u093f\u0924 \u0930\u093f\u091f\u0930\u094d\u0928 %<\/span>\r\n                <input class=\"input\" id=\"p-returns\" type=\"number\" value=\"1\" min=\"0\" max=\"100\">\r\n              <\/label>\r\n              <label><span class=\"help\">\u0907\u0915\u093e\u0907\u092f\u093e\u0901 (\u0915\u0941\u0932 \u0915\u0947 \u0932\u093f\u090f)<\/span>\r\n                <input class=\"input\" id=\"p-units\" type=\"number\" value=\"1000\" min=\"1\">\r\n              <\/label>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"card\">\r\n            <h3>\u092a\u0930\u093f\u0923\u093e\u092e<\/h3>\r\n            <div class=\"kpis\">\r\n              <div class=\"kpi\"><small>\u0938\u0915\u0932 \u092e\u093e\u0930\u094d\u091c\u093f\u0928 %<\/small><b id=\"p-margin\">0%<\/b><\/div>\r\n              <div class=\"kpi\"><small>\u0932\u093e\u092d \/ \u092f\u0942\u0928\u093f\u091f<\/small><b id=\"p-per\">$0.00<\/b><\/div>\r\n              <div class=\"kpi\"><small>\u0915\u0941\u0932 \u0932\u093e\u092d<\/small><b id=\"p-total\">$0.00<\/b><\/div>\r\n            <\/div>\r\n\r\n            <table class=\"table\">\r\n              <thead><tr><th>\u0918\u091f\u0915<\/th><th class=\"right\">\u0930\u093e\u0936\u093f<\/th><\/tr><\/thead>\r\n              <tbody>\r\n                <tr><td>\u0936\u0941\u0926\u094d\u0927 \u0935\u093f\u0915\u094d\u0930\u092f (\u0915\u092e\u0940\u0936\u0928 \u0914\u0930 \u0930\u093f\u091f\u0930\u094d\u0928 \u0915\u0947 \u092c\u093e\u0926)<\/td><td id=\"pt-net\" class=\"right\">$0.00<\/td><\/tr>\r\n                <tr><td>\u0915\u0941\u0932 \u0932\u093e\u0917\u0924 \u092a\u094d\u0930\u0924\u093f \u092f\u0942\u0928\u093f\u091f<\/td><td id=\"pt-cost\" class=\"right\">$0.00<\/td><\/tr>\r\n                <tr><td>\u092c\u094d\u0930\u0947\u0915\u0907\u0935\u0928 \u092e\u0942\u0932\u094d\u092f<\/td><td id=\"pt-break\" class=\"right\">$0.00<\/td><\/tr>\r\n              <\/tbody>\r\n            <\/table>\r\n\r\n            <div class=\"actions\">\r\n              <button class=\"btn\" id=\"copyProfit\">\u0938\u093e\u0930\u093e\u0902\u0936 \u0915\u0949\u092a\u0940 \u0915\u0930\u0947\u0902<\/button>\r\n <button class=\"btn secondary\" id=\"resetProfit\">\u0930\u0940\u0938\u0947\u091f<\/button>\r\n            <\/div>\r\n            <div class=\"note\">\u0906\u092a\u0942\u0930\u094d\u0924\u093f\u0915\u0930\u094d\u0924\u093e \u092e\u0942\u0932\u094d\u092f \u092a\u0930 \u092c\u093e\u0924\u091a\u0940\u0924 \u0915\u0930\u0928\u0947 \u092f\u093e \u0916\u0941\u0926\u0930\u093e\/\u090f\u092e\u0913\u0915\u094d\u092f\u0942 \u0932\u0915\u094d\u0937\u094d\u092f \u0928\u093f\u0930\u094d\u0927\u093e\u0930\u093f\u0924 \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0947\u0902\u0964<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Notification -->\r\n  <div id=\"notification\"><\/div>\r\n\r\n  <script>\r\n    \/\/ Currency symbols\r\n    const C = {USD:\"$\", EUR:\"\u20ac\", SAR:\"\ufdfc\", AED:\"\u062f.\u0625\", CNY:\"\u00a5\", INR:\"\u20b9\"};\r\n\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n      setupTabs();\r\n      setupEventListeners();\r\n      recalcAll();\r\n    });\r\n\r\n    \/* ========== Tabs ========== *\/\r\n    function setupTabs(){\r\n      const tabButtons = document.querySelectorAll('.tab-btn');\r\n      const tabContents = document.querySelectorAll('.tab-content');\r\n      \r\n      tabButtons.forEach(btn => {\r\n        btn.addEventListener('click', function(){\r\n          const id = this.getAttribute('data-tab');\r\n          \r\n          \/\/ Remove active class from all buttons and contents\r\n          tabButtons.forEach(b => b.classList.remove('active'));\r\n          tabContents.forEach(c => c.classList.remove('active'));\r\n          \r\n          \/\/ Add active class to clicked button and corresponding content\r\n          this.classList.add('active');\r\n          document.getElementById(id + '-tab').classList.add('active');\r\n        });\r\n      });\r\n    }\r\n\r\n    \/* ========== Events ========== *\/\r\n    function setupEventListeners(){\r\n      \/\/ Currency\r\n      document.getElementById('currencySelect').addEventListener('change', recalcAll);\r\n\r\n      \/\/ Customs\r\n      document.getElementById('c-dest').addEventListener('change', () => { \r\n        setVATPreset(); \r\n        calcCustoms(); \r\n      });\r\n      \r\n      document.getElementById('c-inc').addEventListener('change', () => { \r\n        toggleFOB(); \r\n        calcCustoms(); \r\n      });\r\n      \r\n      ['c-cost','c-fr','c-insurance','c-duty','c-exc','c-fee','c-vat'].forEach(id => {\r\n        const el = document.getElementById(id); \r\n        if(el) el.addEventListener('input', calcCustoms);\r\n      });\r\n      \r\n      document.getElementById('resetCustoms').addEventListener('click', resetCustoms);\r\n      document.getElementById('copyCustoms').addEventListener('click', () => copySummary('customs'));\r\n\r\n      \/\/ Freight\r\n      ['f-mode','f-ctn','f-w','f-v','f-d','f-fee'].forEach(id => {\r\n        const el = document.getElementById(id); \r\n        if(el) el.addEventListener('input', calcFreight);\r\n      });\r\n      \r\n      document.getElementById('resetFreight').addEventListener('click', resetFreight);\r\n      document.getElementById('copyFreight').addEventListener('click', () => copySummary('freight'));\r\n\r\n      \/\/ Landed\r\n      ['l-cost','l-freight','l-ins','l-duty','l-excise','l-vat','l-fee','l-units','l-local'].forEach(id => {\r\n        const el = document.getElementById(id); \r\n        if(el) el.addEventListener('input', calcLanded);\r\n      });\r\n      \r\n      document.getElementById('resetLanded').addEventListener('click', resetLanded);\r\n      document.getElementById('copyLanded').addEventListener('click', () => copySummary('landed'));\r\n\r\n      \/\/ Profit\r\n      ['p-landed','p-sell','p-extra','p-comm','p-returns','p-units'].forEach(id => {\r\n        const el = document.getElementById(id); \r\n        if(el) el.addEventListener('input', calcProfit);\r\n      });\r\n      \r\n      document.getElementById('resetProfit').addEventListener('click', resetProfit);\r\n      document.getElementById('copyProfit').addEventListener('click', () => copySummary('profit'));\r\n    }\r\n\r\n    \/* ========== Helper Functions ========== *\/\r\n    function currSel() { \r\n      return document.getElementById('currencySelect').value; \r\n    }\r\n    \r\n    function sym() { \r\n      return C[currSel()] || \"$\"; \r\n    }\r\n    \r\n    function fmt(n) { \r\n      return (isFinite(n) ? n : 0).toLocaleString(undefined, {minimumFractionDigits:2, maximumFractionDigits:2});\r\n    }\r\n    \r\n    function setText(id, v) { \r\n      const el = document.getElementById(id); \r\n      if(el) el.textContent = v; \r\n    }\r\n\r\n    function showNotification(msg){\r\n      const n = document.getElementById('notification');\r\n      n.textContent = msg; \r\n      n.classList.add('show');\r\n      setTimeout(() => n.classList.remove('show'), 3000);\r\n    }\r\n\r\n    function recalcAll(){\r\n      document.getElementById('currSymbol').textContent = currSel();\r\n      toggleFOB();\r\n      setVATPreset();\r\n      calcCustoms();\r\n      calcFreight();\r\n      calcLanded();\r\n      calcProfit();\r\n    }\r\n\r\n    \/* ========== Customs Functions ========== *\/\r\n    function toggleFOB(){\r\n      const show = document.getElementById('c-inc').value === 'FOB';\r\n      document.getElementById('c-fob-extra').style.display = show ? 'block' : 'none';\r\n    }\r\n    \r\n    function setVATPreset(){\r\n      const map = {KSA:15, UAE:5, BHR:10, OMN:5, QAT:5, KWT:0};\r\n      const v = document.getElementById('c-dest').value;\r\n      const vatInput = document.getElementById('c-vat');\r\n      if(map[v] !== undefined) vatInput.value = map[v];\r\n    }\r\n    \r\n    function calcCustoms(){\r\n      const cost = +document.getElementById('c-cost').value || 0;\r\n      const inc = document.getElementById('c-inc').value;\r\n      const fr = inc === 'FOB' ? (+document.getElementById('c-fr').value || 0) : 0;\r\n      const ins = inc === 'FOB' ? (+document.getElementById('c-insurance').value || 0) : 0;\r\n      const dutyR = (+document.getElementById('c-duty').value || 0) \/ 100;\r\n      const excR = (+document.getElementById('c-exc').value || 0) \/ 100;\r\n      const other = +document.getElementById('c-fee').value || 0;\r\n      const vatR = (+document.getElementById('c-vat').value || 0) \/ 100;\r\n\r\n      const cif = cost + fr + ins;\r\n      const duty = cif * dutyR;\r\n      const exc = cif * excR;\r\n      const vat = (cif + duty + exc + other) * vatR;\r\n      const total = cif + duty + exc + other + vat;\r\n\r\n      setText('cifOut', `${sym()} ${fmt(cif)}`);\r\n      setText('dutiesOut', `${sym()} ${fmt(duty + exc + other)}`);\r\n      setText('totalOut', `${sym()} ${fmt(total)}`);\r\n      setText('tCIF', `${sym()} ${fmt(cif)}`);\r\n      setText('tDuty', `${sym()} ${fmt(duty)}`);\r\n      setText('tExc', `${sym()} ${fmt(exc)}`);\r\n      setText('tFee', `${sym()} ${fmt(other)}`);\r\n      setText('tVAT', `${sym()} ${fmt(vat)}`);\r\n    }\r\n    \r\n    function resetCustoms(){\r\n      document.getElementById('c-dest').value = 'KSA';\r\n      document.getElementById('c-inc').value = 'CIF';\r\n      document.getElementById('c-cost').value = 10000;\r\n      document.getElementById('c-fr').value = 500;\r\n      document.getElementById('c-insurance').value = 50;\r\n      document.getElementById('c-duty').value = 5;\r\n      document.getElementById('c-exc').value = 0;\r\n      document.getElementById('c-fee').value = 150;\r\n      document.getElementById('c-vat').value = 15;\r\n      toggleFOB(); \r\n      calcCustoms();\r\n    }\r\n\r\n    \/* ========== Freight Functions ========== *\/\r\n    const RATE = {\r\n      sea: { byW: 0.5, byV: 50, ctn: {LCL: 0, \"20GP\": 900, \"40GP\": 1450, \"40HC\": 1600} },\r\n      air: { byW: 1.6, byV: 250, ctn: null },\r\n      land: { byW: 0.8, byV: 120, ctn: null }\r\n    };\r\n    \r\n    function calcFreight(){\r\n      const mode = document.getElementById('f-mode').value;\r\n      const container = document.getElementById('f-ctn').value;\r\n      const w = +document.getElementById('f-w').value || 0;\r\n      const v = +document.getElementById('f-v').value || 0;\r\n      const d = +document.getElementById('f-d').value || 0;\r\n      const fee = +document.getElementById('f-fee').value || 0;\r\n\r\n      const r = RATE[mode];\r\n      let base = 0, basis = '\u2014';\r\n      \r\n      if(mode === 'sea' && container !== 'LCL'){\r\n        base = (r.ctn?.[container] || 0);\r\n        basis = `${container} flat`;\r\n      } else {\r\n        const byW = w * r.byW;\r\n        const byV = v * r.byV;\r\n        base = Math.max(byW, byV);\r\n        basis = (byW > byV ? 'Weight' : 'Volume') + ' basis';\r\n      }\r\n      \r\n      const distAdj = 1 + (d \/ 10000) * 0.15;\r\n      const freightCost = base * distAdj;\r\n      const total = freightCost + fee;\r\n\r\n      setText('f-basis', basis);\r\n      setText('f-cost', `${sym()} ${fmt(freightCost)}`);\r\n      setText('f-total', `${sym()} ${fmt(total)}`);\r\n      setText('ft-base', `${sym()} ${fmt(freightCost)}`);\r\n      setText('ft-fee', `${sym()} ${fmt(fee)}`);\r\n      setText('ft-total', `${sym()} ${fmt(total)}`);\r\n    }\r\n    \r\n    function resetFreight(){\r\n      document.getElementById('f-mode').value = 'sea';\r\n      document.getElementById('f-ctn').value = 'LCL';\r\n      document.getElementById('f-w').value = 1000;\r\n      document.getElementById('f-v').value = 5;\r\n      document.getElementById('f-d').value = 8000;\r\n      document.getElementById('f-fee').value = 120;\r\n      calcFreight();\r\n    }\r\n\r\n    \/* ========== Landed Cost Functions ========== *\/\r\n    function calcLanded(){\r\n      const cost = +document.getElementById('l-cost').value || 0;\r\n      const freight = +document.getElementById('l-freight').value || 0;\r\n      const ins = +document.getElementById('l-ins').value || 0;\r\n      const dutyR = (+document.getElementById('l-duty').value || 0) \/ 100;\r\n      const excR = (+document.getElementById('l-excise').value || 0) \/ 100;\r\n      const vatR = (+document.getElementById('l-vat').value || 0) \/ 100;\r\n      const fee = +document.getElementById('l-fee').value || 0;\r\n      const local = +document.getElementById('l-local').value || 0;\r\n      const units = Math.max(+document.getElementById('l-units').value || 1, 1);\r\n\r\n      const cif = cost + freight + ins;\r\n      const duty = cif * dutyR;\r\n      const exc = cif * excR;\r\n      const vat = (cif + duty + exc + fee) * vatR;\r\n      const total = cif + duty + exc + fee + vat + local;\r\n      const per = total \/ units;\r\n\r\n      setText('l-cif', `${sym()} ${fmt(cif)}`);\r\n      setText('l-total', `${sym()} ${fmt(total)}`);\r\n      setText('l-unit', `${sym()} ${fmt(per)}`);\r\n      setText('lt-cif', `${sym()} ${fmt(cif)}`);\r\n      setText('lt-duty', `${sym()} ${fmt(duty)}`);\r\n      setText('lt-excise', `${sym()} ${fmt(exc)}`);\r\n      setText('lt-fee', `${sym()} ${fmt(fee)}`);\r\n      setText('lt-vat', `${sym()} ${fmt(vat)}`);\r\n      setText('lt-local', `${sym()} ${fmt(local)}`);\r\n    }\r\n    \r\n    function resetLanded(){\r\n      document.getElementById('l-cost').value = 15000;\r\n      document.getElementById('l-freight').value = 1200;\r\n      document.getElementById('l-ins').value = 80;\r\n      document.getElementById('l-duty').value = 5;\r\n      document.getElementById('l-excise').value = 0;\r\n      document.getElementById('l-vat').value = 15;\r\n      document.getElementById('l-fee').value = 200;\r\n      document.getElementById('l-units').value = 1000;\r\n      document.getElementById('l-local').value = 300;\r\n      calcLanded();\r\n    }\r\n\r\n    \/* ========== Profitability Functions ========== *\/\r\n    function calcProfit(){\r\n      const landed = +document.getElementById('p-landed').value || 0;\r\n      const sell = +document.getElementById('p-sell').value || 0;\r\n      const extra = +document.getElementById('p-extra').value || 0;\r\n      const commR = (+document.getElementById('p-comm').value || 0) \/ 100;\r\n      const retR = (+document.getElementById('p-returns').value || 0) \/ 100;\r\n      const units = Math.max(+document.getElementById('p-units').value || 1, 1);\r\n\r\n      const netSell = sell * (1 - commR) * (1 - retR);\r\n      const totalCost = landed + extra;\r\n      const profitPer = netSell - totalCost;\r\n      const margin = netSell > 0 ? (profitPer \/ netSell) * 100 : 0;\r\n      const totalProfit = profitPer * units;\r\n      const breakEven = totalCost \/ ((1 - commR) * (1 - retR));\r\n\r\n      setText('p-margin', `${fmt(margin)}%`);\r\n      setText('p-per', `${sym()} ${fmt(profitPer)}`);\r\n      setText('p-total', `${sym()} ${fmt(totalProfit)}`);\r\n      setText('pt-net', `${sym()} ${fmt(netSell)}`);\r\n      setText('pt-cost', `${sym()} ${fmt(totalCost)}`);\r\n      setText('pt-break', `${sym()} ${fmt(breakEven)}`);\r\n    }\r\n    \r\n    function resetProfit(){\r\n      document.getElementById('p-landed').value = 12.5;\r\n      document.getElementById('p-sell').value = 18;\r\n      document.getElementById('p-extra').value = 0.6;\r\n      document.getElementById('p-comm').value = 2;\r\n      document.getElementById('p-returns').value = 1;\r\n      document.getElementById('p-units').value = 1000;\r\n      calcProfit();\r\n    }\r\n\r\n    \/* ========== Copy to clipboard ========== *\/\r\n    function copySummary(type){\r\n      let text = '';\r\n      \r\n      if(type === 'customs'){\r\n        text = `Customs & VAT\\nCIF: ${document.getElementById('tCIF').textContent}\\nDuty: ${document.getElementById('tDuty').textContent}\\nExcise: ${document.getElementById('tExc').textContent}\\nOther: ${document.getElementById('tFee').textContent}\\nVAT: ${document.getElementById('tVAT').textContent}\\nTotal: ${document.getElementById('totalOut').textContent}`;\r\n        showNotification('Customs summary copied to clipboard!');\r\n      } else if(type === 'freight'){\r\n        text = `Freight\\nBasis: ${document.getElementById('f-basis').textContent}\\nCost: ${document.getElementById('f-cost').textContent}\\nTotal: ${document.getElementById('f-total').textContent}`;\r\n        showNotification('Freight summary copied to clipboard!');\r\n      } else if(type === 'landed'){\r\n        text = `Landed Cost\\nCIF: ${document.getElementById('lt-cif').textContent}\\nDuty: ${document.getElementById('lt-duty').textContent}\\nExcise: ${document.getElementById('lt-excise').textContent}\\nFees: ${document.getElementById('lt-fee').textContent}\\nVAT: ${document.getElementById('lt-vat').textContent}\\nLocal: ${document.getElementById('lt-local').textContent}\\nTotal: ${document.getElementById('l-total').textContent}\\nPer Unit: ${document.getElementById('l-unit').textContent}`;\r\n        showNotification('Landed cost summary copied!');\r\n      } else if(type === 'profit'){\r\n        text = `Profitability\\nNet Sell: ${document.getElementById('pt-net').textContent}\\nCost\/Unit: ${document.getElementById('pt-cost').textContent}\\nBreakeven: ${document.getElementById('pt-break').textContent}\\nProfit\/Unit: ${document.getElementById('p-per').textContent}\\nTotal Profit: ${document.getElementById('p-total').textContent}\\nMargin: ${document.getElementById('p-margin').textContent}`;\r\n        showNotification('Profit summary copied!');\r\n      }\r\n      \r\n      navigator.clipboard.writeText(text).catch(() => {\r\n        const ta = document.createElement('textarea'); \r\n        ta.value = text; \r\n        document.body.appendChild(ta);\r\n        ta.select(); \r\n        document.execCommand('copy'); \r\n        document.body.removeChild(ta);\r\n      });\r\n    }\r\n  <\/script>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0915\u0948\u0932\u0915\u0941\u0932\u0947\u091f\u0930 \u0939\u094b\u092e \u091c\u092e\u0948\u0930\u0947\u0915 \u0915\u0948\u0932\u0915\u0941\u0932\u0947\u091f\u0930 \u0939\u092c \u0915\u0948\u0932\u0915\u0941\u0932\u0947\u091f\u0930 \u0921\u094d\u092f\u0942\u091f\u0940, \u0935\u0948\u091f, \u092b\u094d\u0930\u0947\u091f \u0914\u0930 \u0932\u093e\u092d\u092a\u094d\u0930\u0926\u0924\u093e \u0915\u0948\u0932\u0915\u0941\u0932\u0947\u091f\u0930 \u0938\u0940\u092e\u093e \u0936\u0941\u0932\u094d\u0915, \u0935\u0948\u091f, \u0932\u0948\u0902\u0921\u0947\u0921 \u0915\u0949\u0938\u094d\u091f \u0914\u0930 \u092b\u094d\u0930\u0947\u091f \u0915\u0947 \u0915\u0941\u0932 \u0915\u093e \u0924\u0941\u0930\u0902\u0924 \u0905\u0928\u0941\u092e\u093e\u0928 \u0932\u0917\u093e\u090f\u0902\u0964 \u092a\u0930\u093f\u0923\u093e\u092e \u0938\u093e\u0902\u0915\u0947\u0924\u093f\u0915 \u0939\u0948\u0902 &#8211; \u0936\u093f\u092a\u092e\u0947\u0902\u091f \u0938\u0947 \u092a\u0939\u0932\u0947 \u0938\u0924\u094d\u092f\u093e\u092a\u093f\u0924 \u0915\u0930\u0947\u0902\u0964 \u092e\u0941\u0926\u094d\u0930\u093e $ \u2013 USD\u20ac \u2013 EUR\ufdfc \u2013 SAR\u062f.\u0625 \u2013 AED\u00a5 \u2013 CNY\u20b9 \u2013 INR USD \u0938\u0940\u092e\u093e \u0936\u0941\u0932\u094d\u0915 \u0914\u0930 \u0935\u0948\u091f \u092b\u094d\u0930\u0947\u091f \u0914\u0930 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-3955","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jamarek.com\/hi\/wp-json\/wp\/v2\/pages\/3955","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jamarek.com\/hi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jamarek.com\/hi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jamarek.com\/hi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jamarek.com\/hi\/wp-json\/wp\/v2\/comments?post=3955"}],"version-history":[{"count":5,"href":"https:\/\/jamarek.com\/hi\/wp-json\/wp\/v2\/pages\/3955\/revisions"}],"predecessor-version":[{"id":9089,"href":"https:\/\/jamarek.com\/hi\/wp-json\/wp\/v2\/pages\/3955\/revisions\/9089"}],"wp:attachment":[{"href":"https:\/\/jamarek.com\/hi\/wp-json\/wp\/v2\/media?parent=3955"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}