\u062c\u062f\u0648\u0644 \u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u0641\u0642\u0631\u0627\u062a - Devils 4 Talents<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n :root {\r\n --brand-burgundy: #7f1d1d; \r\n --brand-black: #111827; \r\n --bg-light: #f9fafb; \r\n }\r\n\r\n body {\r\n font-family: 'Cairo', sans-serif;\r\n background-color: var(--bg-light);\r\n color: var(--brand-black);\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .header-gradient {\r\n background: linear-gradient(135deg, var(--brand-black) 0%, #310000 100%);\r\n }\r\n\r\n .burgundy-border {\r\n border-top: 4px solid var(--brand-burgundy);\r\n }\r\n\r\n .tab-active {\r\n background-color: var(--brand-burgundy);\r\n color: white !important;\r\n }\r\n\r\n .tab-inactive {\r\n background-color: white;\r\n color: var(--brand-burgundy);\r\n border: 1px solid var(--brand-burgundy);\r\n }\r\n\r\n .table-row-hover:hover {\r\n background-color: rgba(127, 29, 29, 0.02);\r\n }\r\n\r\n ::-webkit-scrollbar { width: 6px; height: 6px; }\r\n ::-webkit-scrollbar-track { background: #f1f1f1; }\r\n ::-webkit-scrollbar-thumb { background: var(--brand-burgundy); border-radius: 10px; }\r\n <\/style>\r\n<\/head>\r\n<body class=\"min-h-screen pb-10\">\r\n\r\n <header class=\"header-gradient text-white pt-12 pb-24 px-4 text-center relative overflow-hidden\">\r\n <div class=\"absolute inset-0 opacity-10\">\r\n <svg width=\"100%\" height=\"100%\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\">\r\n <path d=\"M0 100 L100 0 L100 100 Z\" fill=\"white\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"max-w-4xl mx-auto relative z-10\">\r\n <img decoding=\"async\" src=\"https:\/\/devils4talents.online\/wp-content\/uploads\/2026\/05\/cropped-cropped-Gemini_Generated_Image_4awpy94awpy94awp-e1778153796982.png\" \r\n alt=\"Devils 4 Talents Logo\" \r\n class=\"h-20 md:h-24 mx-auto mb-6 drop-shadow-2xl\">\r\n \r\n <h1 class=\"text-3xl md:text-4xl font-extrabold tracking-tight mb-2\">\u062c\u062f\u0648\u0644 \u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u0641\u0642\u0631\u0627\u062a<\/h1>\r\n <p class=\"text-gray-300 font-light text-lg\">\u0645\u0646\u0635\u0629 \u0627\u0644\u0645\u0648\u0627\u0647\u0628 \u0627\u0644\u0623\u0648\u0644\u0649 - \u062f\u064a\u0641\u0644\u0632 4 \u062a\u0627\u0644\u0646\u062a\u0633<\/p>\r\n <\/div>\r\n <\/header>\r\n\r\n <main class=\"max-w-5xl mx-auto -mt-16 px-4 relative z-20\">\r\n \r\n \r\n <div class=\"flex flex-wrap justify-center gap-2 mb-6\" id=\"tabsContainer\">\r\n <button onclick=\"changeDay('\u0627\u0644\u0633\u0628\u062a', '0')\" class=\"tab-button px-6 py-2 rounded-full font-bold transition-all shadow-md tab-active\">\u0627\u0644\u0633\u0628\u062a<\/button>\r\n <button onclick=\"changeDay('\u0627\u0644\u0623\u062d\u062f', '1183387803')\" class=\"tab-button px-6 py-2 rounded-full font-bold transition-all shadow-md tab-inactive\">\u0627\u0644\u0623\u062d\u062f<\/button>\r\n <button onclick=\"changeDay('\u0627\u0644\u0623\u062b\u0646\u064a\u0646', '1106093510')\" class=\"tab-button px-6 py-2 rounded-full font-bold transition-all shadow-md tab-inactive\">\u0627\u0644\u0623\u062b\u0646\u064a\u0646<\/button>\r\n <button onclick=\"changeDay('\u0627\u0644\u062b\u0644\u0627\u062b\u0627\u0621', '1144026601')\" class=\"tab-button px-6 py-2 rounded-full font-bold transition-all shadow-md tab-inactive\">\u0627\u0644\u062b\u0644\u0627\u062b\u0627\u0621<\/button>\r\n <button onclick=\"changeDay('\u0627\u0644\u0623\u0631\u0628\u0639\u0627\u0621', '2119106023')\" class=\"tab-button px-6 py-2 rounded-full font-bold transition-all shadow-md tab-inactive\">\u0627\u0644\u0623\u0631\u0628\u0639\u0627\u0621<\/button>\r\n <button onclick=\"changeDay('\u0627\u0644\u062e\u0645\u064a\u0633', '1701548197')\" class=\"tab-button px-6 py-2 rounded-full font-bold transition-all shadow-md tab-inactive\">\u0627\u0644\u062e\u0645\u064a\u0633<\/button>\r\n <button onclick=\"changeDay('\u0627\u0644\u062c\u0645\u0639\u0629', '1899128080')\" class=\"tab-button px-6 py-2 rounded-full font-bold transition-all shadow-md tab-inactive\">\u0627\u0644\u062c\u0645\u0639\u0629<\/button>\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-2xl shadow-xl overflow-hidden border border-gray-100 burgundy-border\">\r\n <div class=\"p-4 border-b border-gray-50 flex items-center justify-between\">\r\n <h2 id=\"currentDayTitle\" class=\"text-xl font-bold text-red-900 flex items-center gap-2\">\r\n <i class=\"far fa-calendar-alt\"><\/i>\r\n <span>\u0645\u0648\u0627\u0639\u064a\u062f \u064a\u0648\u0645 \u0627\u0644\u0633\u0628\u062a<\/span>\r\n <\/h2>\r\n <div class=\"text-sm text-gray-400\">\u0628\u062a\u0648\u0642\u064a\u062a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/div>\r\n <\/div>\r\n \r\n <div class=\"overflow-x-auto\">\r\n <table class=\"w-full text-right\">\r\n <thead>\r\n <tr class=\"bg-gray-50 border-b border-gray-100\">\r\n <th class=\"py-5 px-6 text-sm font-bold text-gray-600\">\u0627\u0644\u062a\u0648\u0642\u064a\u062a<\/th>\r\n <th class=\"py-5 px-6 text-sm font-bold text-gray-600\">\u0627\u0644\u0645\u0630\u064a\u0639<\/th>\r\n <th class=\"py-5 px-6 text-sm font-bold text-gray-600\">\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0641\u0642\u0631\u0629<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody id=\"tableBody\" class=\"divide-y divide-gray-50\">\r\n \r\n <tr id=\"loadingRow\">\r\n <td colspan=\"3\" class=\"py-32 text-center\">\r\n <div class=\"flex flex-col items-center\">\r\n <div class=\"w-12 h-12 border-4 border-gray-100 border-t-red-900 rounded-full animate-spin mb-4\"><\/div>\r\n <p class=\"text-gray-400 font-medium\">\u062c\u0627\u0631\u064a \u062c\u0644\u0628 \u062c\u062f\u0648\u0644 \u0627\u0644\u0641\u0642\u0631\u0627\u062a...<\/p>\r\n <\/div>\r\n <\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n\r\n <footer class=\"mt-10 text-center text-gray-400 text-sm\">\r\n <p>\u00a9 2024 DEVILS 4 TALENTS | \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629<\/p>\r\n <\/footer>\r\n <\/main>\r\n\r\n <script>\r\n const baseId = '2PACX-1vT3YtoIpXQuw5AyQ33gDQKiHVJSinzqfUpgPHFQ-v67Rp1QH6LgrtSS7C-Lhnrq5bo_ZpU7XCa9JRFk';\r\n let currentGid = '0';\r\n\r\n async function fetchSchedule(gid) {\r\n const tableBody = document.getElementById('tableBody');\r\n tableBody.innerHTML = `\r\n <tr id=\"loadingRow\">\r\n <td colspan=\"3\" class=\"py-32 text-center\">\r\n <div class=\"flex flex-col items-center\">\r\n <div class=\"w-12 h-12 border-4 border-gray-100 border-t-red-900 rounded-full animate-spin mb-4\"><\/div>\r\n <p class=\"text-gray-400 font-medium\">\u062c\u0627\u0631\u064a \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a...<\/p>\r\n <\/div>\r\n <\/td>\r\n <\/tr>`;\r\n \r\n const csvUrl = `https:\/\/docs.google.com\/spreadsheets\/d\/e\/${baseId}\/pub?gid=${gid}&output=csv`;\r\n\r\n try {\r\n const response = await fetch(csvUrl);\r\n const data = await response.text();\r\n \r\n const rows = data.split('\\n')\r\n .map(row => row.split(',').map(cell => cell.replace(\/\"\/g, '').trim()))\r\n .filter(row => row.length >= 3 && row[0] !== \"\");\r\n\r\n tableBody.innerHTML = '';\r\n \r\n \/\/ \u062a\u062e\u0637\u064a \u0627\u0644\u0631\u0623\u0633 \u0648\u0639\u0631\u0636 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\r\n for (let i = 1; i < rows.length; i++) {\r\n const [time, name, content] = rows[i];\r\n if(!time) continue;\r\n\r\n const tr = document.createElement('tr');\r\n tr.className = 'table-row-hover transition-colors';\r\n tr.innerHTML = `\r\n <td class=\"py-5 px-6\">\r\n <div class=\"flex items-center gap-3 text-red-900 font-bold\">\r\n <i class=\"far fa-clock\"><\/i>\r\n <span>${time}<\/span>\r\n <\/div>\r\n <\/td>\r\n <td class=\"py-5 px-6\">\r\n <span class=\"font-bold text-gray-800\">${name}<\/span>\r\n <\/td>\r\n <td class=\"py-5 px-6\">\r\n <span class=\"text-gray-600 text-sm\">${content}<\/span>\r\n <\/td>\r\n `;\r\n tableBody.appendChild(tr);\r\n }\r\n\r\n if(rows.length <= 1) {\r\n tableBody.innerHTML = '<tr><td colspan=\"3\" class=\"py-20 text-center text-gray-400\">\u0644\u0627 \u062a\u0648\u062c\u062f \u0641\u0642\u0631\u0627\u062a \u0645\u0633\u062c\u0644\u0629 \u0644\u0647\u0630\u0627 \u0627\u0644\u064a\u0648\u0645 \u062d\u0627\u0644\u064a\u0627\u064b<\/td><\/tr>';\r\n }\r\n\r\n } catch (error) {\r\n console.error('Error:', error);\r\n tableBody.innerHTML = '<tr><td colspan=\"3\" class=\"py-20 text-center text-red-900 font-bold\">\u0641\u0634\u0644 \u0641\u064a \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a. \u064a\u0631\u062c\u0649 \u0627\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u0646\u0634\u0631 \u0627\u0644\u0635\u0641\u062d\u0629.<\/td><\/tr>';\r\n }\r\n }\r\n\r\n function changeDay(dayName, gid) {\r\n \/\/ \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0648\u0627\u0644\u0623\u0632\u0631\u0627\u0631\r\n document.getElementById('currentDayTitle').innerHTML = `<i class=\"far fa-calendar-alt\"><\/i> <span>\u0645\u0648\u0627\u0639\u064a\u062f \u064a\u0648\u0645 ${dayName}<\/span>`;\r\n \r\n document.querySelectorAll('.tab-button').forEach(btn => {\r\n if(btn.innerText === dayName) {\r\n btn.classList.replace('tab-inactive', 'tab-active');\r\n } else {\r\n btn.classList.replace('tab-active', 'tab-inactive');\r\n }\r\n });\r\n\r\n currentGid = gid;\r\n fetchSchedule(gid);\r\n }\r\n\r\n \/\/ \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u064a\u0648\u0645 \u0627\u0644\u0623\u0648\u0644 \u0639\u0646\u062f \u0627\u0644\u062a\u062d\u0645\u064a\u0644\r\n window.onload = () => fetchSchedule('0');\r\n <\/script>\r\n<\/body>\r\n<\/html>\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>\u062c\u062f\u0648\u0644 \u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u0641\u0642\u0631\u0627\u062a – Devils 4 Talents \u062c\u062f\u0648\u0644 \u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u0641\u0642\u0631\u0627\u062a \u0645\u0646\u0635\u0629 \u0627\u0644\u0645\u0648\u0627\u0647\u0628 \u0627\u0644\u0623\u0648\u0644\u0649 – \u062f\u064a\u0641\u0644\u0632 4 \u062a\u0627\u0644\u0646\u062a\u0633 \u0627\u0644\u0633\u0628\u062a \u0627\u0644\u0623\u062d\u062f \u0627\u0644\u0623\u062b\u0646\u064a\u0646 \u0627\u0644\u062b\u0644\u0627\u062b\u0627\u0621 \u0627\u0644\u0623\u0631\u0628\u0639\u0627\u0621 \u0627\u0644\u062e\u0645\u064a\u0633 \u0627\u0644\u062c\u0645\u0639\u0629 \u0645\u0648\u0627\u0639\u064a\u062f \u064a\u0648\u0645 \u0627\u0644\u0633\u0628\u062a \u0628\u062a\u0648\u0642\u064a\u062a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0627\u0644\u062a\u0648\u0642\u064a\u062a \u0627\u0644\u0645\u0630\u064a\u0639 \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0641\u0642\u0631\u0629 \u062c\u0627\u0631\u064a \u062c\u0644\u0628 \u062c\u062f\u0648\u0644 \u0627\u0644\u0641\u0642\u0631\u0627\u062a… \u00a9 2024 DEVILS 4 TALENTS | \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-35","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/devils4talents.online\/en_us\/wp-json\/wp\/v2\/pages\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devils4talents.online\/en_us\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/devils4talents.online\/en_us\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/devils4talents.online\/en_us\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devils4talents.online\/en_us\/wp-json\/wp\/v2\/comments?post=35"}],"version-history":[{"count":7,"href":"https:\/\/devils4talents.online\/en_us\/wp-json\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":184,"href":"https:\/\/devils4talents.online\/en_us\/wp-json\/wp\/v2\/pages\/35\/revisions\/184"}],"wp:attachment":[{"href":"https:\/\/devils4talents.online\/en_us\/wp-json\/wp\/v2\/media?parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u062c\u062f\u0648\u0644 \u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u0641\u0642\u0631\u0627\u062a - Devils 4 Talents<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n :root {\r\n --brand-burgundy: #7f1d1d; \r\n --brand-black: #111827; \r\n --bg-light: #f9fafb; \r\n }\r\n\r\n body {\r\n font-family: 'Cairo', sans-serif;\r\n background-color: var(--bg-light);\r\n color: var(--brand-black);\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .header-gradient {\r\n background: linear-gradient(135deg, var(--brand-black) 0%, #310000 100%);\r\n }\r\n\r\n .burgundy-border {\r\n border-top: 4px solid var(--brand-burgundy);\r\n }\r\n\r\n .tab-active {\r\n background-color: var(--brand-burgundy);\r\n color: white !important;\r\n }\r\n\r\n .tab-inactive {\r\n background-color: white;\r\n color: var(--brand-burgundy);\r\n border: 1px solid var(--brand-burgundy);\r\n }\r\n\r\n .table-row-hover:hover {\r\n background-color: rgba(127, 29, 29, 0.02);\r\n }\r\n\r\n ::-webkit-scrollbar { width: 6px; height: 6px; }\r\n ::-webkit-scrollbar-track { background: #f1f1f1; }\r\n ::-webkit-scrollbar-thumb { background: var(--brand-burgundy); border-radius: 10px; }\r\n <\/style>\r\n<\/head>\r\n<body class=\"min-h-screen pb-10\">\r\n\r\n <header class=\"header-gradient text-white pt-12 pb-24 px-4 text-center relative overflow-hidden\">\r\n <div class=\"absolute inset-0 opacity-10\">\r\n <svg width=\"100%\" height=\"100%\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\">\r\n <path d=\"M0 100 L100 0 L100 100 Z\" fill=\"white\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"max-w-4xl mx-auto relative z-10\">\r\n <img decoding=\"async\" src=\"https:\/\/devils4talents.online\/wp-content\/uploads\/2026\/05\/cropped-cropped-Gemini_Generated_Image_4awpy94awpy94awp-e1778153796982.png\" \r\n alt=\"Devils 4 Talents Logo\" \r\n class=\"h-20 md:h-24 mx-auto mb-6 drop-shadow-2xl\">\r\n \r\n <h1 class=\"text-3xl md:text-4xl font-extrabold tracking-tight mb-2\">\u062c\u062f\u0648\u0644 \u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u0641\u0642\u0631\u0627\u062a<\/h1>\r\n <p class=\"text-gray-300 font-light text-lg\">\u0645\u0646\u0635\u0629 \u0627\u0644\u0645\u0648\u0627\u0647\u0628 \u0627\u0644\u0623\u0648\u0644\u0649 - \u062f\u064a\u0641\u0644\u0632 4 \u062a\u0627\u0644\u0646\u062a\u0633<\/p>\r\n <\/div>\r\n <\/header>\r\n\r\n <main class=\"max-w-5xl mx-auto -mt-16 px-4 relative z-20\">\r\n \r\n \r\n <div class=\"flex flex-wrap justify-center gap-2 mb-6\" id=\"tabsContainer\">\r\n <button onclick=\"changeDay('\u0627\u0644\u0633\u0628\u062a', '0')\" class=\"tab-button px-6 py-2 rounded-full font-bold transition-all shadow-md tab-active\">\u0627\u0644\u0633\u0628\u062a<\/button>\r\n <button onclick=\"changeDay('\u0627\u0644\u0623\u062d\u062f', '1183387803')\" class=\"tab-button px-6 py-2 rounded-full font-bold transition-all shadow-md tab-inactive\">\u0627\u0644\u0623\u062d\u062f<\/button>\r\n <button onclick=\"changeDay('\u0627\u0644\u0623\u062b\u0646\u064a\u0646', '1106093510')\" class=\"tab-button px-6 py-2 rounded-full font-bold transition-all shadow-md tab-inactive\">\u0627\u0644\u0623\u062b\u0646\u064a\u0646<\/button>\r\n <button onclick=\"changeDay('\u0627\u0644\u062b\u0644\u0627\u062b\u0627\u0621', '1144026601')\" class=\"tab-button px-6 py-2 rounded-full font-bold transition-all shadow-md tab-inactive\">\u0627\u0644\u062b\u0644\u0627\u062b\u0627\u0621<\/button>\r\n <button onclick=\"changeDay('\u0627\u0644\u0623\u0631\u0628\u0639\u0627\u0621', '2119106023')\" class=\"tab-button px-6 py-2 rounded-full font-bold transition-all shadow-md tab-inactive\">\u0627\u0644\u0623\u0631\u0628\u0639\u0627\u0621<\/button>\r\n <button onclick=\"changeDay('\u0627\u0644\u062e\u0645\u064a\u0633', '1701548197')\" class=\"tab-button px-6 py-2 rounded-full font-bold transition-all shadow-md tab-inactive\">\u0627\u0644\u062e\u0645\u064a\u0633<\/button>\r\n <button onclick=\"changeDay('\u0627\u0644\u062c\u0645\u0639\u0629', '1899128080')\" class=\"tab-button px-6 py-2 rounded-full font-bold transition-all shadow-md tab-inactive\">\u0627\u0644\u062c\u0645\u0639\u0629<\/button>\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-2xl shadow-xl overflow-hidden border border-gray-100 burgundy-border\">\r\n <div class=\"p-4 border-b border-gray-50 flex items-center justify-between\">\r\n <h2 id=\"currentDayTitle\" class=\"text-xl font-bold text-red-900 flex items-center gap-2\">\r\n <i class=\"far fa-calendar-alt\"><\/i>\r\n <span>\u0645\u0648\u0627\u0639\u064a\u062f \u064a\u0648\u0645 \u0627\u0644\u0633\u0628\u062a<\/span>\r\n <\/h2>\r\n <div class=\"text-sm text-gray-400\">\u0628\u062a\u0648\u0642\u064a\u062a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/div>\r\n <\/div>\r\n \r\n <div class=\"overflow-x-auto\">\r\n <table class=\"w-full text-right\">\r\n <thead>\r\n <tr class=\"bg-gray-50 border-b border-gray-100\">\r\n <th class=\"py-5 px-6 text-sm font-bold text-gray-600\">\u0627\u0644\u062a\u0648\u0642\u064a\u062a<\/th>\r\n <th class=\"py-5 px-6 text-sm font-bold text-gray-600\">\u0627\u0644\u0645\u0630\u064a\u0639<\/th>\r\n <th class=\"py-5 px-6 text-sm font-bold text-gray-600\">\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0641\u0642\u0631\u0629<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody id=\"tableBody\" class=\"divide-y divide-gray-50\">\r\n \r\n <tr id=\"loadingRow\">\r\n <td colspan=\"3\" class=\"py-32 text-center\">\r\n <div class=\"flex flex-col items-center\">\r\n <div class=\"w-12 h-12 border-4 border-gray-100 border-t-red-900 rounded-full animate-spin mb-4\"><\/div>\r\n <p class=\"text-gray-400 font-medium\">\u062c\u0627\u0631\u064a \u062c\u0644\u0628 \u062c\u062f\u0648\u0644 \u0627\u0644\u0641\u0642\u0631\u0627\u062a...<\/p>\r\n <\/div>\r\n <\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n\r\n <footer class=\"mt-10 text-center text-gray-400 text-sm\">\r\n <p>\u00a9 2024 DEVILS 4 TALENTS | \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629<\/p>\r\n <\/footer>\r\n <\/main>\r\n\r\n <script>\r\n const baseId = '2PACX-1vT3YtoIpXQuw5AyQ33gDQKiHVJSinzqfUpgPHFQ-v67Rp1QH6LgrtSS7C-Lhnrq5bo_ZpU7XCa9JRFk';\r\n let currentGid = '0';\r\n\r\n async function fetchSchedule(gid) {\r\n const tableBody = document.getElementById('tableBody');\r\n tableBody.innerHTML = `\r\n <tr id=\"loadingRow\">\r\n <td colspan=\"3\" class=\"py-32 text-center\">\r\n <div class=\"flex flex-col items-center\">\r\n <div class=\"w-12 h-12 border-4 border-gray-100 border-t-red-900 rounded-full animate-spin mb-4\"><\/div>\r\n <p class=\"text-gray-400 font-medium\">\u062c\u0627\u0631\u064a \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a...<\/p>\r\n <\/div>\r\n <\/td>\r\n <\/tr>`;\r\n \r\n const csvUrl = `https:\/\/docs.google.com\/spreadsheets\/d\/e\/${baseId}\/pub?gid=${gid}&output=csv`;\r\n\r\n try {\r\n const response = await fetch(csvUrl);\r\n const data = await response.text();\r\n \r\n const rows = data.split('\\n')\r\n .map(row => row.split(',').map(cell => cell.replace(\/\"\/g, '').trim()))\r\n .filter(row => row.length >= 3 && row[0] !== \"\");\r\n\r\n tableBody.innerHTML = '';\r\n \r\n \/\/ \u062a\u062e\u0637\u064a \u0627\u0644\u0631\u0623\u0633 \u0648\u0639\u0631\u0636 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\r\n for (let i = 1; i < rows.length; i++) {\r\n const [time, name, content] = rows[i];\r\n if(!time) continue;\r\n\r\n const tr = document.createElement('tr');\r\n tr.className = 'table-row-hover transition-colors';\r\n tr.innerHTML = `\r\n <td class=\"py-5 px-6\">\r\n <div class=\"flex items-center gap-3 text-red-900 font-bold\">\r\n <i class=\"far fa-clock\"><\/i>\r\n <span>${time}<\/span>\r\n <\/div>\r\n <\/td>\r\n <td class=\"py-5 px-6\">\r\n <span class=\"font-bold text-gray-800\">${name}<\/span>\r\n <\/td>\r\n <td class=\"py-5 px-6\">\r\n <span class=\"text-gray-600 text-sm\">${content}<\/span>\r\n <\/td>\r\n `;\r\n tableBody.appendChild(tr);\r\n }\r\n\r\n if(rows.length <= 1) {\r\n tableBody.innerHTML = '<tr><td colspan=\"3\" class=\"py-20 text-center text-gray-400\">\u0644\u0627 \u062a\u0648\u062c\u062f \u0641\u0642\u0631\u0627\u062a \u0645\u0633\u062c\u0644\u0629 \u0644\u0647\u0630\u0627 \u0627\u0644\u064a\u0648\u0645 \u062d\u0627\u0644\u064a\u0627\u064b<\/td><\/tr>';\r\n }\r\n\r\n } catch (error) {\r\n console.error('Error:', error);\r\n tableBody.innerHTML = '<tr><td colspan=\"3\" class=\"py-20 text-center text-red-900 font-bold\">\u0641\u0634\u0644 \u0641\u064a \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a. \u064a\u0631\u062c\u0649 \u0627\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u0646\u0634\u0631 \u0627\u0644\u0635\u0641\u062d\u0629.<\/td><\/tr>';\r\n }\r\n }\r\n\r\n function changeDay(dayName, gid) {\r\n \/\/ \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0648\u0627\u0644\u0623\u0632\u0631\u0627\u0631\r\n document.getElementById('currentDayTitle').innerHTML = `<i class=\"far fa-calendar-alt\"><\/i> <span>\u0645\u0648\u0627\u0639\u064a\u062f \u064a\u0648\u0645 ${dayName}<\/span>`;\r\n \r\n document.querySelectorAll('.tab-button').forEach(btn => {\r\n if(btn.innerText === dayName) {\r\n btn.classList.replace('tab-inactive', 'tab-active');\r\n } else {\r\n btn.classList.replace('tab-active', 'tab-inactive');\r\n }\r\n });\r\n\r\n currentGid = gid;\r\n fetchSchedule(gid);\r\n }\r\n\r\n \/\/ \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u064a\u0648\u0645 \u0627\u0644\u0623\u0648\u0644 \u0639\u0646\u062f \u0627\u0644\u062a\u062d\u0645\u064a\u0644\r\n window.onload = () => fetchSchedule('0');\r\n <\/script>\r\n<\/body>\r\n<\/html>\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>\u062c\u062f\u0648\u0644 \u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u0641\u0642\u0631\u0627\u062a – Devils 4 Talents \u062c\u062f\u0648\u0644 \u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u0641\u0642\u0631\u0627\u062a \u0645\u0646\u0635\u0629 \u0627\u0644\u0645\u0648\u0627\u0647\u0628 \u0627\u0644\u0623\u0648\u0644\u0649 – \u062f\u064a\u0641\u0644\u0632 4 \u062a\u0627\u0644\u0646\u062a\u0633 \u0627\u0644\u0633\u0628\u062a \u0627\u0644\u0623\u062d\u062f \u0627\u0644\u0623\u062b\u0646\u064a\u0646 \u0627\u0644\u062b\u0644\u0627\u062b\u0627\u0621 \u0627\u0644\u0623\u0631\u0628\u0639\u0627\u0621 \u0627\u0644\u062e\u0645\u064a\u0633 \u0627\u0644\u062c\u0645\u0639\u0629 \u0645\u0648\u0627\u0639\u064a\u062f \u064a\u0648\u0645 \u0627\u0644\u0633\u0628\u062a \u0628\u062a\u0648\u0642\u064a\u062a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0627\u0644\u062a\u0648\u0642\u064a\u062a \u0627\u0644\u0645\u0630\u064a\u0639 \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0641\u0642\u0631\u0629 \u062c\u0627\u0631\u064a \u062c\u0644\u0628 \u062c\u062f\u0648\u0644 \u0627\u0644\u0641\u0642\u0631\u0627\u062a… \u00a9 2024 DEVILS 4 TALENTS | \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-35","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/devils4talents.online\/en_us\/wp-json\/wp\/v2\/pages\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devils4talents.online\/en_us\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/devils4talents.online\/en_us\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/devils4talents.online\/en_us\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devils4talents.online\/en_us\/wp-json\/wp\/v2\/comments?post=35"}],"version-history":[{"count":7,"href":"https:\/\/devils4talents.online\/en_us\/wp-json\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":184,"href":"https:\/\/devils4talents.online\/en_us\/wp-json\/wp\/v2\/pages\/35\/revisions\/184"}],"wp:attachment":[{"href":"https:\/\/devils4talents.online\/en_us\/wp-json\/wp\/v2\/media?parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}