{"id":14,"date":"2026-08-15T02:01:17","date_gmt":"2026-08-15T02:01:17","guid":{"rendered":"https:\/\/erp.arminco-ice.com\/?p=14"},"modified":"2026-08-15T02:38:05","modified_gmt":"2026-08-15T02:38:05","slug":"14","status":"publish","type":"post","link":"https:\/\/erp.arminco-ice.com\/?p=14","title":{"rendered":""},"content":{"rendered":"<div id=\"perp-single-project\" class=\"min-h-screen bg-navy-50 p-4 md:p-8 font-sans\" dir=\"rtl\">\n    <div class=\"max-w-7xl mx-auto space-y-6\">\n        \n        <div id=\"perp-project-data\" data-id=\"25\" class=\"hidden\"><\/div>\n\n        <!-- Header -->\n        <div class=\"bg-white rounded-2xl shadow-sm border border-navy-100 p-6 flex flex-col md:flex-row items-start md:items-center justify-between gap-4\">\n            <div>\n                <div class=\"flex items-center gap-3 mb-2\">\n                    <span class=\"bg-navy-600 text-white px-2.5 py-1 rounded-md text-xs font-bold\">\u0641\u0639\u0627\u0644<\/span>\n                    <span class=\"text-navy-400 font-mono text-sm\">#PRJ-25<\/span>\n                <\/div>\n                <h1 class=\"text-2xl font-bold text-navy-900\">asdasd555<\/h1>\n                <p class=\"text-navy-600 mt-1 flex items-center gap-2\">\n                    <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\"><\/path><\/svg>\n                    \u062c\u0632\u0626\u06cc\u0627\u062a \u067e\u0631\u0648\u0698\u0647 \u0648 \u0632\u0645\u0627\u0646\u200c\u0628\u0646\u062f\u06cc\n                <\/p>\n            <\/div>\n            <div class=\"flex items-center gap-3 w-full md:w-auto\">\n                <button class=\"flex-1 md:flex-none px-5 py-2.5 bg-white border border-navy-200 text-navy-700 rounded-xl hover:bg-navy-50 transition-colors text-sm font-bold shadow-sm\">\u0648\u06cc\u0631\u0627\u06cc\u0634 \u067e\u0631\u0648\u0698\u0647<\/button>\n                <button class=\"flex-1 md:flex-none px-5 py-2.5 bg-lightred-500 text-white rounded-xl hover:bg-lightred-600 transition-colors text-sm font-bold shadow-sm\">\u062a\u0648\u0642\u0641 \u0645\u0648\u0642\u062a<\/button>\n            <\/div>\n        <\/div>\n\n        <!-- Tabs Navigation -->\n        <div class=\"bg-white rounded-2xl shadow-sm border border-navy-100 p-2 flex overflow-x-auto hide-scrollbar\">\n            <button data-tab=\"info\" class=\"tab-btn active min-w-max px-6 py-2.5 rounded-xl text-sm font-bold transition-all bg-navy-50 text-navy-900 border border-navy-100\">\u0627\u0637\u0644\u0627\u0639\u0627\u062a \u067e\u0627\u06cc\u0647<\/button>\n            <button data-tab=\"meetings\" class=\"tab-btn min-w-max px-6 py-2.5 rounded-xl text-sm font-bold transition-all text-navy-600 hover:text-navy-900 hover:bg-navy-50\">\u062c\u0644\u0633\u0627\u062a<\/button>\n            <button data-tab=\"tasks\" class=\"tab-btn min-w-max px-6 py-2.5 rounded-xl text-sm font-bold transition-all text-navy-600 hover:text-navy-900 hover:bg-navy-50\">\u0645\u0631\u0627\u062d\u0644 \u0633\u0627\u062e\u062a<\/button>\n            <button data-tab=\"gantt\" class=\"tab-btn min-w-max px-6 py-2.5 rounded-xl text-sm font-bold transition-all text-navy-600 hover:text-navy-900 hover:bg-navy-50\">\u06af\u0627\u0646\u062a \u0686\u0627\u0631\u062a<\/button>\n        <\/div>\n\n        <!-- Tabs Content -->\n        <div class=\"bg-white rounded-2xl shadow-sm border border-navy-100 overflow-hidden min-h-[400px]\">\n            \n            <!-- Tab: Info -->\n            <div id=\"tab-info\" class=\"tab-content p-6 block\">\n                <h3 class=\"text-lg font-bold text-navy-900 mb-6\">\u0645\u0634\u062e\u0635\u0627\u062a \u0641\u0646\u06cc \u0648 \u0642\u0631\u0627\u0631\u062f\u0627\u062f<\/h3>\n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n                    <div class=\"space-y-4\">\n                        <div class=\"border-b border-navy-50 pb-4\">\n                            <span class=\"block text-xs text-navy-400 font-bold mb-1\">\u06a9\u062f \u0645\u0634\u062a\u0631\u06cc (\u0622\u06cc\u062f\u06cc)<\/span>\n                            <span class=\"text-navy-800\" id=\"perp-info-customer\">\u062f\u0631 \u062d\u0627\u0644 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc...<\/span>\n                        <\/div>\n                        <div class=\"border-b border-navy-50 pb-4\">\n                            <span class=\"block text-xs text-navy-400 font-bold mb-1\">\u062a\u0627\u0631\u06cc\u062e \u0634\u0631\u0648\u0639 \u067e\u0631\u0648\u0698\u0647<\/span>\n                            <span class=\"text-navy-800 font-mono\" id=\"perp-info-start\">\u062f\u0631 \u062d\u0627\u0644 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc...<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"space-y-4\">\n                        <div class=\"border-b border-navy-50 pb-4\">\n                            <span class=\"block text-xs text-navy-400 font-bold mb-1\">\u06a9\u062f \u0645\u0627\u0634\u06cc\u0646\u200c\u0622\u0644\u0627\u062a<\/span>\n                            <span class=\"text-navy-800\" id=\"perp-info-machine\">\u062f\u0631 \u062d\u0627\u0644 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc...<\/span>\n                        <\/div>\n                        <div class=\"border-b border-navy-50 pb-4\">\n                            <span class=\"block text-xs text-navy-400 font-bold mb-1\">\u0645\u0648\u0639\u062f \u062a\u062d\u0648\u06cc\u0644 \u0646\u0647\u0627\u06cc\u06cc (\u067e\u0627\u06cc\u0627\u0646 \u0641\u0627\u0632 \u06f2\u06f0)<\/span>\n                            <span class=\"text-navy-800 font-mono\" id=\"perp-info-end\">\u062f\u0631 \u062d\u0627\u0644 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc...<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Tab: Meetings -->\n            <div id=\"tab-meetings\" class=\"tab-content p-0 hidden\">\n                <div class=\"p-6 border-b border-navy-100 flex justify-between items-center bg-white rounded-t-2xl\">\n                    <h3 class=\"text-lg font-bold text-navy-900\">\u0633\u0648\u0627\u0628\u0642 \u062c\u0644\u0633\u0627\u062a \u067e\u0631\u0648\u0698\u0647<\/h3>\n                    <a href=\"\/?page_id=YOUR_PAGE_ID\" id=\"perp-new-meeting-btn\" class=\"bg-lightred-500 text-white px-4 py-2 rounded-xl text-sm font-bold shadow-sm hover:bg-lightred-600 transition-colors\">\u062b\u0628\u062a \u0635\u0648\u0631\u062a\u062c\u0644\u0633\u0647 \u062c\u062f\u06cc\u062f +<\/a>\n                <\/div>\n                <div class=\"overflow-x-auto\">\n                    <table class=\"w-full text-right border-collapse\">\n                        <thead class=\"bg-navy-50 text-navy-700 text-sm border-b border-navy-100\">\n                            <tr>\n                                <th class=\"p-4 font-bold\">\u0645\u0648\u0636\u0648\u0639 \u062c\u0644\u0633\u0647<\/th>\n                                <th class=\"p-4 font-bold\">\u062a\u0627\u0631\u06cc\u062e<\/th>\n                                <th class=\"p-4 font-bold\">\u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u0648 \u0645\u0635\u0648\u0628\u0627\u062a<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody id=\"perp-meetings-table-body\" class=\"divide-y divide-navy-50 text-navy-800 text-sm\">\n                            <tr><td colspan=\"3\" class=\"p-8 text-center text-navy-500\">\u062f\u0631 \u062d\u0627\u0644 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a...<\/td><\/tr>\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n            <\/div>\n\n            <!-- Tab: Tasks (Table View) -->\n            <div id=\"tab-tasks\" class=\"tab-content p-0 hidden\">\n                <div class=\"p-6 border-b border-navy-100 flex justify-between items-center\">\n                    <h3 class=\"text-lg font-bold text-navy-900\">\u0644\u06cc\u0633\u062a \u06f2\u06f0 \u0645\u0631\u062d\u0644\u0647 \u062a\u0648\u0644\u06cc\u062f<\/h3>\n                <\/div>\n                <div class=\"overflow-x-auto\">\n                    <table class=\"w-full text-right border-collapse\">\n                        <thead class=\"bg-navy-50 text-navy-700 text-sm border-b border-navy-100\">\n                            <tr>\n                                <th class=\"p-4 font-bold whitespace-nowrap\">\u0645\u0631\u062d\u0644\u0647<\/th>\n                                <th class=\"p-4 font-bold whitespace-nowrap\">\u0646\u0627\u0645 \u0645\u0631\u062d\u0644\u0647<\/th>\n                                <th class=\"p-4 font-bold whitespace-nowrap\">\u0632\u0645\u0627\u0646 (\u0631\u0648\u0632)<\/th>\n                                <th class=\"p-4 font-bold whitespace-nowrap\">\u0634\u0631\u0648\u0639<\/th>\n                                <th class=\"p-4 font-bold whitespace-nowrap\">\u067e\u0627\u06cc\u0627\u0646<\/th>\n                                <th class=\"p-4 font-bold whitespace-nowrap\">\u0648\u0636\u0639\u06cc\u062a<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody id=\"perp-tasks-table-body\" class=\"divide-y divide-navy-50 text-navy-800 text-sm\">\n                            <tr><td colspan=\"6\" class=\"p-8 text-center text-navy-500\">\u062f\u0631 \u062d\u0627\u0644 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a...<\/td><\/tr>\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n            <\/div>\n\n            <!-- Tab: Gantt Chart -->\n            <div id=\"tab-gantt\" class=\"tab-content hidden\">\n                \n                <!-- Desktop: Frappe Gantt (Hidden on Mobile) -->\n                <div class=\"hidden md:block p-6 overflow-x-auto\">\n                    <div id=\"frappe-gantt-container\" class=\"min-w-[800px]\"><\/div>\n                <\/div>\n\n                <!-- Mobile: Vertical Stepper (Hidden on Desktop) -->\n                <div class=\"block md:hidden p-6\">\n                    <div class=\"relative border-r-2 border-navy-100 pr-6 ml-2 space-y-8\">\n                        \n                        <!-- Step 1: Completed -->\n                        <div class=\"relative\">\n                            <div class=\"absolute -right-[31px] top-1 w-4 h-4 rounded-full bg-navy-500 ring-4 ring-navy-50\"><\/div>\n                            <div class=\"bg-navy-50 p-4 rounded-xl border border-navy-100\">\n                                <div class=\"flex justify-between items-center mb-2\">\n                                    <h4 class=\"font-bold text-navy-900 text-sm\">\u0637\u0631\u0627\u062d\u06cc \u0648 \u0645\u0647\u0646\u062f\u0633\u06cc<\/h4>\n                                    <span class=\"text-xs bg-navy-200 text-navy-800 px-2 py-0.5 rounded font-bold\">\u067e\u0627\u06cc\u0627\u0646 \u06cc\u0627\u0641\u062a\u0647<\/span>\n                                <\/div>\n                                <div class=\"flex items-center gap-2 mt-3\">\n                                    <span class=\"text-xs text-navy-500 font-mono\">\u06f1\u06f4\u06f0\u06f3\/\u06f0\u06f2\/\u06f2\u06f0 - \u06f1\u06f4\u06f0\u06f3\/\u06f0\u06f3\/\u06f0\u06f5<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Step 2: In Progress -->\n                        <div class=\"relative\">\n                            <div class=\"absolute -right-[31px] top-1 w-4 h-4 rounded-full bg-lightred-500 ring-4 ring-lightred-50 animate-pulse\"><\/div>\n                            <div class=\"bg-white p-4 rounded-xl border border-lightred-200 shadow-sm relative overflow-hidden\">\n                                <div class=\"absolute right-0 top-0 bottom-0 w-1 bg-lightred-500\"><\/div>\n                                <h4 class=\"font-bold text-navy-900 text-sm mb-2\">\u062a\u0627\u0645\u06cc\u0646 \u0642\u0637\u0639\u0627\u062a \u0648 \u0628\u0631\u0634\u200c\u06a9\u0627\u0631\u06cc<\/h4>\n                                <div class=\"flex gap-2 mt-4\">\n                                    <button class=\"flex-1 bg-navy-50 text-navy-700 py-1.5 rounded-lg text-xs font-bold border border-navy-200\" disabled>\u0634\u0631\u0648\u0639 \u0634\u062f\u0647<\/button>\n                                    <button class=\"flex-1 bg-lightred-500 text-white py-1.5 rounded-lg text-xs font-bold shadow-sm\">\u062b\u0628\u062a \u067e\u0627\u06cc\u0627\u0646<\/button>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Step 3: Pending -->\n                        <div class=\"relative\">\n                            <div class=\"absolute -right-[31px] top-1 w-4 h-4 rounded-full bg-white border-2 border-navy-200 ring-4 ring-white\"><\/div>\n                            <div class=\"bg-white p-4 rounded-xl border border-navy-100 opacity-60\">\n                                <h4 class=\"font-bold text-navy-900 text-sm mb-2\">\u0645\u0648\u0646\u062a\u0627\u0698 \u0627\u0648\u0644\u06cc\u0647 (\u0634\u0627\u0633\u06cc)<\/h4>\n                                <div class=\"flex gap-2 mt-4\">\n                                    <button class=\"w-full bg-navy-600 text-white py-1.5 rounded-lg text-xs font-bold shadow-sm\">\u0634\u0631\u0648\u0639 \u0645\u0631\u062d\u0644\u0647<\/button>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<div class=\"bg-white rounded-2xl shadow-sm border border-navy-100 p-6 md:p-8 font-sans\" dir=\"rtl\">\n    <h2 class=\"text-2xl font-bold text-navy-900 mb-6 flex items-center gap-2\">\n        <div class=\"p-2 bg-lightred-50 rounded-lg\">\n            <svg class=\"w-5 h-5 text-lightred-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a1.994 1.994 0 01-1.414-.586m0 0L11 14h4a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2v4l.586-.586z\"><\/path><\/svg>\n        <\/div>\n        \u062b\u0628\u062a \u0635\u0648\u0631\u062a\u062c\u0644\u0633\u0647 \u062c\u062f\u06cc\u062f\n    <\/h2>\n    \n    <form id=\"perp-new-meeting-form\">\n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-6\">\n            \n            <!-- Meeting Subject -->\n            <div class=\"md:col-span-2\">\n                <label class=\"block text-sm font-bold text-navy-700 mb-2\">\u0645\u0648\u0636\u0648\u0639 \u0648 \u0639\u0646\u0648\u0627\u0646 \u062c\u0644\u0633\u0647<\/label>\n                <input type=\"text\" name=\"meeting_title\" required class=\"w-full bg-navy-50 border border-navy-200 text-navy-800 rounded-xl px-4 py-2.5 focus:outline-none focus:ring-2 focus:ring-lightred-400 transition-shadow\" placeholder=\"\u0645\u062b\u0627\u0644: \u0628\u0631\u0631\u0633\u06cc \u0646\u0642\u0634\u0647\u200c\u0647\u0627\u06cc \u0645\u06a9\u0627\u0646\u06cc\u06a9\u0627\u0644 \u0641\u0627\u0632 \u0627\u0648\u0644\">\n            <\/div>\n            \n            <!-- Project Link -->\n            <div>\n                <label class=\"block text-sm font-bold text-navy-700 mb-2\">\u0645\u0631\u062a\u0628\u0637 \u0628\u0627 \u067e\u0631\u0648\u0698\u0647<\/label>\n                <select name=\"project_id\" required class=\"w-full bg-navy-50 border border-navy-200 text-navy-800 rounded-xl px-4 py-2.5 focus:outline-none focus:ring-2 focus:ring-lightred-400 cursor-pointer\">\n                    <option value=\"\">\u0627\u0646\u062a\u062e\u0627\u0628 \u067e\u0631\u0648\u0698\u0647...<\/option>\n                    <option value=\"25\">#PRJ-25 - asdasd555<\/option><option value=\"23\">#PRJ-23 - 55<\/option><option value=\"21\">#PRJ-21 - 65656<\/option><option value=\"19\">#PRJ-19 - \u0634\u06cc\u0634\u0633\u06cc<\/option><option value=\"17\">#PRJ-17 - dfvv<\/option><option value=\"12\">#PRJ-12 - asdasd<\/option>                <\/select>\n            <\/div>\n\n            <!-- Date -->\n            <div>\n                <label class=\"block text-sm font-bold text-navy-700 mb-2\">\u062a\u0627\u0631\u06cc\u062e \u062c\u0644\u0633\u0647<\/label>\n                <input type=\"date\" name=\"meeting_date\" required class=\"w-full bg-navy-50 border border-navy-200 text-navy-800 rounded-xl px-4 py-2.5 focus:outline-none focus:ring-2 focus:ring-lightred-400 font-mono text-left\" dir=\"ltr\">\n            <\/div>\n\n            <!-- Description \/ Minutes -->\n            <div class=\"md:col-span-2\">\n                <label class=\"block text-sm font-bold text-navy-700 mb-2\">\u0634\u0631\u062d \u0645\u0630\u0627\u06a9\u0631\u0627\u062a \u0648 \u0645\u0635\u0648\u0628\u0627\u062a<\/label>\n                <textarea name=\"meeting_description\" rows=\"5\" class=\"w-full bg-navy-50 border border-navy-200 text-navy-800 rounded-xl px-4 py-2.5 focus:outline-none focus:ring-2 focus:ring-lightred-400 resize-none transition-shadow leading-relaxed\" placeholder=\"\u0645\u0635\u0648\u0628\u0627\u062a\u060c \u062f\u0631\u062e\u0648\u0627\u0633\u062a\u200c\u0647\u0627\u06cc \u06a9\u0627\u0631\u0641\u0631\u0645\u0627 \u0648 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u062a\u0648\u0627\u0641\u0642 \u0634\u062f\u0647 \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u062e\u0648\u0627\u0646\u0627 \u0648 \u0644\u06cc\u0633\u062a\u200c\u0648\u0627\u0631 \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f...\"><\/textarea>\n            <\/div>\n            \n            <!-- Attachments -->\n            <div class=\"md:col-span-2\">\n                <label class=\"block text-sm font-bold text-navy-700 mb-2\">\u067e\u06cc\u0648\u0633\u062a\u200c\u0647\u0627 (\u0635\u0648\u0631\u062a\u062c\u0644\u0633\u0647 \u0627\u0633\u06a9\u0646 \u0634\u062f\u0647\u060c \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u0646\u0642\u0634\u0647)<\/label>\n                <div class=\"border-2 border-dashed border-navy-200 bg-navy-50\/50 rounded-xl p-6 flex flex-col items-center justify-center hover:bg-navy-50 transition-colors cursor-pointer group\">\n                    <svg class=\"w-8 h-8 text-navy-300 group-hover:text-lightred-500 transition-colors mb-3\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12\"><\/path><\/svg>\n                    <span class=\"text-sm font-bold text-navy-700\">\u0628\u0631\u0627\u06cc \u0622\u067e\u0644\u0648\u062f \u0641\u0627\u06cc\u0644 \u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u06cc\u062f \u06cc\u0627 \u0641\u0627\u06cc\u0644 \u0631\u0627 \u0627\u06cc\u0646\u062c\u0627 \u0631\u0647\u0627 \u06a9\u0646\u06cc\u062f<\/span>\n                    <span class=\"text-xs text-navy-400 mt-1\">\u062d\u062f\u0627\u06a9\u062b\u0631 \u062d\u062c\u0645 \u0641\u0627\u06cc\u0644: \u06f1\u06f0 \u0645\u06af\u0627\u0628\u0627\u06cc\u062a (PDF, JPG, PNG)<\/span>\n                    <input type=\"file\" class=\"hidden\" multiple>\n                <\/div>\n            <\/div>\n\n        <\/div>\n        \n        <!-- Actions -->\n        <div class=\"flex items-center justify-end gap-3 pt-4 border-t border-navy-100 mt-6\">\n            <button type=\"button\" class=\"px-6 py-2.5 border border-navy-200 text-navy-700 bg-white rounded-xl hover:bg-navy-50 focus:ring-2 focus:ring-navy-200 transition-colors font-bold text-sm\">\u0627\u0646\u0635\u0631\u0627\u0641<\/button>\n            <button type=\"submit\" class=\"px-6 py-2.5 bg-lightred-500 text-white rounded-xl hover:bg-lightred-600 focus:ring-2 focus:ring-lightred-300 transition-colors font-bold text-sm shadow-sm flex items-center gap-2\">\n                <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4\"><\/path><\/svg>\n                \u062b\u0628\u062a \u0648 \u0630\u062e\u06cc\u0631\u0647 \u0635\u0648\u0631\u062a\u062c\u0644\u0633\u0647\n            <\/button>\n        <\/div>\n    <\/form>\n<\/div>\n\n\n\n<div id=\"perp-dashboard\" class=\"min-h-screen bg-navy-50 p-4 md:p-8 font-sans\" dir=\"rtl\">\n    <div class=\"max-w-7xl mx-auto space-y-6\">\n        \n        <!-- Header & Controls -->\n        <div class=\"bg-white rounded-2xl shadow-sm border border-navy-100 p-6 flex flex-col md:flex-row items-center justify-between gap-4\">\n            <div>\n                <h1 class=\"text-2xl font-bold text-navy-900\">\u062f\u0627\u0634\u0628\u0648\u0631\u062f \u0645\u062f\u06cc\u0631\u06cc\u062a \u062a\u0648\u0644\u06cc\u062f<\/h1>\n                <p class=\"text-navy-500 text-sm mt-1\">\u0646\u0645\u0627\u06cc \u06a9\u0644\u06cc \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627 \u0648 \u0648\u0636\u0639\u06cc\u062a \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627<\/p>\n            <\/div>\n            \n            <div class=\"flex flex-col md:flex-row items-center gap-4 w-full md:w-auto\">\n                <!-- Search -->\n                <div class=\"relative w-full md:w-64\">\n                    <input type=\"text\" placeholder=\"\u062c\u0633\u062a\u062c\u0648\u06cc \u067e\u0631\u0648\u0698\u0647...\" class=\"w-full bg-navy-50 border border-navy-200 text-navy-800 rounded-xl px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-navy-400 transition-shadow\">\n                <\/div>\n                <!-- Filter -->\n                <select class=\"w-full md:w-auto bg-navy-50 border border-navy-200 text-navy-800 rounded-xl px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-navy-400 cursor-pointer\">\n                    <option value=\"all\">\u0647\u0645\u0647 \u0648\u0636\u0639\u06cc\u062a\u200c\u0647\u0627<\/option>\n                    <option value=\"pending\">\u062f\u0631 \u0635\u0641 \u0628\u0631\u0631\u0633\u06cc<\/option>\n                    <option value=\"in_progress\">\u062f\u0631 \u062d\u0627\u0644 \u0633\u0627\u062e\u062a<\/option>\n                    <option value=\"completed\">\u062a\u06a9\u0645\u06cc\u0644 \u0634\u062f\u0647<\/option>\n                <\/select>\n                <!-- View Switcher -->\n                <div class=\"flex items-center bg-navy-100 rounded-xl p-1\">\n                    <button data-view=\"kanban\" class=\"view-btn px-4 py-1.5 rounded-lg text-sm font-medium transition-all duration-200 bg-white text-navy-800 shadow-sm\">\u06a9\u0627\u0646\u0628\u0627\u0646<\/button>\n                    <button data-view=\"table\" class=\"view-btn px-4 py-1.5 rounded-lg text-sm font-medium transition-all duration-200 text-navy-600 hover:text-navy-800\">\u062c\u062f\u0648\u0644<\/button>\n                    <button data-view=\"grid\" class=\"view-btn px-4 py-1.5 rounded-lg text-sm font-medium transition-all duration-200 text-navy-600 hover:text-navy-800\">\u0634\u0628\u06a9\u0647<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Views Container -->\n        <div id=\"perp-views-container\" class=\"relative\">\n            \n            <!-- 1. Kanban View -->\n            <div id=\"view-kanban\" class=\"view-section flex flex-col lg:flex-row gap-6 transition-opacity duration-300 w-full overflow-x-auto lg:overflow-x-visible pb-4\">\n                \n                <!-- Column: Pending -->\n                <div class=\"flex-1 bg-navy-100\/50 rounded-2xl p-4 border border-navy-100\/50 min-w-[300px]\">\n                    <h3 class=\"text-navy-800 font-bold mb-4 flex items-center justify-between px-1\">\n                        \u062f\u0631 \u0635\u0641 \u0628\u0631\u0631\u0633\u06cc <span id=\"count-pending\" class=\"bg-navy-200 text-navy-700 px-2.5 py-0.5 rounded-full text-xs\">\u06f0<\/span>\n                    <\/h3>\n                    <div id=\"kanban-col-pending\" class=\"space-y-3\">\n                        <div class=\"p-8 text-center text-navy-500\">\u062f\u0631 \u062d\u0627\u0644 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc...<\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Column: In Progress -->\n                <div class=\"flex-1 bg-navy-100\/50 rounded-2xl p-4 border border-navy-100\/50 min-w-[300px]\">\n                    <h3 class=\"text-navy-800 font-bold mb-4 flex items-center justify-between px-1\">\n                        \u062f\u0631 \u062d\u0627\u0644 \u0633\u0627\u062e\u062a <span id=\"count-in-progress\" class=\"bg-navy-200 text-navy-700 px-2.5 py-0.5 rounded-full text-xs\">\u06f0<\/span>\n                    <\/h3>\n                    <div id=\"kanban-col-in-progress\" class=\"space-y-3\">\n                        <div class=\"p-8 text-center text-navy-500\">\u062f\u0631 \u062d\u0627\u0644 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc...<\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Column: Completed -->\n                <div class=\"flex-1 bg-navy-100\/50 rounded-2xl p-4 border border-navy-100\/50 min-w-[300px]\">\n                    <h3 class=\"text-navy-800 font-bold mb-4 flex items-center justify-between px-1\">\n                        \u062a\u06a9\u0645\u06cc\u0644 \u0634\u062f\u0647 <span id=\"count-completed\" class=\"bg-navy-200 text-navy-700 px-2.5 py-0.5 rounded-full text-xs\">\u06f0<\/span>\n                    <\/h3>\n                    <div id=\"kanban-col-completed\" class=\"space-y-3\">\n                        <div class=\"p-8 text-center text-navy-500\">\u062f\u0631 \u062d\u0627\u0644 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc...<\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <!-- 2. Table View -->\n            <div id=\"view-table\" class=\"view-section hidden bg-white rounded-2xl shadow-sm border border-navy-100 overflow-hidden transition-opacity duration-300\">\n                <div class=\"overflow-x-auto w-full\">\n                    <table class=\"w-full text-right border-collapse\">\n                        <thead class=\"bg-navy-50 text-navy-700 text-sm border-b border-navy-100\">\n                            <tr>\n                                <th class=\"p-4 font-bold whitespace-nowrap\">\u06a9\u062f \u067e\u0631\u0648\u0698\u0647<\/th>\n                                <th class=\"p-4 font-bold whitespace-nowrap\">\u0646\u0627\u0645 \u067e\u0631\u0648\u0698\u0647<\/th>\n                                <th class=\"p-4 font-bold whitespace-nowrap\">\u0645\u0634\u062a\u0631\u06cc<\/th>\n                                <th class=\"p-4 font-bold whitespace-nowrap\">\u0648\u0636\u0639\u06cc\u062a<\/th>\n                                <th class=\"p-4 font-bold whitespace-nowrap\">\u062a\u0627\u0631\u06cc\u062e \u067e\u0627\u06cc\u0627\u0646 (\u067e\u06cc\u0634\u200c\u0628\u06cc\u0646\u06cc)<\/th>\n                                <th class=\"p-4 font-bold whitespace-nowrap\">\u0639\u0645\u0644\u06cc\u0627\u062a<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody id=\"perp-dashboard-table-body\" class=\"divide-y divide-navy-50 text-navy-800 text-sm\">\n                            <tr><td colspan=\"6\" class=\"p-8 text-center text-navy-500\">\u062f\u0631 \u062d\u0627\u0644 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc...<\/td><\/tr>\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n            <\/div>\n\n            <!-- 3. Grid View -->\n            <div id=\"view-grid\" class=\"view-section hidden grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6 transition-opacity duration-300\">\n                <div class=\"col-span-full p-8 text-center text-navy-500\">\u062f\u0631 \u062d\u0627\u0644 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc...<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-14","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/erp.arminco-ice.com\/index.php?rest_route=\/wp\/v2\/posts\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/erp.arminco-ice.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/erp.arminco-ice.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/erp.arminco-ice.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/erp.arminco-ice.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":9,"href":"https:\/\/erp.arminco-ice.com\/index.php?rest_route=\/wp\/v2\/posts\/14\/revisions"}],"predecessor-version":[{"id":29,"href":"https:\/\/erp.arminco-ice.com\/index.php?rest_route=\/wp\/v2\/posts\/14\/revisions\/29"}],"wp:attachment":[{"href":"https:\/\/erp.arminco-ice.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/erp.arminco-ice.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=14"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/erp.arminco-ice.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}