{"id":18436,"date":"2026-06-20T11:13:34","date_gmt":"2026-06-20T11:13:34","guid":{"rendered":"https:\/\/tendify.net\/?p=18436"},"modified":"2026-07-15T05:26:58","modified_gmt":"2026-07-15T05:26:58","slug":"verified-global-suppliers","status":"publish","type":"post","link":"https:\/\/tendify.net\/ar\/verified-global-suppliers\/","title":{"rendered":"Verified Global Suppliers &#8211; Free list"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"18436\" class=\"elementor elementor-18436\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-2787608 e-flex e-con-boxed e-con e-parent\" data-id=\"2787608\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f9d22a4 elementor-widget elementor-widget-html\" data-id=\"f9d22a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Tendify - Global Trusted Supplier Directory<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    fontFamily: {\r\n                        sans: ['Inter', 'sans-serif'],\r\n                    },\r\n                    colors: {\r\n                        tendify: {\r\n                            50: '#f0f7ff',\r\n                            100: '#e0effe',\r\n                            600: '#2563eb',\r\n                            700: '#1d4ed8',\r\n                            900: '#1e3a8a',\r\n                            accent: '#0d9488'\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n    <style>\r\n        .custom-scrollbar::-webkit-scrollbar {\r\n            width: 6px;\r\n            height: 6px;\r\n        }\r\n        .custom-scrollbar::-webkit-scrollbar-track {\r\n            background: #f1f5f9;\r\n        }\r\n        .custom-scrollbar::-webkit-scrollbar-thumb {\r\n            background: #cbd5e1;\r\n            border-radius: 4px;\r\n        }\r\n        .custom-scrollbar::-webkit-scrollbar-thumb:hover {\r\n            background: #94a3b8;\r\n        }\r\n        .locked-blur {\r\n            filter: blur(5px);\r\n            user-select: none;\r\n            pointer-events: none;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 font-sans antialiased text-slate-800\">\r\n\r\n<div id=\"tendify-directory-root\" class=\"max-w-7xl mx-auto px-4 py-8 sm:px-6 lg:px-8\">\r\n    \r\n    <div class=\"mb-8 text-center md:text-left md:flex md:items-center md:justify-between border-b border-slate-200 pb-6\">\r\n        <div>\r\n            <span class=\"px-3 py-1 bg-teal-100 text-teal-800 text-xs font-semibold rounded-full uppercase tracking-wider\">Premium B2B Hub<\/span>\r\n            <h1 class=\"text-3xl md:text-4xl font-extrabold text-tendify-900 mt-2 tracking-tight\">Verified Global Suppliers<\/h1>\r\n            <p class=\"mt-2 text-slate-600 max-w-2xl text-sm md:text-base\">\r\n                Browse pre-vetted, high-capacity manufacturers and trading companies globally. Direct contacts, certified capabilities.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"mt-4 md:mt-0 flex flex-col sm:flex-row gap-3 items-center justify-end\">\r\n            <div id=\"auth-status-container\" class=\"flex items-center space-x-2 text-xs bg-white border border-slate-200 rounded-lg px-3 py-2 shadow-sm\"><\/div>\r\n            <button onclick=\"openSubmitModal()\" class=\"inline-flex items-center justify-center px-5 py-2.5 border border-transparent text-sm font-semibold rounded-lg shadow-sm text-white bg-tendify-600 hover:bg-tendify-700 transition focus:outline-none\">\r\n                <i class=\"fa-solid fa-plus-circle mr-2\"><\/i> Join as Supplier\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"bg-white rounded-xl shadow-sm border border-slate-200 p-4 md:p-6 mb-8\">\r\n        <div class=\"grid grid-cols-1 md:grid-cols-4 gap-4\">\r\n            \r\n            <div class=\"relative md:col-span-2\">\r\n                <label for=\"search-input\" class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-2\">Search Supplier \/ Product<\/label>\r\n                <div class=\"relative\">\r\n                    <span class=\"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none text-slate-400\">\r\n                        <i class=\"fa-solid fa-magnifying-glass\"><\/i>\r\n                    <\/span>\r\n                    <input type=\"text\" id=\"search-input\" oninput=\"filterSuppliers()\" placeholder=\"e.g. Bitumen, Cement, German engineering...\" class=\"block w-full pl-10 pr-4 py-2.5 border border-slate-300 rounded-lg text-sm bg-slate-50 focus:bg-white focus:ring-2 focus:ring-tendify-500 focus:border-tendify-500 transition outline-none\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div>\r\n                <label for=\"country-filter\" class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-2\">Country<\/label>\r\n                <select id=\"country-filter\" onchange=\"filterSuppliers()\" class=\"block w-full px-3 py-2.5 border border-slate-300 rounded-lg text-sm bg-slate-50 focus:bg-white focus:ring-2 focus:ring-tendify-500 focus:border-tendify-500 transition outline-none cursor-pointer custom-scrollbar\">\r\n                    <option value=\"all\">All Countries<\/option>\r\n                    <optgroup label=\"\ud83c\udf0d Middle East & GCC\">\r\n                        <option value=\"Oman\">Oman<\/option>\r\n                        <option value=\"United Arab Emirates\">United Arab Emirates (UAE)<\/option>\r\n                        <option value=\"Turkey\">Turkey<\/option>\r\n                        <option value=\"Saudi Arabia\">Saudi Arabia<\/option>\r\n                        <option value=\"Qatar\">Qatar<\/option>\r\n                        <option value=\"Iran\">Iran<\/option>\r\n                    <\/optgroup>\r\n                    <optgroup label=\"\ud83c\udf0f Asia & Oceania\">\r\n                        <option value=\"China\">China<\/option>\r\n                        <option value=\"India\">India<\/option>\r\n                        <option value=\"Russia\">Russia<\/option>\r\n                    <\/optgroup>\r\n                    <optgroup label=\"\ud83c\uddea\ud83c\uddfa Europe\">\r\n                        <option value=\"Germany\">Germany<\/option>\r\n                        <option value=\"Italy\">Italy<\/option>\r\n                    <\/optgroup>\r\n                <\/select>\r\n            <\/div>\r\n\r\n            <div>\r\n                <label for=\"category-filter\" class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-2\">Category<\/label>\r\n                <select id=\"category-filter\" onchange=\"filterSuppliers()\" class=\"block w-full px-3 py-2.5 border border-slate-300 rounded-lg text-sm bg-slate-50 focus:bg-white focus:ring-2 focus:ring-tendify-500 focus:border-tendify-500 transition outline-none cursor-pointer custom-scrollbar\">\r\n                    <option value=\"all\">All Categories<\/option>\r\n                    <optgroup label=\"\u26a1 Energy & Petroleum\">\r\n                        <option value=\"Petroleum & Bitumen\">Bitumen & Asphalt Binders<\/option>\r\n                    <\/optgroup>\r\n                    <optgroup label=\"\ud83e\uddea Chemicals & Polymers\">\r\n                        <option value=\"Chemicals & Polymers\">Industrial & Fine Chemicals<\/option>\r\n                    <\/optgroup>\r\n                    <optgroup label=\"\ud83c\udfd7\ufe0f Construction & Infrastructure\">\r\n                        <option value=\"Construction & Cement\">Cement, Clinker & Gypsum<\/option>\r\n                    <\/optgroup>\r\n                    <optgroup label=\"\u2699\ufe0f Machinery & Industrial Equipment\">\r\n                        <option value=\"Industrial Equipment\">Industrial Machinery & Equipment<\/option>\r\n                    <\/optgroup>\r\n                    <optgroup label=\"\ud83c\udf3e Agriculture & Bulk Food\">\r\n                        <option value=\"Agriculture & Food\">Agriculture & Bulk Food<\/option>\r\n                    <\/optgroup>\r\n                <\/select>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"flex items-center justify-between mt-4 pt-4 border-t border-slate-100 text-sm text-slate-500\">\r\n            <div>\r\n                Showing <span id=\"displayed-count\" class=\"font-bold text-tendify-900\">0<\/span> of <span id=\"total-count\" class=\"font-bold\">0<\/span> premium companies\r\n            <\/div>\r\n            <button onclick=\"clearFilters()\" class=\"text-xs font-semibold text-tendify-600 hover:text-tendify-700 transition\">\r\n                <i class=\"fa-solid fa-rotate-left mr-1\"><\/i> Reset Filters\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"no-results\" class=\"hidden text-center py-16 bg-white rounded-xl border border-dashed border-slate-300\">\r\n        <div class=\"text-slate-300 text-5xl mb-4\"><i class=\"fa-solid fa-folder-open\"><\/i><\/div>\r\n        <h3 class=\"text-lg font-bold text-slate-700\">No matching suppliers found<\/h3>\r\n        <p class=\"text-slate-500 text-sm mt-1\">Try adjusting your filters or searching for a different keyword.<\/p>\r\n        <button onclick=\"clearFilters()\" class=\"mt-4 px-4 py-2 bg-slate-100 hover:bg-slate-200 text-slate-700 text-sm font-semibold rounded-lg transition\">Show All Suppliers<\/button>\r\n    <\/div>\r\n\r\n    <div id=\"supplier-grid\" class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\"><\/div>\r\n<\/div>\r\n\r\n<!-- Supplier Modal -->\r\n<div id=\"supplier-modal\" class=\"fixed inset-0 z-50 hidden overflow-y-auto\" aria-labelledby=\"modal-title\" role=\"dialog\" aria-modal=\"true\">\r\n    <div class=\"flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0\">\r\n        <div class=\"fixed inset-0 bg-slate-950\/60 transition-opacity\" onclick=\"closeModal()\"><\/div>\r\n        <span class=\"hidden sm:inline-block sm:align-middle sm:h-screen\" aria-hidden=\"true\">&#8203;<\/span>\r\n\r\n        <div class=\"inline-block align-bottom bg-white rounded-2xl text-left overflow-hidden shadow-2xl transform transition-all sm:my-8 sm:align-middle sm:max-w-xl sm:w-full border border-slate-100\">\r\n            <div class=\"bg-gradient-to-r from-tendify-900 to-tendify-600 px-6 py-4 flex justify-between items-center text-white\">\r\n                <div class=\"flex items-center space-x-2\">\r\n                    <i class=\"fa-solid fa-shield-halved text-teal-400 text-lg\"><\/i>\r\n                    <span class=\"text-xs tracking-wider uppercase font-semibold\">Tendify Verified Supplier Profile<\/span>\r\n                <\/div>\r\n                <button onclick=\"closeModal()\" class=\"text-white\/80 hover:text-white transition focus:outline-none\">\r\n                    <i class=\"fa-solid fa-xmark text-lg\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <div class=\"p-6\">\r\n                <div class=\"flex items-start gap-4 mb-6\">\r\n                    <div id=\"modal-logo-placeholder\" class=\"w-16 h-16 bg-gradient-to-tr from-slate-100 to-slate-200 border border-slate-200 rounded-xl flex items-center justify-center font-extrabold text-2xl text-tendify-900 shadow-sm flex-shrink-0\">AB<\/div>\r\n                    <div>\r\n                        <div class=\"flex items-center gap-2\">\r\n                            <h2 id=\"modal-company-name\" class=\"text-xl font-bold text-slate-900\"><\/h2>\r\n                            <span id=\"modal-badge-container\"><\/span>\r\n                        <\/div>\r\n                        <p id=\"modal-category\" class=\"text-sm text-tendify-600 font-medium mt-0.5\"><\/p>\r\n                        <div class=\"flex items-center text-xs text-slate-500 mt-1\">\r\n                            <i class=\"fa-solid fa-location-dot text-rose-500 mr-1.5 flex-shrink-0\"><\/i>\r\n                            <span id=\"modal-location\"><\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"mb-6\">\r\n                    <h3 class=\"text-xs font-bold text-slate-400 uppercase tracking-wider mb-2\">Company Overview<\/h3>\r\n                    <p id=\"modal-desc\" class=\"text-slate-600 text-sm leading-relaxed\"><\/p>\r\n                <\/div>\r\n\r\n                <div class=\"mb-6 bg-slate-50 p-4 rounded-xl border border-slate-100\">\r\n                    <h3 class=\"text-xs font-bold text-slate-400 uppercase tracking-wider mb-2\">Key Core Products<\/h3>\r\n                    <div id=\"modal-products\" class=\"flex flex-wrap gap-1.5\"><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"space-y-3 mb-6 relative\">\r\n                    <h3 class=\"text-xs font-bold text-slate-400 uppercase tracking-wider mb-2\">Direct Contact Information<\/h3>\r\n                    \r\n                    <div class=\"flex items-center justify-between p-3 bg-white border border-slate-200 rounded-lg shadow-sm\">\r\n                        <div class=\"flex items-center space-x-3 text-sm\">\r\n                            <div class=\"w-8 h-8 rounded-full bg-blue-50 flex items-center justify-center text-tendify-600\">\r\n                                <i class=\"fa-solid fa-phone\"><\/i>\r\n                            <\/div>\r\n                            <div>\r\n                                <p class=\"text-xs text-slate-400\">Direct Phone<\/p>\r\n                                <p id=\"modal-phone\" class=\"font-semibold text-slate-700\"><\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <button id=\"btn-copy-phone\" onclick=\"copyToClipboard('modal-phone')\" class=\"text-xs bg-slate-100 hover:bg-slate-200 text-slate-600 px-2.5 py-1.5 rounded font-medium transition active:scale-95\">\r\n                            <i class=\"fa-regular fa-copy\"><\/i> Copy\r\n                        <\/button>\r\n                    <\/div>\r\n\r\n                    <div class=\"flex items-center justify-between p-3 bg-white border border-slate-200 rounded-lg shadow-sm\">\r\n                        <div class=\"flex items-center space-x-3 text-sm\">\r\n                            <div class=\"w-8 h-8 rounded-full bg-emerald-50 flex items-center justify-center text-emerald-600\">\r\n                                <i class=\"fa-solid fa-envelope\"><\/i>\r\n                            <\/div>\r\n                            <div>\r\n                                <p class=\"text-xs text-slate-400\">Direct Email<\/p>\r\n                                <p id=\"modal-email\" class=\"font-semibold text-slate-700\"><\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <button id=\"btn-copy-email\" onclick=\"copyToClipboard('modal-email')\" class=\"text-xs bg-slate-100 hover:bg-slate-200 text-slate-600 px-2.5 py-1.5 rounded font-medium transition active:scale-95\">\r\n                            <i class=\"fa-regular fa-copy\"><\/i> Copy\r\n                        <\/button>\r\n                    <\/div>\r\n\r\n                    <div id=\"contacts-lock-overlay\" class=\"hidden absolute inset-0 bg-slate-50\/90 backdrop-blur-sm border border-dashed border-slate-300 rounded-xl flex flex-col items-center justify-center p-4 text-center\">\r\n                        <div class=\"w-10 h-10 rounded-full bg-amber-50 border border-amber-200 flex items-center justify-center text-amber-600 mb-2\">\r\n                            <i class=\"fa-solid fa-lock\"><\/i>\r\n                        <\/div>\r\n                        <h4 class=\"text-sm font-bold text-slate-800\">Locked Contact Details<\/h4>\r\n                        <p class=\"text-xs text-slate-500 max-w-sm mt-1 mb-3\">Please sign in to your Tendify account to access direct phone numbers and email addresses.<\/p>\r\n                        <button onclick=\"openAuthModal()\" class=\"bg-tendify-600 hover:bg-tendify-700 text-white text-xs font-bold py-2.5 px-5 rounded-lg shadow transition flex items-center gap-1.5\">\r\n                            <i class=\"fa-solid fa-key text-[10px]\"><\/i> Log In \/ Register Now\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"border-t border-slate-100 pt-6\">\r\n                    <h3 class=\"text-sm font-bold text-slate-800 mb-3\"><i class=\"fa-regular fa-paper-plane mr-2 text-tendify-600\"><\/i>Send Direct RFQ \/ Inquiry<\/h3>\r\n                    <form id=\"inquiry-form\" onsubmit=\"handleInquirySubmit(event)\" class=\"space-y-3\">\r\n                        <div>\r\n                            <input type=\"text\" id=\"inq-name\" required placeholder=\"Your Full Name\" class=\"w-full px-3 py-2 text-sm border border-slate-300 rounded-lg focus:ring-2 focus:ring-tendify-500 outline-none transition\">\r\n                        <\/div>\r\n                        <div class=\"grid grid-cols-2 gap-3\">\r\n                            <input type=\"email\" id=\"inq-email\" required placeholder=\"Business Email\" class=\"w-full px-3 py-2 text-sm border border-slate-300 rounded-lg focus:ring-2 focus:ring-tendify-500 outline-none transition\">\r\n                            <input type=\"tel\" id=\"inq-phone\" required placeholder=\"Phone \/ WhatsApp\" class=\"w-full px-3 py-2 text-sm border border-slate-300 rounded-lg focus:ring-2 focus:ring-tendify-500 outline-none transition\">\r\n                        <\/div>\r\n                        <div>\r\n                            <textarea required rows=\"2\" placeholder=\"Describe your volume requirements and target port...\" class=\"w-full px-3 py-2 text-sm border border-slate-300 rounded-lg focus:ring-2 focus:ring-tendify-500 outline-none transition\"><\/textarea>\r\n                        <\/div>\r\n                        <button type=\"submit\" class=\"w-full bg-tendify-600 hover:bg-tendify-700 text-white font-semibold py-2 px-4 rounded-lg shadow text-sm transition focus:ring-2 focus:ring-offset-1 focus:ring-tendify-500\">\r\n                            Submit Inquiry Securely\r\n                        <\/button>\r\n                    <\/form>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- Auth Modal -->\r\n<div id=\"auth-modal\" class=\"fixed inset-0 z-50 hidden overflow-y-auto\" aria-labelledby=\"modal-title\" role=\"dialog\" aria-modal=\"true\">\r\n    <div class=\"flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0\">\r\n        <div class=\"fixed inset-0 bg-slate-950\/75 transition-opacity\" onclick=\"closeAuthModal()\"><\/div>\r\n        <span class=\"hidden sm:inline-block sm:align-middle sm:h-screen\" aria-hidden=\"true\">&#8203;<\/span>\r\n        <div class=\"inline-block align-bottom bg-white rounded-2xl text-left overflow-hidden shadow-2xl transform transition-all sm:my-8 sm:align-middle sm:max-w-md sm:w-full border border-slate-100\">\r\n            <div class=\"bg-gradient-to-r from-tendify-900 to-slate-900 px-6 py-5 text-white relative\">\r\n                <div class=\"flex items-center space-x-2\">\r\n                    <i class=\"fa-solid fa-user-lock text-teal-400 text-xl\"><\/i>\r\n                    <h3 class=\"text-lg font-bold\">Access Restricted<\/h3>\r\n                <\/div>\r\n                <button onclick=\"closeAuthModal()\" class=\"absolute top-5 right-5 text-white\/80 hover:text-white transition\">\r\n                    <i class=\"fa-solid fa-xmark text-lg\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n            <div class=\"p-6 space-y-4 bg-white text-center\">\r\n                <div class=\"text-slate-500 text-sm leading-relaxed mb-4\">\r\n                    Please sign in with your Tendify account to unlock contacts. Registration is free and instant.\r\n                <\/div>\r\n                <div class=\"space-y-3\">\r\n                    <button onclick=\"redirectToWordPressLogin(false)\" class=\"w-full bg-tendify-600 hover:bg-tendify-700 text-white font-bold py-3 px-4 rounded-lg shadow-sm transition flex items-center justify-center gap-2\">\r\n                        <i class=\"fa-solid fa-right-to-bracket\"><\/i> Log In to Your Account\r\n                    <\/button>\r\n                    <button onclick=\"redirectToWordPressLogin(true)\" class=\"w-full bg-slate-100 hover:bg-slate-200 text-slate-800 font-bold py-3 px-4 rounded-lg transition flex items-center justify-center gap-2 border border-slate-200\">\r\n                        <i class=\"fa-solid fa-user-plus text-slate-600\"><\/i> Create Free Account\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- Add Supplier Modal -->\r\n<div id=\"add-supplier-modal\" class=\"fixed inset-0 z-50 hidden overflow-y-auto\" aria-labelledby=\"modal-title\" role=\"dialog\" aria-modal=\"true\">\r\n    <div class=\"flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0\">\r\n        <div class=\"fixed inset-0 bg-slate-950\/60 transition-opacity\" onclick=\"closeSubmitModal()\"><\/div>\r\n        <span class=\"hidden sm:inline-block sm:align-middle sm:h-screen\" aria-hidden=\"true\">&#8203;<\/span>\r\n        <div class=\"inline-block align-bottom bg-white rounded-2xl text-left overflow-hidden shadow-2xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full border border-slate-100\">\r\n            <div class=\"bg-gradient-to-r from-teal-800 to-teal-600 px-6 py-4 flex justify-between items-center text-white\">\r\n                <div class=\"flex items-center space-x-2\">\r\n                    <i class=\"fa-solid fa-plus-circle text-lg text-teal-200\"><\/i>\r\n                    <span class=\"text-xs tracking-wider uppercase font-semibold\">Join Tendify Directory<\/span>\r\n                <\/div>\r\n                <button onclick=\"closeSubmitModal()\" class=\"text-white\/80 hover:text-white transition focus:outline-none\">\r\n                    <i class=\"fa-solid fa-xmark text-lg\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n            \r\n            <form id=\"wp-comment-supplier-form\" onsubmit=\"handleWpCommentSubmit(event)\" class=\"p-6 space-y-4\">\r\n                <div id=\"submit-loading-msg\" class=\"hidden p-3 bg-blue-50 border border-blue-200 text-blue-700 text-xs rounded-lg animate-pulse\">Submitting listing request...<\/div>\r\n                <div id=\"submit-success-msg\" class=\"hidden p-3 bg-emerald-50 border border-emerald-200 text-emerald-700 text-xs rounded-lg\">Listing successfully submitted!<\/div>\r\n                \r\n                <div id=\"form-fields-container\" class=\"space-y-4\">\r\n                    <div>\r\n                        <label class=\"block text-xs font-bold text-slate-500 uppercase mb-1\">Company Name *<\/label>\r\n                        <input type=\"text\" id=\"add-name\" required class=\"w-full px-3 py-2 text-sm border border-slate-300 rounded-lg outline-none focus:ring-2 focus:ring-tendify-500 transition\">\r\n                    <\/div>\r\n                    <div class=\"grid grid-cols-2 gap-3\">\r\n                        <div>\r\n                            <label class=\"block text-xs font-bold text-slate-500 uppercase mb-1\">Country *<\/label>\r\n                            <input type=\"text\" id=\"add-country\" required placeholder=\"e.g. Oman\" class=\"w-full px-3 py-2 text-sm border border-slate-300 rounded-lg outline-none focus:ring-2 focus:ring-tendify-500 transition\">\r\n                        <\/div>\r\n                        <div>\r\n                            <label class=\"block text-xs font-bold text-slate-500 uppercase mb-1\">Category *<\/label>\r\n                            <select id=\"add-category\" required class=\"w-full px-3 py-2 text-sm border border-slate-300 rounded-lg outline-none bg-white focus:ring-2 focus:ring-tendify-500 transition\">\r\n                                <option value=\"Petroleum & Bitumen\">Petroleum & Bitumen<\/option>\r\n                                <option value=\"Construction & Cement\">Construction & Cement<\/option>\r\n                                <option value=\"Chemicals & Polymers\">Chemicals & Polymers<\/option>\r\n                                <option value=\"Industrial Equipment\">Industrial Equipment<\/option>\r\n                                <option value=\"Agriculture & Food\">Agriculture & Food<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"grid grid-cols-2 gap-3\">\r\n                        <div>\r\n                            <label class=\"block text-xs font-bold text-slate-500 uppercase mb-1\">Email *<\/label>\r\n                            <input type=\"email\" id=\"add-email\" required class=\"w-full px-3 py-2 text-sm border border-slate-300 rounded-lg outline-none focus:ring-2 focus:ring-tendify-500 transition\">\r\n                        <\/div>\r\n                        <div>\r\n                            <label class=\"block text-xs font-bold text-slate-500 uppercase mb-1\">Phone \/ WhatsApp *<\/label>\r\n                            <input type=\"tel\" id=\"add-phone\" required class=\"w-full px-3 py-2 text-sm border border-slate-300 rounded-lg outline-none focus:ring-2 focus:ring-tendify-500 transition\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div>\r\n                        <label class=\"block text-xs font-bold text-slate-500 uppercase mb-1\">Main Products *<\/label>\r\n                        <input type=\"text\" id=\"add-products\" required placeholder=\"e.g. Bitumen 60\/70, Clinker\" class=\"w-full px-3 py-2 text-sm border border-slate-300 rounded-lg outline-none focus:ring-2 focus:ring-tendify-500 transition\">\r\n                    <\/div>\r\n                    <div>\r\n                        <label class=\"block text-xs font-bold text-slate-500 uppercase mb-1\">Short Description *<\/label>\r\n                        <textarea id=\"add-desc\" required rows=\"3\" class=\"w-full px-3 py-2 text-sm border border-slate-300 rounded-lg outline-none focus:ring-2 focus:ring-tendify-500 transition\"><\/textarea>\r\n                    <\/div>\r\n                    <button type=\"submit\" class=\"w-full bg-teal-600 hover:bg-teal-700 text-white font-semibold py-2.5 px-4 rounded-lg shadow text-sm transition\">\r\n                        Submit Registration Request\r\n                    <\/button>\r\n                <\/div>\r\n            <\/form>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- Toast -->\r\n<div id=\"toast\" class=\"fixed bottom-5 right-5 z-50 transform translate-y-20 opacity-0 transition-all duration-300 pointer-events-none\">\r\n    <div class=\"bg-slate-900 text-white px-4 py-3 rounded-xl shadow-xl flex items-center space-x-2 text-sm\">\r\n        <i id=\"toast-icon\" class=\"fa-solid fa-circle-check text-emerald-400\"><\/i>\r\n        <span id=\"toast-msg\">Text copied successfully!<\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    const initialSuppliers = [\r\n        {\r\n            id: 1,\r\n            name: \"Oman Bitumen Refinery Corp\",\r\n            category: \"Petroleum & Bitumen\",\r\n            country: \"Oman\",\r\n            address: \"Sohar Port Logistics Phase 1, Sohar, Oman\",\r\n            phone: \"+968 2450 8821\",\r\n            email: \"trade@omanbitumen.com\",\r\n            verified: \"Gold Verified\",\r\n            rating: \"4.9\",\r\n            products: [\"Bitumen 60\/70\", \"MC30 Cutback\", \"Emulsions\", \"PMB\"],\r\n            desc: \"Premier Omani refiner delivering international-grade performance asphalt and binder formulations across eco-corridors and GCC.\"\r\n        },\r\n        {\r\n            id: 2,\r\n            name: \"Hansa Chemical Gmbh\",\r\n            category: \"Chemicals & Polymers\",\r\n            country: \"Germany\",\r\n            address: \"Ludwigshafen Industrial Park, Ludwigshafen, Germany\",\r\n            phone: \"+49 621 590 012\",\r\n            email: \"supply@hansa-chem.de\",\r\n            verified: \"Verified Manufacturer\",\r\n            rating: \"4.8\",\r\n            products: [\"Polypropylene\", \"PET Resins\", \"Caustic Soda\", \"Industrial Solvents\"],\r\n            desc: \"Decades of precision synthesis. Specializing in advanced polymers and highly standardized compounds for high-end processing.\"\r\n        },\r\n        {\r\n            id: 3,\r\n            name: \"Gulf Premium Cement PJSC\",\r\n            category: \"Construction & Cement\",\r\n            country: \"United Arab Emirates\",\r\n            address: \"Mussafah Industrial Area, Abu Dhabi, UAE\",\r\n            phone: \"+971 2 645 8899\",\r\n            email: \"sales@gulfprem-cement.ae\",\r\n            verified: \"Gold Verified\",\r\n            rating: \"5.0\",\r\n            products: [\"OPC Clinker\", \"Sulfate Resistant Cement\", \"SRC 50\", \"Fly Ash\"],\r\n            desc: \"Supplying monumental projects across the MENA region. State-of-the-art modern rotary kiln processing guarantees bulk stability.\"\r\n        },\r\n        {\r\n            id: 4,\r\n            name: \"Anatolia Machinery Ltd\",\r\n            category: \"Industrial Equipment\",\r\n            country: \"Turkey\",\r\n            address: \"OSTIM Industrial District, Ankara, Turkey\",\r\n            phone: \"+90 312 385 4400\",\r\n            email: \"info@anatolia-machinery.com\",\r\n            verified: \"Verified Manufacturer\",\r\n            rating: \"4.7\",\r\n            products: [\"Rotary Dryers\", \"Pneumatic Conveyors\", \"Aggregate Crushers\"],\r\n            desc: \"Robust processing and milling systems exported worldwide. Renowned Turkey-engineered durable handling solutions.\"\r\n        },\r\n        {\r\n            id: 5,\r\n            name: \"Deccan Agritech Exports\",\r\n            category: \"Agriculture & Food\",\r\n            country: \"India\",\r\n            address: \"APMC Yard, Navi Mumbai, India\",\r\n            phone: \"+91 22 2765 4321\",\r\n            email: \"exports@deccan-agri.in\",\r\n            verified: \"Verified Trader\",\r\n            rating: \"4.6\",\r\n            products: [\"Basmati Rice\", \"Non-GMO Soya Meal\", \"Dehydrated Spices\"],\r\n            desc: \"Linking vast farming collectives straight to bulk global grain hubs. Strict ISO sanitary and phytosanitary controls.\"\r\n        },\r\n        {\r\n            id: 6,\r\n            name: \"Yangtze River Polymer Corp\",\r\n            category: \"Chemicals & Polymers\",\r\n            country: \"China\",\r\n            address: \"Pudong New Area Petrochemical District, Shanghai, China\",\r\n            phone: \"+86 21 6888 1234\",\r\n            email: \"b2b@yangtzepoly.cn\",\r\n            verified: \"Gold Verified\",\r\n            rating: \"4.9\",\r\n            products: [\"PVC Resins\", \"HDPE Blow Grade\", \"LLDPE Film\", \"DOP Plasticizer\"],\r\n            desc: \"Global high-tonnage supplier of high density and linear low-density polyethylenes. Fully certified for ISO-9001 standardisation.\"\r\n        },\r\n        {\r\n        id: 7,\r\n        name: \"Mani Tea Co.\",\r\n        category: \"Agriculture & Food\",\r\n        country: \"Iran\",\r\n        address: \"Hall 5, Stand 1-2, Iran Agrofood Exhibition, Iran \",\r\n        phone: \"+98XXXXXXXXXX\",\r\n        email: \"info@manitea.ir\",\r\n        verified: \"Verified\",\r\n        rating: \"4.6\",\r\n        products: [\"Tea\", \"Herbal Tea\", \"Dried Herbs\"],\r\n        desc: \"Leading producer and exporter of high-quality Iranian tea and herbal products.\"\r\n        },\r\n        {\r\n        id: 8,\r\n        name: \"Trade Promotion Organization of Iran\",\r\n        category: \"Services\",\r\n        country: \"Iran\",\r\n        address: \"Hall 5, Stand 3\",\r\n        phone: \"+98XXXXXXXXXX\",\r\n        email: \"info@tpo.ir\",\r\n        verified: \"Official\",\r\n        rating: \"5.0\",\r\n        products: [\"Trade Services\", \"Export Promotion\"],\r\n        desc: \"Official government organization supporting Iranian exporters.\"\r\n        },\r\n        {\r\n        id: 9,\r\n        name: \"Amin Padidar Co.\",\r\n        category: \"Agriculture & Food\",\r\n        country: \"Iran\",\r\n        address: \"Hall 5, Stand 4-5, Iran \",\r\n        phone: \"+98XXXXXXXXXX\",\r\n        email: \"info@aminpadidar.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.7\",\r\n        products: [\"Food Products\", \"Agricultural Goods\"],\r\n        desc: \"Specialized in production and export of quality food products.\"\r\n        },\r\n        {\r\n        id: 10,\r\n        name: \"Azarbijan Tohfe-zarrin\",\r\n        category: \"Agriculture & Food\",\r\n        country: \"Iran\",\r\n        address: \"Hall 5, Stand 7-8\",\r\n        phone: \"+98XXXXXXXXXX\",\r\n        email: \"info@tohfezarrin.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.5\",\r\n        products: [\"Saffron\", \"Dried Fruits\", \"Nuts\"],\r\n        desc: \"Premium producer of saffron and traditional Azerbaijani gifts.\"\r\n        },\r\n        {\r\n        id: 11,\r\n        name: \"Tehran Tejarat Bastan\",\r\n        category: \"Agriculture & Food\",\r\n        country: \"Iran\",\r\n        address: \"Hall 5, Stand 9\",\r\n        phone: \"+98XXXXXXXXXX\",\r\n        email: \"info@tejaratbastan.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.4\",\r\n        products: [\"Dried Fruits\", \"Nuts\", \"Herbs\"],\r\n        desc: \"Ancient Tehran trading company specializing in premium dried fruits.\"\r\n        },\r\n        {\r\n        id: 12,\r\n        name: \"Naminaghs\",\r\n        category: \"Agriculture & Food\",\r\n        country: \"Iran\",\r\n        address: \"Hall 5, Stand 10-11\",\r\n        phone: \"+98XXXXXXXXXX\",\r\n        email: \"info@naminaghs.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.6\",\r\n        products: [\"Saffron\", \"Pistachio\", \"Herbal Products\"],\r\n        desc: \"High-quality saffron and pistachio exporter.\"\r\n        },\r\n        {\r\n        id: 13,\r\n        name: \"Gol Aftab Golidagh\",\r\n        category: \"Agriculture & Food\",\r\n        country: \"Iran\",\r\n        address: \"Hall 5, Stand 12\",\r\n        phone: \"+98XXXXXXXXXX\",\r\n        email: \"info@golaf tab.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.5\",\r\n        products: [\"Saffron\", \"Dried Flowers\"],\r\n        desc: \"Specialized in saffron and natural flower products.\"\r\n        },\r\n        {\r\n        id: 14,\r\n        name: \"Arta Tejarat Aria Hormoz\",\r\n        category: \"Agriculture & Food\",\r\n        country: \"Iran\",\r\n        address: \"Hall 5, Stand 14\",\r\n        phone: \"+98XXXXXXXXXX\",\r\n        email: \"info@artatejarat.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.7\",\r\n        products: [\"Date Products\", \"Tropical Fruits\"],\r\n        desc: \"Leading exporter of Hormozgan dates and tropical products.\"\r\n        },\r\n        {\r\n        id: 15,\r\n        name: \"Kesht o Sanaate Khebreh\",\r\n        category: \"Agriculture & Food\",\r\n        country: \"Iran\",\r\n        address: \"Hall 5, Stand 16\",\r\n        phone: \"+98XXXXXXXXXX\",\r\n        email: \"info@khebreh.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.6\",\r\n        products: [\"Agricultural Products\", \"Processed Foods\"],\r\n        desc: \"Expert in cultivation and food processing.\"\r\n        },\r\n        {\r\n        id: 16,\r\n        name: \"Tarvand Saffron Ghaenat\",\r\n        category: \"Agriculture & Food\",\r\n        country: \"Iran\",\r\n        address: \"Hall 5, Stand 17\",\r\n        phone: \"+98XXXXXXXXXX\",\r\n        email: \"info@tarvandsaffron.com\",\r\n        verified: \"Gold Verified\",\r\n        rating: \"4.9\",\r\n        products: [\"Saffron\", \"Saffron Products\"],\r\n        desc: \"Premium Qaenat saffron producer with international standards.\"\r\n        },\r\n        {\r\n        id: 17,\r\n        name: \"Arya Polymer Khomein\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Khomein, Markazi Province\",\r\n        phone: \"+98 21 8888 1234\",\r\n        email: \"info@aryapolymer.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.7\",\r\n        products: [\"Polypropylene\", \"Polyethylene\", \"Polymer Grades\"],\r\n        desc: \"Producer of various grades of polypropylene and polyethylene with export quality.\"\r\n        },\r\n        {\r\n        id: 18,\r\n        name: \"Razi Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Mahshahr Special Economic Zone\",\r\n        phone: \"+98 21 8855 4321\",\r\n        email: \"info@razipetro.com\",\r\n        verified: \"Gold Verified\",\r\n        rating: \"4.8\",\r\n        products: [\"Urea\", \"Ammonia\", \"Chemical Fertilizers\"],\r\n        desc: \"One of the largest producers of urea and ammonia in Iran.\"\r\n        },\r\n        {\r\n        id: 19,\r\n        name: \"Rajal Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Assaluyeh Special Economic Zone\",\r\n        phone: \"+98 21 8866 7788\",\r\n        email: \"info@rajalpetro.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.6\",\r\n        products: [\"Methanol\", \"Urea\", \"Ammonia\"],\r\n        desc: \"Major producer of methanol and petrochemical base products.\"\r\n        },\r\n        {\r\n        id: 20,\r\n        name: \"Zagros Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Assaluyeh\",\r\n        phone: \"+98 21 8899 1122\",\r\n        email: \"info@zagrospetro.com\",\r\n        verified: \"Gold Verified\",\r\n        rating: \"4.9\",\r\n        products: [\"Methanol\"],\r\n        desc: \"One of the world's largest methanol producers.\"\r\n        },\r\n        {\r\n        id: 21,\r\n        name: \"Sabalan Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Tabriz, East Azerbaijan\",\r\n        phone: \"+98 41 3333 4455\",\r\n        email: \"info@sabalanpetro.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.5\",\r\n        products: [\"Polyethylene\", \"Polypropylene\"],\r\n        desc: \"Leading polymer producer in northwest Iran.\"\r\n        },\r\n        {\r\n        id: 22,\r\n        name: \"Shazand Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Shazand, Arak\",\r\n        phone: \"+98 86 4222 3344\",\r\n        email: \"info@shazandpetro.com\",\r\n        verified: \"Gold Verified\",\r\n        rating: \"4.8\",\r\n        products: [\"Polyethylene\", \"Polypropylene\", \"Urea\"],\r\n        desc: \"One of the oldest and largest petrochemical complexes in Iran.\"\r\n        },\r\n        {\r\n        id: 23,\r\n        name: \"Shahid Tondgooyan Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Mahshahr\",\r\n        phone: \"+98 21 8877 6655\",\r\n        email: \"info@tondgooyan.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.7\",\r\n        products: [\"Aromatics\", \"PTA\", \"PET\"],\r\n        desc: \"Specialized in aromatics and polyester chain products.\"\r\n        },\r\n        {\r\n        id: 24,\r\n        name: \"Shiraz Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Shiraz\",\r\n        phone: \"+98 71 3222 4455\",\r\n        email: \"info@shirazpetro.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.6\",\r\n        products: [\"Urea\", \"Ammonia\", \"Melamine\"],\r\n        desc: \"Major producer of nitrogen fertilizers.\"\r\n        },\r\n        {\r\n        id: 25,\r\n        name: \"Fanavaran Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Mahshahr\",\r\n        phone: \"+98 21 8899 3344\",\r\n        email: \"info@fanavaran.com\",\r\n        verified: \"Gold Verified\",\r\n        rating: \"4.8\",\r\n        products: [\"Methanol\", \"Acetic Acid\"],\r\n        desc: \"Leading producer of methanol and downstream chemicals.\"\r\n        },\r\n        {\r\n        id: 26,\r\n        name: \"Kavian Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Assaluyeh\",\r\n        phone: \"+98 21 8855 6677\",\r\n        email: \"info@kavianpetro.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.7\",\r\n        products: [\"Ethylene\", \"Polyethylene\"],\r\n        desc: \"One of the largest ethylene producers in the region.\"\r\n        },\r\n        {\r\n        id: 27,\r\n        name: \"Marun Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Mahshahr\",\r\n        phone: \"+98 21 8866 1122\",\r\n        email: \"info@marunpetro.com\",\r\n        verified: \"Gold Verified\",\r\n        rating: \"4.9\",\r\n        products: [\"Ethylene\", \"Polyethylene\", \"PVC\"],\r\n        desc: \"Large olefins and polymer producer.\"\r\n        },\r\n        {\r\n        id: 28,\r\n        name: \"Pardis Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Assaluyeh\",\r\n        phone: \"+98 21 8877 9988\",\r\n        email: \"info@pardispetro.com\",\r\n        verified: \"Gold Verified\",\r\n        rating: \"4.8\",\r\n        products: [\"Urea\", \"Ammonia\"],\r\n        desc: \"One of the largest urea producers in the world.\"\r\n        },\r\n        {\r\n        id: 29,\r\n        name: \"Jam Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Assaluyeh\",\r\n        phone: \"+98 21 8899 7766\",\r\n        email: \"info@jampetro.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.7\",\r\n        products: [\"Ethylene\", \"Polyethylene\"],\r\n        desc: \"Major olefins complex.\"\r\n        },\r\n        {\r\n        id: 30,\r\n        name: \"Bandar Imam Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Bandar Imam Khomeini\",\r\n        phone: \"+98 61 5222 3344\",\r\n        email: \"info@bipc.ir\",\r\n        verified: \"Verified\",\r\n        rating: \"4.6\",\r\n        products: [\"Aromatics\", \"Polymers\", \"Chemicals\"],\r\n        desc: \"One of the oldest and most diversified petrochemical complexes.\"\r\n        },\r\n        {\r\n        id: 17,\r\n        name: \"Arya Polymer Khomein\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Khomein, Markazi Province\",\r\n        phone: \"+98 21 8888 1234\",\r\n        email: \"info@aryapolymer.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.7\",\r\n        products: [\"Polypropylene\", \"Polyethylene\"],\r\n        desc: \"Producer of various grades of polypropylene and polyethylene.\"\r\n        },\r\n        {\r\n        id: 18,\r\n        name: \"Razi Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Mahshahr Special Economic Zone\",\r\n        phone: \"+98 21 8855 4321\",\r\n        email: \"info@razipetro.com\",\r\n        verified: \"Gold Verified\",\r\n        rating: \"4.8\",\r\n        products: [\"Urea\", \"Ammonia\"],\r\n        desc: \"One of the largest urea and ammonia producers in Iran.\"\r\n        },\r\n        {\r\n        id: 19,\r\n        name: \"Rajal Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Assaluyeh\",\r\n        phone: \"+98 21 8866 7788\",\r\n        email: \"info@rajalpetro.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.6\",\r\n        products: [\"Methanol\", \"Urea\"],\r\n        desc: \"Major methanol and petrochemical base products producer.\"\r\n        },\r\n        {\r\n        id: 20,\r\n        name: \"Zagros Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Assaluyeh\",\r\n        phone: \"+98 21 8899 1122\",\r\n        email: \"info@zagrospetro.com\",\r\n        verified: \"Gold Verified\",\r\n        rating: \"4.9\",\r\n        products: [\"Methanol\"],\r\n        desc: \"One of the largest methanol producers in the world.\"\r\n        },\r\n        {\r\n        id: 21,\r\n        name: \"Sabalan Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Tabriz\",\r\n        phone: \"+98 41 3333 4455\",\r\n        email: \"info@sabalanpetro.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.5\",\r\n        products: [\"Polyethylene\", \"Polypropylene\"],\r\n        desc: \"Leading polymer producer in northwest Iran.\"\r\n        },\r\n        {\r\n        id: 22,\r\n        name: \"Shazand Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Shazand - Arak\",\r\n        phone: \"+98 86 4222 3344\",\r\n        email: \"info@shazandpetro.com\",\r\n        verified: \"Gold Verified\",\r\n        rating: \"4.8\",\r\n        products: [\"Polyethylene\", \"Polypropylene\", \"Urea\"],\r\n        desc: \"One of the oldest and largest petrochemical complexes in Iran.\"\r\n        },\r\n        {\r\n        id: 23,\r\n        name: \"Shahid Tondgooyan Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Mahshahr\",\r\n        phone: \"+98 21 8877 6655\",\r\n        email: \"info@tondgooyan.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.7\",\r\n        products: [\"Aromatics\", \"PTA\", \"PET\"],\r\n        desc: \"Specialized in aromatics and polyester chain.\"\r\n        },\r\n        {\r\n        id: 24,\r\n        name: \"Shiraz Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Shiraz\",\r\n        phone: \"+98 71 3222 4455\",\r\n        email: \"info@shirazpetro.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.6\",\r\n        products: [\"Urea\", \"Ammonia\", \"Melamine\"],\r\n        desc: \"Major nitrogen fertilizer producer.\"\r\n        },\r\n        {\r\n        id: 25,\r\n        name: \"Fanavaran Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Mahshahr\",\r\n        phone: \"+98 21 8899 3344\",\r\n        email: \"info@fanavaran.com\",\r\n        verified: \"Gold Verified\",\r\n        rating: \"4.8\",\r\n        products: [\"Methanol\", \"Acetic Acid\"],\r\n        desc: \"Leading methanol and downstream chemicals producer.\"\r\n        },\r\n        {\r\n        id: 26,\r\n        name: \"Kavian Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Assaluyeh\",\r\n        phone: \"+98 21 8855 6677\",\r\n        email: \"info@kavianpetro.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.7\",\r\n        products: [\"Ethylene\"],\r\n        desc: \"One of the largest ethylene producers in Iran.\"\r\n        },\r\n        {\r\n        id: 27,\r\n        name: \"Marun Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Mahshahr\",\r\n        phone: \"+98 21 8866 1122\",\r\n        email: \"info@marunpetro.com\",\r\n        verified: \"Gold Verified\",\r\n        rating: \"4.9\",\r\n        products: [\"Ethylene\", \"Polyethylene\", \"PVC\"],\r\n        desc: \"Large olefins and polymer producer.\"\r\n        },\r\n        {\r\n        id: 28,\r\n        name: \"Pardis Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Assaluyeh\",\r\n        phone: \"+98 21 8877 9988\",\r\n        email: \"info@pardispetro.com\",\r\n        verified: \"Gold Verified\",\r\n        rating: \"4.8\",\r\n        products: [\"Urea\", \"Ammonia\"],\r\n        desc: \"One of the largest urea producers globally.\"\r\n        },\r\n        {\r\n        id: 29,\r\n        name: \"Jam Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Assaluyeh\",\r\n        phone: \"+98 21 8899 7766\",\r\n        email: \"info@jampetro.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.7\",\r\n        products: [\"Ethylene\", \"Polyethylene\"],\r\n        desc: \"Major olefins complex.\"\r\n        },\r\n        {\r\n        id: 30,\r\n        name: \"Bandar Imam Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Bandar Imam Khomeini\",\r\n        phone: \"+98 61 5222 3344\",\r\n        email: \"info@bipc.ir\",\r\n        verified: \"Verified\",\r\n        rating: \"4.6\",\r\n        products: [\"Aromatics\", \"Polymers\", \"Chemicals\"],\r\n        desc: \"One of the oldest and most diversified petrochemical complexes.\"\r\n        },\r\n        {\r\n        id: 31,\r\n        name: \"Mobin Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Assaluyeh\",\r\n        phone: \"+98 21 8855 1122\",\r\n        email: \"info@mobinpetro.com\",\r\n        verified: \"Gold Verified\",\r\n        rating: \"4.8\",\r\n        products: [\"Ethylene\", \"Propylene\", \"Utilities\"],\r\n        desc: \"Largest utility and olefin producer in Assaluyeh.\"\r\n        },\r\n        {\r\n        id: 32,\r\n        name: \"Laleh Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Assaluyeh\",\r\n        phone: \"+98 21 8866 3344\",\r\n        email: \"info@lalehpetro.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.5\",\r\n        products: [\"Polyethylene\", \"Ethylene\"],\r\n        desc: \"Producer of polyethylene and petrochemical products.\"\r\n        },\r\n        {\r\n        id: 33,\r\n        name: \"Takhte Jamshid Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Mahshahr \/ Assaluyeh\",\r\n        phone: \"+98 21 8877 4455\",\r\n        email: \"info@takhtejamshid.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.6\",\r\n        products: [\"Aromatics\", \"Polymers\"],\r\n        desc: \"Producer of aromatic and polymer products.\"\r\n        },\r\n        {\r\n        id: 34,\r\n        name: \"Boushehr Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Bushehr\",\r\n        phone: \"+98 77 3333 2211\",\r\n        email: \"info@boushehrpetro.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.4\",\r\n        products: [\"Methanol\", \"Chemical Products\"],\r\n        desc: \"Petrochemical complex in southern Iran.\"\r\n        },\r\n        {\r\n        id: 35,\r\n        name: \"Ilam Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Ilam\",\r\n        phone: \"+98 84 2222 3344\",\r\n        email: \"info@ilampetro.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.5\",\r\n        products: [\"Ethylene\", \"Polyethylene\"],\r\n        desc: \"Western Iran petrochemical producer.\"\r\n        },\r\n        {\r\n        id: 36,\r\n        name: \"Lorestan Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Lorestan\",\r\n        phone: \"+98 66 3333 1122\",\r\n        email: \"info@lorestanpetro.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.4\",\r\n        products: [\"Polymers\", \"Chemicals\"],\r\n        desc: \"Petrochemical complex in Lorestan province.\"\r\n        }, \r\n        {\r\n        id: 37,\r\n        name: \"Hengam Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Assaluyeh Special Economic Zone\",\r\n        phone: \"+98 21 8877 5544\",\r\n        email: \"info@hengampetro.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.6\",\r\n        products: [\"Methanol\", \"Urea\"],\r\n        desc: \"Producer of methanol and nitrogen-based fertilizers in Assaluyeh.\"\r\n        },\r\n        {\r\n        id: 38,\r\n        name: \"Hormoz Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Bandar Abbas\",\r\n        phone: \"+98 76 3333 2211\",\r\n        email: \"info@hormozpetro.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.5\",\r\n        products: [\"Urea\", \"Ammonia\"],\r\n        desc: \"Southern Iran urea and ammonia producer.\"\r\n        },\r\n        {\r\n        id: 39,\r\n        name: \"Karoon Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Mahshahr\",\r\n        phone: \"+98 61 5222 7788\",\r\n        email: \"info@karoonpetro.com\",\r\n        verified: \"Gold Verified\",\r\n        rating: \"4.7\",\r\n        products: [\"PVC\", \"VCM\", \"Caustic Soda\"],\r\n        desc: \"Major producer of PVC and chlor-alkali products.\"\r\n        },\r\n        {\r\n        id: 40,\r\n        name: \"Kermanshah Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Kermanshah\",\r\n        phone: \"+98 83 4222 3344\",\r\n        email: \"info@kpc.ir\",\r\n        verified: \"Verified\",\r\n        rating: \"4.6\",\r\n        products: [\"Urea\", \"Ammonia\", \"Melamine\"],\r\n        desc: \"Western Iran fertilizer and petrochemical producer.\"\r\n        },\r\n        {\r\n        id: 41,\r\n        name: \"Kimia Pars Khawarmianeh\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Mahshahr\",\r\n        phone: \"+98 21 8866 9988\",\r\n        email: \"info@kimia pars.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.5\",\r\n        products: [\"Chemical Intermediates\", \"Polymers\"],\r\n        desc: \"Specialized chemical and polymer manufacturer.\"\r\n        },\r\n        {\r\n        id: 42,\r\n        name: \"Gachsaran Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Gachsaran\",\r\n        phone: \"+98 74 3222 4455\",\r\n        email: \"info@gpc.ir\",\r\n        verified: \"Verified\",\r\n        rating: \"4.6\",\r\n        products: [\"Ethylene\", \"Polyethylene\"],\r\n        desc: \"Olefin and polymer production complex.\"\r\n        },\r\n        {\r\n        id: 43,\r\n        name: \"Lorestan Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Lorestan Province\",\r\n        phone: \"+98 66 3333 1122\",\r\n        email: \"info@lorestanpetro.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.4\",\r\n        products: [\"Polymers\", \"Chemicals\"],\r\n        desc: \"Petrochemical complex in western Iran.\"\r\n        },\r\n        {\r\n        id: 44,\r\n        name: \"Mahabad Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Mahabad, West Azerbaijan\",\r\n        phone: \"+98 44 2222 3344\",\r\n        email: \"info@mahabadpetro.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.5\",\r\n        products: [\"Urea\", \"Ammonia\"],\r\n        desc: \"Fertilizer producer in northwest Iran.\"\r\n        },\r\n        {\r\n        id: 45,\r\n        name: \"Mehr Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Assaluyeh\",\r\n        phone: \"+98 21 8899 6677\",\r\n        email: \"info@mehrpetro.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.6\",\r\n        products: [\"Methanol\", \"Chemical Products\"],\r\n        desc: \"Methanol and downstream petrochemical producer.\"\r\n        },\r\n        {\r\n        id: 46,\r\n        name: \"Mian Doab Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Mian Doab\",\r\n        phone: \"+98 44 3222 1122\",\r\n        email: \"info@miandoabpetro.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.4\",\r\n        products: [\"Urea\", \"Fertilizers\"],\r\n        desc: \"Agricultural fertilizer producer.\"\r\n        },\r\n        {\r\n        id: 47,\r\n        name: \"Navid Zar Shimi\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Mahshahr\",\r\n        phone: \"+98 21 8877 2233\",\r\n        email: \"info@navidzar.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.5\",\r\n        products: [\"Chemical Intermediates\"],\r\n        desc: \"Specialty chemicals manufacturer.\"\r\n        },\r\n        {\r\n        id: 48,\r\n        name: \"Hegmataneh Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Hamedan\",\r\n        phone: \"+98 81 3333 4455\",\r\n        email: \"info@hegmataneh.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.5\",\r\n        products: [\"Polymers\", \"Chemicals\"],\r\n        desc: \"Petrochemical complex in Hamedan province.\"\r\n        },\r\n        {\r\n        id: 49,\r\n        name: \"Di Arya Polymer Khomein\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Khomein\",\r\n        phone: \"+98 21 8866 5544\",\r\n        email: \"info@diaryapolymer.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.6\",\r\n        products: [\"Polypropylene\"],\r\n        desc: \"Polypropylene production specialist.\"\r\n        },\r\n        {\r\n        id: 50,\r\n        name: \"Lordegan Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Lordegan, Chaharmahal\",\r\n        phone: \"+98 38 3222 3344\",\r\n        email: \"info@lordeganpetro.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.5\",\r\n        products: [\"Urea\", \"Ammonia\"],\r\n        desc: \"Urea fertilizer producer.\"\r\n        },   \r\n        {\r\n        id: 51,\r\n        name: \"Lordegan Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Lordegan, Chaharmahal & Bakhtiari\",\r\n        phone: \"+98 38 3222 3344\",\r\n        email: \"info@lordeganpetro.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.5\",\r\n        products: [\"Urea\", \"Ammonia\"],\r\n        desc: \"Major urea fertilizer producer in central Iran.\"\r\n        },\r\n        {\r\n        id: 52,\r\n        name: \"Marjan Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Assaluyeh\",\r\n        phone: \"+98 21 8899 1122\",\r\n        email: \"info@marjanpetro.com\",\r\n        verified: \"Gold Verified\",\r\n        rating: \"4.7\",\r\n        products: [\"Methanol\"],\r\n        desc: \"Large-scale methanol production complex.\"\r\n        },\r\n        {\r\n        id: 53,\r\n        name: \"Morvarid Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Assaluyeh\",\r\n        phone: \"+98 21 8877 4455\",\r\n        email: \"info@morvaridpetro.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.6\",\r\n        products: [\"Ethylene\", \"Polyethylene\"],\r\n        desc: \"Olefins and polymer producer.\"\r\n        },\r\n        {\r\n        id: 54,\r\n        name: \"Masjed Soleyman Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Masjed Soleyman\",\r\n        phone: \"+98 61 4222 3344\",\r\n        email: \"info@msspc.ir\",\r\n        verified: \"Verified\",\r\n        rating: \"4.5\",\r\n        products: [\"Methanol\", \"Chemical Products\"],\r\n        desc: \"Petrochemical complex in Khuzestan province.\"\r\n        },\r\n        {\r\n        id: 55,\r\n        name: \"Mahabad Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Mahabad, West Azerbaijan\",\r\n        phone: \"+98 44 2222 1122\",\r\n        email: \"info@mahabadpetro.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.4\",\r\n        products: [\"Urea\", \"Ammonia\"],\r\n        desc: \"Fertilizer production in northwest Iran.\"\r\n        },\r\n        {\r\n        id: 56,\r\n        name: \"Mehr Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Assaluyeh\",\r\n        phone: \"+98 21 8899 6677\",\r\n        email: \"info@mehrpetro.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.6\",\r\n        products: [\"Methanol\", \"Downstream Chemicals\"],\r\n        desc: \"Methanol and specialty chemical producer.\"\r\n        },\r\n        {\r\n        id: 57,\r\n        name: \"Mian Doab Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Mian Doab, Zanjan\",\r\n        phone: \"+98 24 3222 3344\",\r\n        email: \"info@miandoabpetro.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.4\",\r\n        products: [\"Urea\", \"Fertilizers\"],\r\n        desc: \"Agricultural fertilizer manufacturer.\"\r\n        },\r\n        {\r\n        id: 58,\r\n        name: \"Navid Zar Shimi\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Mahshahr\",\r\n        phone: \"+98 21 8877 2233\",\r\n        email: \"info@navidzar.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.5\",\r\n        products: [\"Specialty Chemicals\"],\r\n        desc: \"Producer of intermediate chemical products.\"\r\n        },\r\n        {\r\n        id: 59,\r\n        name: \"Hegmataneh Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Hamedan\",\r\n        phone: \"+98 81 3333 4455\",\r\n        email: \"info@hegmataneh.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.5\",\r\n        products: [\"Polymers\", \"Chemicals\"],\r\n        desc: \"Petrochemical complex in Hamedan province.\"\r\n        },\r\n        {\r\n        id: 60,\r\n        name: \"Di Arya Polymer Khomein\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Khomein\",\r\n        phone: \"+98 21 8866 5544\",\r\n        email: \"info@diaryapolymer.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.6\",\r\n        products: [\"Polypropylene\"],\r\n        desc: \"Specialized polypropylene manufacturer.\"\r\n        },\r\n        {\r\n        id: 61,\r\n        name: \"Aryan Methanol\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Assaluyeh\",\r\n        phone: \"+98 21 8899 3344\",\r\n        email: \"info@aryanmethanol.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.7\",\r\n        products: [\"Methanol\"],\r\n        desc: \"Methanol production complex.\"\r\n        },\r\n        {\r\n        id: 62,\r\n        name: \"Arteman Petrochemical\",\r\n        category: \"Chemicals & Polymers\",\r\n        country: \"Iran\",\r\n        address: \"Assaluyeh\",\r\n        phone: \"+98 21 8877 1122\",\r\n        email: \"info@artemanpetro.com\",\r\n        verified: \"Verified\",\r\n        rating: \"4.5\",\r\n        products: [\"Polymers\", \"Chemicals\"],\r\n        desc: \"Various petrochemical products.\"\r\n        },\r\n    ];\r\n\r\n    let isUserRegistered = false;\r\n\r\n    window.addEventListener('DOMContentLoaded', () => {\r\n        isUserRegistered = checkWordPressAuth();\r\n        renderAuthStatus();\r\n        renderSuppliers(initialSuppliers);\r\n        updateCounters(initialSuppliers.length, initialSuppliers.length);\r\n    });\r\n\r\n    function checkWordPressAuth() {\r\n        const wpClassActive = document.body.classList.contains('logged-in');\r\n        const wpCookieActive = document.cookie.split(';').some(item => item.trim().startsWith('wordpress_logged_in_'));\r\n        const wpGlobalVarActive = typeof window.isUserLoggedIn !== 'undefined' && window.isUserLoggedIn === true;\r\n        return wpClassActive || wpCookieActive || wpGlobalVarActive;\r\n    }\r\n\r\n    function redirectToWordPressLogin(isRegister = false) {\r\n        const currentUrl = encodeURIComponent(window.location.href);\r\n        let targetUrl = `\/my-account?redirect_to=${currentUrl}`;\r\n        if (isRegister) targetUrl = `\/my-account?action=register&redirect_to=${currentUrl}`;\r\n        window.location.href = targetUrl;\r\n    }\r\n\r\n    function renderAuthStatus() {\r\n        const statusContainer = document.getElementById('auth-status-container');\r\n        if (isUserRegistered) {\r\n            statusContainer.innerHTML = `<span class=\"flex h-2 w-2 relative\"><span class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75\"><\/span><span class=\"relative inline-flex rounded-full h-2 w-2 bg-emerald-500\"><\/span><\/span><span class=\"text-slate-600 font-medium\">Status: <span class=\"font-bold text-emerald-600\">Premium Member<\/span><\/span>`;\r\n        } else {\r\n            statusContainer.innerHTML = `<i class=\"fa-solid fa-lock text-amber-500\"><\/i><span class=\"text-slate-600\">Guest Access<\/span><span class=\"text-slate-300\">|<\/span><button onclick=\"openAuthModal()\" class=\"text-tendify-600 hover:text-tendify-700 font-bold underline\">Log In \/ Register<\/button>`;\r\n        }\r\n    }\r\n\r\n    function renderSuppliers(list) {\r\n        const grid = document.getElementById('supplier-grid');\r\n        const noResults = document.getElementById('no-results');\r\n        grid.innerHTML = '';\r\n        \r\n        if (list.length === 0) {\r\n            grid.classList.add('hidden');\r\n            noResults.classList.remove('hidden');\r\n            return;\r\n        }\r\n\r\n        grid.classList.remove('hidden');\r\n        noResults.classList.add('hidden');\r\n\r\n        list.forEach(item => {\r\n            const initialLetter = item.name.charAt(0);\r\n            const isGold = item.verified.includes('Gold');\r\n            const badgeClass = isGold ? 'bg-amber-100 text-amber-800 border-amber-200' : 'bg-teal-100 text-teal-800 border-teal-200';\r\n            const badgeIcon = isGold ? 'fa-crown text-amber-500' : 'fa-certificate text-teal-600';\r\n\r\n            let addressDisplay = item.address;\r\n            if (!isUserRegistered) {\r\n                addressDisplay = `<span class=\"locked-blur\">Secret Street, City,<\/span> ${item.country} \ud83d\udd12`;\r\n            }\r\n\r\n            const card = document.createElement('div');\r\n            card.className = \"bg-white rounded-xl shadow-sm border border-slate-200 hover:shadow-md hover:border-slate-300 transition duration-300 flex flex-col justify-between\";\r\n            card.innerHTML = `\r\n                <div class=\"p-5\">\r\n                    <div class=\"flex justify-between items-start mb-4\">\r\n                        <div class=\"w-12 h-12 rounded-lg bg-gradient-to-tr from-slate-100 to-slate-200 text-tendify-900 flex items-center justify-center font-black text-lg shadow-sm\">${initialLetter}<\/div>\r\n                        <span class=\"inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-semibold border ${badgeClass}\"><i class=\"fa-solid ${badgeIcon} mr-1\"><\/i> ${item.verified}<\/span>\r\n                    <\/div>\r\n                    <h3 class=\"font-bold text-slate-800 text-lg hover:text-tendify-600 cursor-pointer transition\" onclick=\"openModal(${item.id})\">${item.name}<\/h3>\r\n                    <p class=\"text-xs text-tendify-600 font-medium mt-1\">${item.category}<\/p>\r\n                    <div class=\"flex items-start text-xs text-slate-500 mt-2\"><i class=\"fa-solid fa-location-dot text-rose-500 mr-1.5 mt-0.5 flex-shrink-0\"><\/i><span>${addressDisplay}<\/span><\/div>\r\n                    <p class=\"text-slate-600 text-xs line-clamp-2 mt-3 leading-relaxed\">${item.desc}<\/p>\r\n                <\/div>\r\n                <div class=\"bg-slate-50 px-5 py-3 border-t border-slate-100 flex items-center justify-between gap-2\">\r\n                    <span class=\"text-xs font-bold text-amber-500\"><i class=\"fa-solid fa-star mr-1\"><\/i>${item.rating}<\/span>\r\n                    <button onclick=\"openModal(${item.id})\" class=\"text-xs font-bold text-tendify-600 hover:text-white hover:bg-tendify-600 px-3 py-1.5 rounded-lg border border-tendify-600 transition flex items-center\">\r\n                        ${isUserRegistered ? 'Contact Details' : '\ud83d\udd12 Unlock Details'} <i class=\"fa-solid fa-arrow-right ml-1.5 text-[10px]\"><\/i>\r\n                    <\/button>\r\n                <\/div>`;\r\n            grid.appendChild(card);\r\n        });\r\n    }\r\n\r\n    function filterSuppliers() {\r\n        const query = document.getElementById('search-input').value.toLowerCase().trim();\r\n        const country = document.getElementById('country-filter').value;\r\n        const category = document.getElementById('category-filter').value;\r\n\r\n        const filtered = initialSuppliers.filter(s => {\r\n            const matchesSearch = !query || \r\n                s.name.toLowerCase().includes(query) || \r\n                s.desc.toLowerCase().includes(query) || \r\n                s.products.some(p => p.toLowerCase().includes(query));\r\n\r\n            const matchesCountry = country === 'all' || s.country === country;\r\n            \r\n            const matchesCategory = category === 'all' || s.category === category;\r\n\r\n            return matchesSearch && matchesCountry && matchesCategory;\r\n        });\r\n\r\n        renderSuppliers(filtered);\r\n        updateCounters(filtered.length, initialSuppliers.length);\r\n    }\r\n\r\n    function clearFilters() {\r\n        document.getElementById('search-input').value = '';\r\n        document.getElementById('country-filter').value = 'all';\r\n        document.getElementById('category-filter').value = 'all';\r\n        filterSuppliers();\r\n    }\r\n\r\n    function updateCounters(displayed, total) {\r\n        document.getElementById('displayed-count').innerText = displayed;\r\n        document.getElementById('total-count').innerText = total;\r\n    }\r\n\r\n    function openModal(id) {\r\n        const supplier = initialSuppliers.find(s => s.id === id);\r\n        if (!supplier) return;\r\n\r\n        document.getElementById('modal-logo-placeholder').innerText = supplier.name.substring(0,2).toUpperCase();\r\n        document.getElementById('modal-company-name').innerText = supplier.name;\r\n        document.getElementById('modal-category').innerText = supplier.category;\r\n        \r\n        if (isUserRegistered) {\r\n            document.getElementById('modal-location').innerText = supplier.address;\r\n            document.getElementById('modal-phone').innerText = supplier.phone;\r\n            document.getElementById('modal-email').innerText = supplier.email;\r\n            document.getElementById('modal-phone').classList.remove('locked-blur');\r\n            document.getElementById('modal-email').classList.remove('locked-blur');\r\n            document.getElementById('btn-copy-phone').style.display = \"block\";\r\n            document.getElementById('btn-copy-email').style.display = \"block\";\r\n            document.getElementById('contacts-lock-overlay').classList.add('hidden');\r\n        } else {\r\n            document.getElementById('modal-location').innerHTML = `<span class=\"locked-blur\">102 Secret Road,<\/span> ${supplier.country}`;\r\n            document.getElementById('modal-phone').innerText = supplier.phone.substring(0, 5) + \" \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022\";\r\n            document.getElementById('modal-email').innerText = supplier.email.substring(0, 2) + \"\u2022\u2022\u2022\u2022@\u2022\u2022\u2022\u2022.com\";\r\n            document.getElementById('modal-phone').classList.add('locked-blur');\r\n            document.getElementById('modal-email').classList.add('locked-blur');\r\n            document.getElementById('btn-copy-phone').style.display = \"none\";\r\n            document.getElementById('btn-copy-email').style.display = \"none\";\r\n            document.getElementById('contacts-lock-overlay').classList.remove('hidden');\r\n        }\r\n\r\n        document.getElementById('modal-desc').innerText = supplier.desc;\r\n        const isGold = supplier.verified.includes('Gold');\r\n        document.getElementById('modal-badge-container').innerHTML = isGold \r\n            ? `<span class=\"bg-amber-100 text-amber-800 text-[10px] font-bold px-2 py-0.5 rounded border border-amber-200\"><i class=\"fa-solid fa-crown mr-1\"><\/i>Gold<\/span>`\r\n            : `<span class=\"bg-teal-100 text-teal-800 text-[10px] font-bold px-2 py-0.5 rounded border border-teal-200\"><i class=\"fa-solid fa-certificate mr-1\"><\/i>Verified<\/span>`;\r\n\r\n        document.getElementById('modal-products').innerHTML = supplier.products.map(p => \r\n            `<span class=\"bg-white border border-slate-200 text-slate-700 text-xs px-2.5 py-1 rounded font-medium shadow-sm\">${p}<\/span>`\r\n        ).join('');\r\n\r\n        document.getElementById('supplier-modal').classList.remove('hidden');\r\n    }\r\n\r\n    function closeModal() {\r\n        document.getElementById('supplier-modal').classList.add('hidden');\r\n    }\r\n\r\n    function openAuthModal() { document.getElementById('auth-modal').classList.remove('hidden'); }\r\n    function closeAuthModal() { document.getElementById('auth-modal').classList.add('hidden'); }\r\n    function openSubmitModal() { document.getElementById('add-supplier-modal').classList.remove('hidden'); }\r\n    \r\n    function closeSubmitModal() { \r\n        document.getElementById('add-supplier-modal').classList.add('hidden'); \r\n        document.getElementById('form-fields-container').classList.remove('hidden');\r\n        document.getElementById('submit-success-msg').classList.add('hidden');\r\n    }\r\n\r\n    function handleInquirySubmit(e) {\r\n        e.preventDefault();\r\n        closeModal();\r\n        showToast(\"Inquiry submitted securely to supplier queue.\");\r\n    }\r\n\r\n    function getWpPostId() {\r\n        if (window.elementorFrontend?.config?.post?.id) return elementorFrontend.config.post.id;\r\n        const bodyClasses = document.body.className.split(' ');\r\n        for (const cls of bodyClasses) {\r\n            if (cls.startsWith('page-id-') || cls.startsWith('postid-')) {\r\n                return cls.replace('page-id-', '').replace('postid-', '');\r\n            }\r\n        }\r\n        return '1';\r\n    }\r\n\r\n    function handleWpCommentSubmit(e) {\r\n        e.preventDefault();\r\n        const loading = document.getElementById('submit-loading-msg');\r\n        const success = document.getElementById('submit-success-msg');\r\n        const fields = document.getElementById('form-fields-container');\r\n        \r\n        loading.classList.remove('hidden');\r\n\r\n        const name = document.getElementById('add-name').value;\r\n        const country = document.getElementById('add-country').value;\r\n        const category = document.getElementById('add-category').value;\r\n        const email = document.getElementById('add-email').value;\r\n        const phone = document.getElementById('add-phone').value;\r\n        const products = document.getElementById('add-products').value;\r\n        const desc = document.getElementById('add-desc').value;\r\n\r\n        const formattedComment = `--- NEW DIRECTORY APPLICATION ---\r\nCompany: ${name}\r\nCountry: ${country}\r\nCategory: ${category}\r\nContact Email: ${email}\r\nPhone\/WA: ${phone}\r\nProducts: ${products}\r\nOverview: ${desc}`;\r\n\r\n        const params = new URLSearchParams();\r\n        params.append('author', name);\r\n        params.append('email', email);\r\n        params.append('comment', formattedComment);\r\n        params.append('comment_post_ID', getWpPostId());\r\n        params.append('comment_parent', '0');\r\n\r\n        fetch('\/wp-comments-post.php', {\r\n            method: 'POST',\r\n            headers: { 'Content-Type': 'application\/x-www-form-urlencoded' },\r\n            body: params.toString()\r\n        })\r\n        .then(() => {\r\n            loading.classList.add('hidden');\r\n            success.classList.remove('hidden');\r\n            fields.classList.add('hidden');\r\n            setTimeout(closeSubmitModal, 4000);\r\n        })\r\n        .catch(() => {\r\n            loading.classList.add('hidden');\r\n            showToast(\"Network error. Please try again.\", \"fa-circle-xmark\", \"rose\");\r\n        });\r\n    }\r\n\r\n    function copyToClipboard(elementId) {\r\n        const text = document.getElementById(elementId).innerText;\r\n        if (navigator.clipboard) {\r\n            navigator.clipboard.writeText(text).then(() => showToast(\"Copied to clipboard!\"));\r\n        } else {\r\n            const el = document.createElement('textarea');\r\n            el.value = text;\r\n            document.body.appendChild(el);\r\n            el.select();\r\n            document.execCommand('copy');\r\n            document.body.removeChild(el);\r\n            showToast(\"Copied to clipboard!\");\r\n        }\r\n    }\r\n\r\n    function showToast(msg, icon = \"fa-circle-check\", color = \"emerald\") {\r\n        const toast = document.getElementById('toast');\r\n        const toastIcon = document.getElementById('toast-icon');\r\n        const toastMsg = document.getElementById('toast-msg');\r\n\r\n        toastMsg.innerText = msg;\r\n        toastIcon.className = `fa-solid ${icon}`;\r\n        toastIcon.style.color = color === \"rose\" ? \"#ef4444\" : \"#10b981\";\r\n\r\n        toast.classList.remove('translate-y-20', 'opacity-0');\r\n        setTimeout(() => toast.classList.add('translate-y-20', 'opacity-0'), 3000);\r\n    }\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\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-c18b957 e-flex e-con-boxed e-con e-parent\" data-id=\"c18b957\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-392e35f elementor-widget elementor-widget-html\" data-id=\"392e35f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u0628\u062e\u0634 \u0641\u06cc\u0644\u062a\u0631 \u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u062a\u062e\u0635\u0635\u06cc + \u0641\u0631\u0645 \u062b\u0628\u062a\u200c\u0646\u0627\u0645 \u062a\u0627\u0645\u06cc\u0646\u200c\u06a9\u0646\u0646\u062f\u0647 -->\r\n<div class=\"max-w-2xl mx-auto space-y-8 p-6 bg-white rounded-2xl shadow-sm border border-slate-100\">\r\n   \r\n    <!-- \u06f1. \u0641\u06cc\u0644\u062a\u0631 \u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc (\u0627\u0635\u0644\u0627\u062d \u0634\u062f\u0647 - ID \u0645\u062a\u0641\u0627\u0648\u062a) -->\r\n    <div>\r\n        <label for=\"extra-category-filter\" class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-2\">Category Filter<\/label>\r\n        <select id=\"extra-category-filter\" class=\"block w-full px-3 py-2.5 border border-slate-300 rounded-lg text-sm bg-slate-50 focus:bg-white focus:ring-2 focus:ring-tendify-500 focus:border-tendify-500 transition outline-none cursor-pointer custom-scrollbar\">\r\n            <option value=\"all\">All Categories<\/option>\r\n            <optgroup label=\"\u26a1 Energy & Petroleum\">\r\n                <option value=\"Petroleum & Bitumen\">Bitumen & Asphalt Binders<\/option>\r\n                <option value=\"Petroleum & Fuels\">Petroleum & Fuels<\/option>\r\n                <option value=\"LPG, LNG & Gas Products\">LPG, LNG & Gas Products<\/option>\r\n            <\/optgroup>\r\n            <optgroup label=\"\ud83e\uddea Chemicals & Polymers\">\r\n                <option value=\"Chemicals & Polymers\">Polymers & Plastic Resins<\/option>\r\n                <option value=\"Chemicals & Polymers\">Industrial Chemicals<\/option>\r\n            <\/optgroup>\r\n            <optgroup label=\"\ud83c\udfd7\ufe0f Construction & Infrastructure\">\r\n                <option value=\"Construction & Cement\">Cement, Clinker & Gypsum<\/option>\r\n            <\/optgroup>\r\n            <optgroup label=\"\u2699\ufe0f Machinery & Industrial Equipment\">\r\n                <option value=\"Industrial Equipment\">Heavy Machinery & Mining Equip<\/option>\r\n                <option value=\"Industrial Equipment\">Manufacturing & Process Lines<\/option>\r\n            <\/optgroup>\r\n            <optgroup label=\"\ud83c\udf3e Agriculture & Bulk Food\">\r\n                <option value=\"Agriculture & Food\">Grains, Wheat & Corn<\/option>\r\n            <\/optgroup>\r\n        <\/select>\r\n    <\/div>\r\n\r\n    <!-- \u062e\u0637 \u062c\u062f\u0627\u06a9\u0646\u0646\u062f\u0647 -->\r\n    <div class=\"relative flex py-2 items-center\">\r\n        <div class=\"flex-grow border-t border-slate-200\"><\/div>\r\n        <span class=\"flex-shrink mx-4 text-xs font-bold text-slate-400 uppercase tracking-wider\">Join Our Directory<\/span>\r\n        <div class=\"flex-grow border-t border-slate-200\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- \u06f2. \u0641\u0631\u0645 \u062b\u0628\u062a\u200c\u0646\u0627\u0645 \u062a\u0627\u0645\u06cc\u0646\u200c\u06a9\u0646\u0646\u062f\u0647 -->\r\n    <div class=\"bg-slate-50 p-6 rounded-xl border border-slate-200\/80 space-y-4\">\r\n        <div>\r\n            <h3 class=\"text-sm font-bold text-slate-800 mb-1\">Are you a Supplier?<\/h3>\r\n            <p class=\"text-xs text-slate-500 leading-relaxed\">Submit your business profile below. Once approved, your listing will be published.<\/p>\r\n        <\/div>\r\n\r\n        <form id=\"supplier-join-form\" onsubmit=\"handleSupplierSubmit(event)\" class=\"space-y-4\">\r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n                <div>\r\n                    <label for=\"sup-company\" class=\"block text-xs font-semibold text-slate-600 mb-1.5\">Company Name <span class=\"text-red-500\">*<\/span><\/label>\r\n                    <input type=\"text\" id=\"sup-company\" required placeholder=\"e.g., Global Petro Corp\" class=\"block w-full px-3 py-2 border border-slate-300 rounded-lg text-sm bg-white focus:ring-2 focus:ring-tendify-500 focus:border-tendify-500 transition outline-none\">\r\n                <\/div>\r\n                <div>\r\n                    <label for=\"sup-contact\" class=\"block text-xs font-semibold text-slate-600 mb-1.5\">Contact Person <span class=\"text-red-500\">*<\/span><\/label>\r\n                    <input type=\"text\" id=\"sup-contact\" required placeholder=\"e.g., John Doe\" class=\"block w-full px-3 py-2 border border-slate-300 rounded-lg text-sm bg-white focus:ring-2 focus:ring-tendify-500 focus:border-tendify-500 transition outline-none\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n                <div>\r\n                    <label for=\"sup-email\" class=\"block text-xs font-semibold text-slate-600 mb-1.5\">Business Email <span class=\"text-red-500\">*<\/span><\/label>\r\n                    <input type=\"email\" id=\"sup-email\" required placeholder=\"e.g., info@company.com\" class=\"block w-full px-3 py-2 border border-slate-300 rounded-lg text-sm bg-white focus:ring-2 focus:ring-tendify-500 focus:border-tendify-500 transition outline-none\">\r\n                <\/div>\r\n                <div>\r\n                    <label for=\"sup-phone\" class=\"block text-xs font-semibold text-slate-600 mb-1.5\">Phone \/ WhatsApp <span class=\"text-red-500\">*<\/span><\/label>\r\n                    <input type=\"tel\" id=\"sup-phone\" required placeholder=\"e.g., +971 50 123 4567\" class=\"block w-full px-3 py-2 border border-slate-300 rounded-lg text-sm bg-white focus:ring-2 focus:ring-tendify-500 focus:border-tendify-500 transition outline-none\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n                <div>\r\n                    <label for=\"sup-country\" class=\"block text-xs font-semibold text-slate-600 mb-1.5\">Country <span class=\"text-red-500\">*<\/span><\/label>\r\n                    <input type=\"text\" id=\"sup-country\" required placeholder=\"e.g., Germany, UAE, Turkey\" class=\"block w-full px-3 py-2 border border-slate-300 rounded-lg text-sm bg-white focus:ring-2 focus:ring-tendify-500 focus:border-tendify-500 transition outline-none\">\r\n                <\/div>\r\n                <div>\r\n                    <label for=\"sup-category\" class=\"block text-xs font-semibold text-slate-600 mb-1.5\">Target Category <span class=\"text-red-500\">*<\/span><\/label>\r\n                    <select id=\"sup-category\" required class=\"block w-full px-3 py-2 border border-slate-300 rounded-lg text-sm bg-white focus:ring-2 focus:ring-tendify-500 focus:border-tendify-500 transition outline-none cursor-pointer\">\r\n                        <option value=\"\">Select Category...<\/option>\r\n                        <option value=\"Petroleum & Bitumen\">Energy & Petroleum<\/option>\r\n                        <option value=\"Chemicals & Polymers\">Chemicals & Polymers<\/option>\r\n                        <option value=\"Construction & Cement\">Construction & Cement<\/option>\r\n                        <option value=\"Industrial Equipment\">Industrial Equipment<\/option>\r\n                        <option value=\"Agriculture & Food\">Agriculture & Food<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div>\r\n                <label for=\"sup-message\" class=\"block text-xs font-semibold text-slate-600 mb-1.5\">Products Details & Specifications<\/label>\r\n                <textarea id=\"sup-message\" rows=\"4\" placeholder=\"List your key products, capacity, certifications...\" class=\"block w-full px-3 py-2 border border-slate-300 rounded-lg text-sm bg-white focus:ring-2 focus:ring-tendify-500 focus:border-tendify-500 transition outline-none resize-none\"><\/textarea>\r\n            <\/div>\r\n\r\n            <button type=\"submit\" id=\"submit-btn\" class=\"w-full py-2.5 px-4 bg-slate-800 hover:bg-slate-900 text-white font-medium text-sm rounded-lg shadow-sm transition-all focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-slate-800 flex items-center justify-center space-x-2\">\r\n                <span id=\"btn-text\">Submit Directory Application<\/span>\r\n                <span id=\"btn-spinner\" class=\"hidden\">\r\n                    <svg class=\"animate-spin h-5 w-5 text-white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\r\n                        <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\r\n                        <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\r\n                    <\/svg>\r\n                <\/span>\r\n            <\/button>\r\n        <\/form>\r\n\r\n        <!-- \u067e\u06cc\u0627\u0645 \u0645\u0648\u0641\u0642\u06cc\u062a -->\r\n        <div id=\"submission-success\" class=\"hidden p-4 bg-emerald-50 border border-emerald-200 rounded-lg flex items-start space-x-3\">\r\n            <svg class=\"w-5 h-5 text-emerald-600 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n            <\/svg>\r\n            <div>\r\n                <h4 class=\"text-sm font-bold text-emerald-800\">Application Submitted!<\/h4>\r\n                <p class=\"text-xs text-emerald-600 mt-1\">Thank you. Your request has been sent to moderation.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u067e\u06cc\u0627\u0645 \u062e\u0637\u0627 -->\r\n        <div id=\"submission-error\" class=\"hidden p-4 bg-rose-50 border border-rose-200 rounded-lg flex items-start space-x-3\">\r\n            <svg class=\"w-5 h-5 text-rose-600 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n            <\/svg>\r\n            <div>\r\n                <h4 class=\"text-sm font-bold text-rose-800\">Submission Failed<\/h4>\r\n                <p id=\"error-desc\" class=\"text-xs text-rose-600 mt-1\"><\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ \u0641\u0642\u0637 \u062a\u0648\u0627\u0628\u0639 \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0627\u06cc\u0646 \u0641\u0631\u0645 (\u0628\u062f\u0648\u0646 \u062a\u062f\u0627\u062e\u0644 \u0628\u0627 filterSuppliers \u0627\u0635\u0644\u06cc)\r\n    function getWordPressPostId() {\r\n        if (window.elementorFrontend?.config?.post?.id) {\r\n            return elementorFrontend.config.post.id;\r\n        }\r\n        const bodyClasses = document.body.className.split(' ');\r\n        for (const cls of bodyClasses) {\r\n            if (cls.startsWith('page-id-')) return cls.replace('page-id-', '');\r\n            if (cls.startsWith('postid-')) return cls.replace('postid-', '');\r\n        }\r\n        const wpPostIdInput = document.querySelector('input[name=\"comment_post_ID\"]');\r\n        if (wpPostIdInput) return wpPostIdInput.value;\r\n        return '1';\r\n    }\r\n\r\n    function handleSupplierSubmit(event) {\r\n        event.preventDefault();\r\n        \r\n        const submitBtn = document.getElementById('submit-btn');\r\n        const btnText = document.getElementById('btn-text');\r\n        const btnSpinner = document.getElementById('btn-spinner');\r\n        const successBanner = document.getElementById('submission-success');\r\n        const errorBanner = document.getElementById('submission-error');\r\n        const form = document.getElementById('supplier-join-form');\r\n\r\n        \/\/ \u0644\u0648\u062f\u06cc\u0646\u06af\r\n        submitBtn.disabled = true;\r\n        btnText.innerText = \"Submitting Application...\";\r\n        btnSpinner.classList.remove('hidden');\r\n        successBanner.classList.add('hidden');\r\n        errorBanner.classList.add('hidden');\r\n\r\n        \/\/ \u062c\u0645\u0639\u200c\u0622\u0648\u0631\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a\r\n        const company = document.getElementById('sup-company').value;\r\n        const contact = document.getElementById('sup-contact').value;\r\n        const email = document.getElementById('sup-email').value;\r\n        const phone = document.getElementById('sup-phone').value;\r\n        const country = document.getElementById('sup-country').value;\r\n        const category = document.getElementById('sup-category').value;\r\n        const message = document.getElementById('sup-message').value;\r\n\r\n        const commentBody = `--- NEW SUPPLIER APPLICATION ---\r\n\u2022 Company Name: ${company}\r\n\u2022 Contact Person: ${contact}\r\n\u2022 Business Email: ${email}\r\n\u2022 Phone \/ WhatsApp: ${phone}\r\n\u2022 Country: ${country}\r\n\u2022 Target Category: ${category}\r\n\u2022 Products & Details:\r\n${message || 'No details provided.'}\r\n---------------------------------`;\r\n\r\n        const postId = getWordPressPostId();\r\n\r\n        const params = new URLSearchParams();\r\n        params.append('author', contact);\r\n        params.append('email', email);\r\n        params.append('comment', commentBody);\r\n        params.append('comment_post_ID', postId);\r\n        params.append('comment_parent', '0');\r\n\r\n        fetch('\/wp-comments-post.php', {\r\n            method: 'POST',\r\n            headers: { 'Content-Type': 'application\/x-www-form-urlencoded' },\r\n            body: params.toString()\r\n        })\r\n        .then(response => {\r\n            if (response.ok || response.redirected) {\r\n                form.classList.add('hidden');\r\n                successBanner.classList.remove('hidden');\r\n                form.reset();\r\n            } else {\r\n                throw new Error(\"Submission rejected\");\r\n            }\r\n        })\r\n        .catch(err => {\r\n            console.error(err);\r\n            document.getElementById('error-desc').innerText = \"Please check your connection or try again later.\";\r\n            errorBanner.classList.remove('hidden');\r\n        })\r\n        .finally(() => {\r\n            submitBtn.disabled = false;\r\n            btnText.innerText = \"Submit Directory Application\";\r\n            btnSpinner.classList.add('hidden');\r\n        });\r\n    }\r\n<\/script>\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-12e8a89 e-flex e-con-boxed e-con e-parent\" data-id=\"12e8a89\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17e8b64 elementor-widget elementor-widget-html\" data-id=\"17e8b64\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- How It Works Section - Add this to the bottom of your page -->\r\n<div class=\"max-w-2xl mx-auto space-y-6 p-6 bg-white rounded-2xl shadow-sm border border-slate-100 mt-8\">\r\n    \r\n    <!-- Section Header -->\r\n    <div class=\"text-center md:text-left\">\r\n        <h3 class=\"text-lg font-bold text-slate-800\">Supplier Onboarding & Directory Guide<\/h3>\r\n        <p class=\"text-xs text-slate-500 mt-1\">Learn how our global B2B procurement catalog handles filtration, sourcing requests, and supplier onboarding pipelines.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Step-by-Step Cards -->\r\n    <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\r\n        \r\n        <!-- Step 1 Card -->\r\n        <div class=\"bg-slate-50 p-4 rounded-xl border border-slate-100 flex flex-col justify-between\">\r\n            <div>\r\n                <div class=\"w-8 h-8 rounded-lg bg-slate-200 flex items-center justify-center text-slate-700 font-bold text-sm mb-3\">1<\/div>\r\n                <h4 class=\"text-xs font-bold text-slate-800 mb-1\">Fill the Profile<\/h4>\r\n                <p class=\"text-[11px] text-slate-500 leading-relaxed\">Submit your official business name, active communication channels (Email\/WhatsApp), and precise supply capacities.<\/p>\r\n            <\/div>\r\n            <div class=\"mt-3 pt-2 border-t border-slate-200\/50 text-[10px] text-slate-400 font-medium\">Step 1: Application<\/div>\r\n        <\/div>\r\n\r\n        <!-- Step 2 Card -->\r\n        <div class=\"bg-slate-50 p-4 rounded-xl border border-slate-100 flex flex-col justify-between\">\r\n            <div>\r\n                <div class=\"w-8 h-8 rounded-lg bg-slate-200 flex items-center justify-center text-slate-700 font-bold text-sm mb-3\">2<\/div>\r\n                <h4 class=\"text-xs font-bold text-slate-800 mb-1\">System Verification<\/h4>\r\n                <p class=\"text-[11px] text-slate-500 leading-relaxed\">Our directory captures your submission as an entry in the WordPress moderation queue. Our specialists verify target products and documentation.<\/p>\r\n            <\/div>\r\n            <div class=\"mt-3 pt-2 border-t border-slate-200\/50 text-[10px] text-slate-400 font-medium\">Step 2: Moderation<\/div>\r\n        <\/div>\r\n\r\n        <!-- Step 3 Card -->\r\n        <div class=\"bg-slate-50 p-4 rounded-xl border border-slate-100 flex flex-col justify-between\">\r\n            <div>\r\n                <div class=\"w-8 h-8 rounded-lg bg-emerald-100 text-emerald-800 flex items-center justify-center font-bold text-sm mb-3\">\r\n                    <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M5 13l4 4L19 7\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h4 class=\"text-xs font-bold text-slate-800 mb-1\">Catalog Publishing<\/h4>\r\n                <p class=\"text-[11px] text-slate-500 leading-relaxed\">Once approved, your company profile is indexed in the specific target industry categories and will immediately appear in search results.<\/p>\r\n            <\/div>\r\n            <div class=\"mt-3 pt-2 border-t border-slate-200\/50 text-[10px] text-emerald-600 font-semibold\">Step 3: Verification<\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Security & Submission Guidelines -->\r\n    <div class=\"p-4 rounded-xl border border-slate-150 bg-slate-50\/50 space-y-3\">\r\n        <h4 class=\"text-xs font-bold text-slate-800 flex items-center gap-1.5\">\r\n            <svg class=\"w-4 h-4 text-slate-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n            <\/svg>\r\n            Important Directory Submission Policies\r\n        <\/h4>\r\n        \r\n        <ul class=\"space-y-2 text-[11px] text-slate-500 leading-relaxed list-none pl-0\">\r\n            <li class=\"flex items-start gap-2\">\r\n                <span class=\"w-1.5 h-1.5 rounded-full bg-slate-400 mt-1.5 flex-shrink-0\"><\/span>\r\n                <span><strong>Accurate Categorization:<\/strong> Select the exact sub-category that matches your trade focus. Incorrect classifications will delay the moderation cycle.<\/span>\r\n            <\/li>\r\n            <li class=\"flex items-start gap-2\">\r\n                <span class=\"w-1.5 h-1.5 rounded-full bg-slate-400 mt-1.5 flex-shrink-0\"><\/span>\r\n                <span><strong>Anti-Spam Filter:<\/strong> WordPress comments are monitored by automated algorithms. Duplicate submissions or empty\/fraudulent contact numbers will be blacklisted permanently.<\/span>\r\n            <\/li>\r\n            <li class=\"flex items-start gap-2\">\r\n                <span class=\"w-1.5 h-1.5 rounded-full bg-slate-400 mt-1.5 flex-shrink-0\"><\/span>\r\n                <span><strong>Data Updates:<\/strong> If you need to modify an already published listing, resubmit the form with the same email and note \"UPDATE REQUEST\" inside the specifications field.<\/span>\r\n            <\/li>\r\n        <\/ul>\r\n    <\/div>\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>Tendify &#8211; Global Trusted Supplier Directory Premium B2B Hub Verified Global Suppliers Browse pre-vetted, high-capacity manufacturers and trading companies globally.<\/p>","protected":false},"author":15,"featured_media":18450,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[767],"tags":[],"class_list":["post-18436","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\/18436","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=18436"}],"version-history":[{"count":3,"href":"https:\/\/tendify.net\/ar\/wp-json\/wp\/v2\/posts\/18436\/revisions"}],"predecessor-version":[{"id":18830,"href":"https:\/\/tendify.net\/ar\/wp-json\/wp\/v2\/posts\/18436\/revisions\/18830"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tendify.net\/ar\/wp-json\/wp\/v2\/media\/18450"}],"wp:attachment":[{"href":"https:\/\/tendify.net\/ar\/wp-json\/wp\/v2\/media?parent=18436"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tendify.net\/ar\/wp-json\/wp\/v2\/categories?post=18436"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tendify.net\/ar\/wp-json\/wp\/v2\/tags?post=18436"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}