@armoyu/ui 1.1.41 → 1.2.0

package/dist/components/modules/community/widgets/SurveyCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"SurveyCard.js","sourceRoot":"","sources":["../../../../../src/components/modules/community/widgets/SurveyCard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAOxF,MAAM,UAAU,UAAU,CAAC,EAAE,MAAM,EAAE,MAAM,EAAmB;IAC5D,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;IACrF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC1E,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,QAAQ,IAAI,KAAK,CAAC,CAAC;IAEnE,0BAA0B;IAC1B,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAElF,MAAM,UAAU,GAAG,CAAC,QAAgB,EAAE,EAAE;QACtC,IAAI,QAAQ,IAAI,SAAS;YAAE,OAAO;QAClC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;QAC5B,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,yKAAyK,aAGtL,cAAK,SAAS,EAAC,qGAAqG,GAAG,EACvH,cAAK,SAAS,EAAC,kGAAkG,GAAG,EAGpH,eAAK,SAAS,EAAC,qDAAqD,aAClE,eAAK,SAAS,EAAC,yBAAyB,aACtC,cAAK,SAAS,EAAC,4KAA4K,YACzL,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,GAAI,GAChB,EACN,0BACE,eAAK,SAAS,EAAC,8BAA8B,aAC3C,eAAM,SAAS,EAAE,qFAAqF,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,mBAAmB,EAAE,YACnJ,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,GACvC,EACP,eAAM,SAAS,EAAC,mFAAmF,YAChG,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,MAAM,CAAC,SAAS,IAAI,UAAU,EAAE,GACpE,IACH,EACN,aAAI,SAAS,EAAC,+DAA+D,uCAAkB,IAC3F,IACF,EACN,eAAK,SAAS,EAAC,0GAA0G,aACtH,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,qBAAqB,GAAG,EACnD,gBAAM,SAAS,EAAC,mEAAmE,aAAE,UAAU,gBAAgB,IAC5G,IACF,EAEN,eAAK,SAAS,EAAC,qBAAqB,aAClC,aAAI,SAAS,EAAC,yJAAyJ,YACpK,MAAM,CAAC,QAAQ,GACb,EACL,YAAG,SAAS,EAAC,8DAA8D,uIAEvE,IACA,EAGN,cAAK,SAAS,EAAC,yBAAyB,YACrC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;oBAC7B,MAAM,UAAU,GAAG,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,UAAU,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBAC7F,MAAM,UAAU,GAAG,cAAc,KAAK,MAAM,CAAC,EAAE,CAAC;oBAEhD,OAAO,CACL,kBAEE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,EACpC,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAC/B,SAAS,EAAE,+FACT,QAAQ;4BACN,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,2CAA2C,CAAC,CAAC,CAAC,iEAAiE;4BAC9H,CAAC,CAAC,SAAS;gCACT,CAAC,CAAC,oFAAoF;gCACtF,CAAC,CAAC,uGACR,EAAE,aAGD,QAAQ,IAAI,CACX,cACE,SAAS,EAAE,mEAAmE,UAAU,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,6BAA6B,EAAE,EACnJ,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,UAAU,GAAG,EAAE,GAClC,CACH,EAED,eAAK,SAAS,EAAC,gDAAgD,aAC7D,eAAK,SAAS,EAAC,yBAAyB,aACtC,cAAK,SAAS,EAAE,qBAAqB,UAAU,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,wBAAwB,EAAE,YACjG,QAAQ,CAAC,CAAC,CAAC,CACV,UAAU,CAAC,CAAC,CAAC,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,UAAU,GAAG,EAAE,CAAC,CAAC,CAAC,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,iBAAiB,GAAG,CAAC,CAAC,CAAC,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,YAAY,GAAG,CAC3J,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,0DAA0D,GAAG,CAC1F,GACG,EACN,eAAM,SAAS,EAAE,kEAAkE,UAAU,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,kBAAkB,EAAE,YACzI,MAAM,CAAC,IAAI,GACP,IACH,EAEL,QAAQ,IAAI,CACX,eAAK,SAAS,EAAC,yBAAyB,aACtC,gBAAM,SAAS,EAAC,mFAAmF,aAAE,MAAM,CAAC,KAAK,WAAW,EAC5H,gBAAM,SAAS,EAAE,8CAA8C,UAAU,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,wBAAwB,EAAE,kBAC1H,UAAU,IACP,IACH,CACP,IACG,KAzCD,MAAM,CAAC,EAAE,CA0CP,CACV,CAAC;gBACJ,CAAC,CAAC,GACE,EAGN,eAAK,SAAS,EAAC,+FAA+F,aAC5G,eAAK,SAAS,EAAC,gDAAgD,aAC5D,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,qBAAqB,GAAI,EAClF,eAAM,SAAS,EAAC,kDAAkD,YAC/D,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,UAAU,MAAM,CAAC,SAAS,EAAE,GACzD,IACJ,EACL,CAAC,QAAQ,IAAI,CAAC,SAAS,IAAI,CACzB,eAAK,SAAS,EAAC,4GAA4G,8BAC3G,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,GAAI,IACpD,CACR,IACG,IACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"SurveyCard.js","sourceRoot":"","sources":["../../../../../src/components/modules/community/widgets/SurveyCard.tsx"],"names":[],"mappings":"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"}

package/dist/components/modules/events/DetailPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DetailPage.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/events/DetailPage.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAmBpE,UAAU,iBAAiB;IACxB,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,iBAAiB,2CA0a7E;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"DetailPage.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/events/DetailPage.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAyGpE,UAAU,iBAAiB;IACxB,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,iBAAiB,2CAuzC7E;AAED,eAAe,UAAU,CAAC"}

package/dist/components/modules/events/DetailPage.js

@@ -1,12 +1,82 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useState, useEffect } from 'react';
 import { useRouter } from 'next/navigation';
 import { PageWidth } from '../../shared/PageWidth';
 import { ArmoyuEvent } from '../../../models/community/ArmoyuEvent';
-import { ChevronLeft, Calendar, MapPin, Users, Trophy, ShieldCheck, Gamepad2, Clock, AlertCircle, LayoutGrid, List } from 'lucide-react';
+import { ChevronLeft, Calendar, MapPin, Users, Trophy, ShieldCheck, Gamepad2, Clock, AlertCircle, LayoutGrid, List, Award, Zap, Sword, Crown, ShieldAlert, ArrowUp, ArrowDown } from 'lucide-react';
 import { useArmoyu } from '../../../context/ArmoyuContext';
 import { eventList } from '../../../lib/constants/stationData';
+// TURNUVA MOCK DATA
+const tournamentTeams = [
+    { id: 1, name: 'Armada Esports', logo: 'https://images.unsplash.com/photo-1517649763962-0c623066013b?auto=format&fit=crop&w=80&h=80&q=80', played: 5, won: 4, drawn: 1, lost: 0, gf: 14, ga: 4, gd: 10, points: 13 },
+    { id: 2, name: 'Göztepe Espor', logo: 'https://images.unsplash.com/photo-1508098682722-e99c43a406b2?auto=format&fit=crop&w=80&h=80&q=80', played: 5, won: 3, drawn: 1, lost: 1, gf: 11, ga: 6, gd: 5, points: 10 },
+    { id: 3, name: 'Anatolia Warriors', logo: 'https://images.unsplash.com/photo-1541252260730-0412e8e2108e?auto=format&fit=crop&w=80&h=80&q=80', played: 5, won: 2, drawn: 2, lost: 1, gf: 9, ga: 7, gd: 2, points: 8 },
+    { id: 4, name: 'Kadıköy United', logo: 'https://images.unsplash.com/photo-1560253023-3ec5d502959f?auto=format&fit=crop&w=80&h=80&q=80', played: 5, won: 2, drawn: 0, lost: 3, gf: 8, ga: 10, gd: -2, points: 6 },
+    { id: 5, name: 'Beşiktaş Cyber', logo: 'https://images.unsplash.com/photo-1508098682722-e99c43a406b2?auto=format&fit=crop&w=80&h=80&q=80', played: 5, won: 1, drawn: 1, lost: 3, gf: 6, ga: 11, gd: -5, points: 4 },
+    { id: 6, name: 'Trakya FC', logo: 'https://images.unsplash.com/photo-1517649763962-0c623066013b?auto=format&fit=crop&w=80&h=80&q=80', played: 5, won: 0, drawn: 1, lost: 4, gf: 3, ga: 13, gd: -10, points: 1 }
+];
+const tournamentPlayers = [
+    { id: 1, name: 'Berkay Tiken', avatar: 'https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?auto=format&fit=crop&w=80&h=80&q=80', team: 'Armada Esports', teamLogo: 'https://images.unsplash.com/photo-1517649763962-0c623066013b?auto=format&fit=crop&w=80&h=80&q=80', goals: 8, assists: 4, yellowCards: 1, redCards: 0 },
+    { id: 2, name: 'Efe Çelik', avatar: 'https://images.unsplash.com/photo-1570295999919-56ceb5ecca61?auto=format&fit=crop&w=80&h=80&q=80', team: 'Göztepe Espor', teamLogo: 'https://images.unsplash.com/photo-1508098682722-e99c43a406b2?auto=format&fit=crop&w=80&h=80&q=80', goals: 6, assists: 2, yellowCards: 2, redCards: 0 },
+    { id: 3, name: 'Yiğit Yılmaz', avatar: 'https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&w=80&h=80&q=80', team: 'Anatolia Warriors', teamLogo: 'https://images.unsplash.com/photo-1541252260730-0412e8e2108e?auto=format&fit=crop&w=80&h=80&q=80', goals: 4, assists: 5, yellowCards: 0, redCards: 1 },
+    { id: 4, name: 'Can Demir', avatar: 'https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=80&h=80&q=80', team: 'Armada Esports', teamLogo: 'https://images.unsplash.com/photo-1517649763962-0c623066013b?auto=format&fit=crop&w=80&h=80&q=80', goals: 3, assists: 6, yellowCards: 1, redCards: 0 },
+    { id: 5, name: 'Mert Aksoy', avatar: 'https://images.unsplash.com/photo-1522075469751-3a6694fb2f61?auto=format&fit=crop&w=80&h=80&q=80', team: 'Kadıköy United', teamLogo: 'https://images.unsplash.com/photo-1560253023-3ec5d502959f?auto=format&fit=crop&w=80&h=80&q=80', goals: 5, assists: 1, yellowCards: 3, redCards: 0 },
+    { id: 6, name: 'Burak Kaya', avatar: 'https://images.unsplash.com/photo-1544005313-94ddf0286df2?auto=format&fit=crop&w=80&h=80&q=80', team: 'Beşiktaş Cyber', teamLogo: 'https://images.unsplash.com/photo-1508098682722-e99c43a406b2?auto=format&fit=crop&w=80&h=80&q=80', goals: 4, assists: 1, yellowCards: 1, redCards: 0 },
+    { id: 7, name: 'Emre Şahin', avatar: 'https://images.unsplash.com/photo-1492562080023-ab3db95bfbce?auto=format&fit=crop&w=80&h=80&q=80', team: 'Anatolia Warriors', teamLogo: 'https://images.unsplash.com/photo-1541252260730-0412e8e2108e?auto=format&fit=crop&w=80&h=80&q=80', goals: 2, assists: 3, yellowCards: 2, redCards: 0 },
+    { id: 8, name: 'Kaan Polat', avatar: 'https://images.unsplash.com/photo-1489980508314-941910ded1f4?auto=format&fit=crop&w=80&h=80&q=80', team: 'Trakya FC', teamLogo: 'https://images.unsplash.com/photo-1517649763962-0c623066013b?auto=format&fit=crop&w=80&h=80&q=80', goals: 3, assists: 0, yellowCards: 0, redCards: 2 },
+    { id: 9, name: 'Arda Bulut', avatar: 'https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?auto=format&fit=crop&w=80&h=80&q=80', team: 'Beşiktaş Cyber', teamLogo: 'https://images.unsplash.com/photo-1508098682722-e99c43a406b2?auto=format&fit=crop&w=80&h=80&q=80', goals: 1, assists: 4, yellowCards: 0, redCards: 0 },
+    { id: 10, name: 'Volkan Karaca', avatar: 'https://images.unsplash.com/photo-1519085360753-af0119f7cbe7?auto=format&fit=crop&w=80&h=80&q=80', team: 'Kadıköy United', teamLogo: 'https://images.unsplash.com/photo-1560253023-3ec5d502959f?auto=format&fit=crop&w=80&h=80&q=80', goals: 2, assists: 2, yellowCards: 1, redCards: 1 }
+];
+const tournamentMatches = [
+    // Hafta 1
+    { id: 1, week: 1, homeTeam: 'Armada Esports', homeLogo: 'https://images.unsplash.com/photo-1517649763962-0c623066013b?auto=format&fit=crop&w=80&h=80&q=80', awayTeam: 'Göztepe Espor', awayLogo: 'https://images.unsplash.com/photo-1508098682722-e99c43a406b2?auto=format&fit=crop&w=80&h=80&q=80', homeScore: 3, awayScore: 1, status: 'played', date: '21.05.2026 20:00' },
+    { id: 2, week: 1, homeTeam: 'Anatolia Warriors', homeLogo: 'https://images.unsplash.com/photo-1541252260730-0412e8e2108e?auto=format&fit=crop&w=80&h=80&q=80', awayTeam: 'Kadıköy United', awayLogo: 'https://images.unsplash.com/photo-1560253023-3ec5d502959f?auto=format&fit=crop&w=80&h=80&q=80', homeScore: 2, awayScore: 1, status: 'played', date: '21.05.2026 21:00' },
+    { id: 3, week: 1, homeTeam: 'Beşiktaş Cyber', homeLogo: 'https://images.unsplash.com/photo-1508098682722-e99c43a406b2?auto=format&fit=crop&w=80&h=80&q=80', awayTeam: 'Trakya FC', awayLogo: 'https://images.unsplash.com/photo-1517649763962-0c623066013b?auto=format&fit=crop&w=80&h=80&q=80', homeScore: 2, awayScore: 2, status: 'played', date: '21.05.2026 22:00' },
+    // Hafta 2
+    { id: 4, week: 2, homeTeam: 'Trakya FC', homeLogo: 'https://images.unsplash.com/photo-1517649763962-0c623066013b?auto=format&fit=crop&w=80&h=80&q=80', awayTeam: 'Armada Esports', awayLogo: 'https://images.unsplash.com/photo-1517649763962-0c623066013b?auto=format&fit=crop&w=80&h=80&q=80', homeScore: 0, awayScore: 4, status: 'played', date: '22.05.2026 20:00' },
+    { id: 5, week: 2, homeTeam: 'Göztepe Espor', homeLogo: 'https://images.unsplash.com/photo-1508098682722-e99c43a406b2?auto=format&fit=crop&w=80&h=80&q=80', awayTeam: 'Anatolia Warriors', awayLogo: 'https://images.unsplash.com/photo-1541252260730-0412e8e2108e?auto=format&fit=crop&w=80&h=80&q=80', homeScore: 2, awayScore: 2, status: 'played', date: '22.05.2026 21:00' },
+    { id: 6, week: 2, homeTeam: 'Kadıköy United', homeLogo: 'https://images.unsplash.com/photo-1560253023-3ec5d502959f?auto=format&fit=crop&w=80&h=80&q=80', awayTeam: 'Beşiktaş Cyber', awayLogo: 'https://images.unsplash.com/photo-1508098682722-e99c43a406b2?auto=format&fit=crop&w=80&h=80&q=80', homeScore: 3, awayScore: 1, status: 'played', date: '22.05.2026 22:00' },
+    // Hafta 3 (Canlı & Gelecek Program)
+    { id: 7, week: 3, homeTeam: 'Armada Esports', homeLogo: 'https://images.unsplash.com/photo-1517649763962-0c623066013b?auto=format&fit=crop&w=80&h=80&q=80', awayTeam: 'Anatolia Warriors', awayLogo: 'https://images.unsplash.com/photo-1541252260730-0412e8e2108e?auto=format&fit=crop&w=80&h=80&q=80', homeScore: 2, awayScore: 1, status: 'live', date: 'Canlı Yayında' },
+    { id: 8, week: 3, homeTeam: 'Göztepe Espor', homeLogo: 'https://images.unsplash.com/photo-1508098682722-e99c43a406b2?auto=format&fit=crop&w=80&h=80&q=80', awayTeam: 'Beşiktaş Cyber', awayLogo: 'https://images.unsplash.com/photo-1508098682722-e99c43a406b2?auto=format&fit=crop&w=80&h=80&q=80', status: 'upcoming', date: '23.05.2026 21:00' },
+    { id: 9, week: 3, homeTeam: 'Kadıköy United', homeLogo: 'https://images.unsplash.com/photo-1560253023-3ec5d502959f?auto=format&fit=crop&w=80&h=80&q=80', awayTeam: 'Trakya FC', awayLogo: 'https://images.unsplash.com/photo-1517649763962-0c623066013b?auto=format&fit=crop&w=80&h=80&q=80', status: 'upcoming', date: '23.05.2026 22:00' }
+];
+// LEAGUE OF LEGENDS MOCK DATA
+const lolTeams = [
+    { id: 1, name: 'SuperMassive', logo: 'https://images.unsplash.com/photo-1542751371-adc38448a05e?auto=format&fit=crop&w=80&h=80&q=80', played: 5, won: 5, lost: 0, winRate: 100, kda: 3.4, fb: 4, streak: '5G' },
+    { id: 2, name: 'Fenerbahçe Espor', logo: 'https://images.unsplash.com/photo-1508098682722-e99c43a406b2?auto=format&fit=crop&w=80&h=80&q=80', played: 5, won: 4, lost: 1, winRate: 80, kda: 2.8, fb: 3, streak: '2G' },
+    { id: 3, name: 'Galatasaray Esports', logo: 'https://images.unsplash.com/photo-1541252260730-0412e8e2108e?auto=format&fit=crop&w=80&h=80&q=80', played: 5, won: 3, lost: 2, winRate: 60, kda: 2.1, fb: 3, streak: '1M' },
+    { id: 4, name: 'Dark Passage', logo: 'https://images.unsplash.com/photo-1560253023-3ec5d502959f?auto=format&fit=crop&w=80&h=80&q=80', played: 5, won: 2, lost: 3, winRate: 40, kda: 1.8, fb: 2, streak: '1G' },
+    { id: 5, name: 'Futbolist', logo: 'https://images.unsplash.com/photo-1508098682722-e99c43a406b2?auto=format&fit=crop&w=80&h=80&q=80', played: 5, won: 1, lost: 4, winRate: 20, kda: 1.4, fb: 2, streak: '3M' },
+    { id: 6, name: '5 Ronin', logo: 'https://images.unsplash.com/photo-1517649763962-0c623066013b?auto=format&fit=crop&w=80&h=80&q=80', played: 5, won: 0, lost: 5, winRate: 0, kda: 0.9, fb: 1, streak: '5M' }
+];
+const lolPlayers = [
+    { id: 1, name: 'Berkay', avatar: 'https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?auto=format&fit=crop&w=80&h=80&q=80', team: 'SuperMassive', teamLogo: 'https://images.unsplash.com/photo-1542751371-adc38448a05e?auto=format&fit=crop&w=80&h=80&q=80', role: 'MID', kills: 42, deaths: 8, assists: 38, csMin: 8.9, kp: 72, champion: 'Ahri' },
+    { id: 2, name: 'MythX', avatar: 'https://images.unsplash.com/photo-1570295999919-56ceb5ecca61?auto=format&fit=crop&w=80&h=80&q=80', team: 'SuperMassive', teamLogo: 'https://images.unsplash.com/photo-1542751371-adc38448a05e?auto=format&fit=crop&w=80&h=80&q=80', role: 'ADC', kills: 38, deaths: 5, assists: 40, csMin: 9.2, kp: 70, champion: 'Ezreal' },
+    { id: 3, name: 'Thaldrin', avatar: 'https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&w=80&h=80&q=80', team: 'Fenerbahçe Espor', teamLogo: 'https://images.unsplash.com/photo-1508098682722-e99c43a406b2?auto=format&fit=crop&w=80&h=80&q=80', role: 'TOP', kills: 15, deaths: 12, assists: 35, csMin: 7.8, kp: 55, champion: 'Aatrox' },
+    { id: 4, name: 'Elwind', avatar: 'https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=80&h=80&q=80', team: 'Galatasaray Esports', teamLogo: 'https://images.unsplash.com/photo-1541252260730-0412e8e2108e?auto=format&fit=crop&w=80&h=80&q=80', role: 'TOP', kills: 22, deaths: 18, assists: 20, csMin: 8.1, kp: 51, champion: 'Jax' },
+    { id: 5, name: 'Naru', avatar: 'https://images.unsplash.com/photo-1522075469751-3a6694fb2f61?auto=format&fit=crop&w=80&h=80&q=80', team: 'Fenerbahçe Espor', teamLogo: 'https://images.unsplash.com/photo-1508098682722-e99c43a406b2?auto=format&fit=crop&w=80&h=80&q=80', role: 'MID', kills: 30, deaths: 14, assists: 32, csMin: 8.5, kp: 68, champion: 'Azir' },
+    { id: 6, name: 'Dumbledoge', avatar: 'https://images.unsplash.com/photo-1544005313-94ddf0286df2?auto=format&fit=crop&w=80&h=80&q=80', team: 'SuperMassive', teamLogo: 'https://images.unsplash.com/photo-1542751371-adc38448a05e?auto=format&fit=crop&w=80&h=80&q=80', role: 'SUPPORT', kills: 4, deaths: 10, assists: 65, csMin: 1.2, kp: 75, champion: 'Thresh' },
+    { id: 7, name: 'Stomaged', avatar: 'https://images.unsplash.com/photo-1492562080023-ab3db95bfbce?auto=format&fit=crop&w=80&h=80&q=80', team: 'SuperMassive', teamLogo: 'https://images.unsplash.com/photo-1542751371-adc38448a05e?auto=format&fit=crop&w=80&h=80&q=80', role: 'JUNGLE', kills: 12, deaths: 9, assists: 48, csMin: 5.5, kp: 65, champion: 'Lee Sin' },
+    { id: 8, name: 'HolyPhoenix', avatar: 'https://images.unsplash.com/photo-1489980508314-941910ded1f4?auto=format&fit=crop&w=80&h=80&q=80', team: 'Dark Passage', teamLogo: 'https://images.unsplash.com/photo-1560253023-3ec5d502959f?auto=format&fit=crop&w=80&h=80&q=80', role: 'ADC', kills: 35, deaths: 15, assists: 22, csMin: 8.8, kp: 62, champion: 'Lucian' },
+    { id: 9, name: 'Zeitnot', avatar: 'https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?auto=format&fit=crop&w=80&h=80&q=80', team: 'Galatasaray Esports', teamLogo: 'https://images.unsplash.com/photo-1541252260730-0412e8e2108e?auto=format&fit=crop&w=80&h=80&q=80', role: 'ADC', kills: 28, deaths: 16, assists: 24, csMin: 8.6, kp: 59, champion: 'Kai\'Sa' },
+    { id: 10, name: 'Rogu', avatar: 'https://images.unsplash.com/photo-1519085360753-af0119f7cbe7?auto=format&fit=crop&w=80&h=80&q=80', team: 'Dark Passage', teamLogo: 'https://images.unsplash.com/photo-1560253023-3ec5d502959f?auto=format&fit=crop&w=80&h=80&q=80', role: 'MID', kills: 20, deaths: 19, assists: 25, csMin: 7.9, kp: 57, champion: 'Syndra' }
+];
+const lolMatches = [
+    // Hafta 1
+    { id: 1, week: 1, homeTeam: 'SuperMassive', homeLogo: 'https://images.unsplash.com/photo-1542751371-adc38448a05e?auto=format&fit=crop&w=80&h=80&q=80', awayTeam: 'Fenerbahçe Espor', awayLogo: 'https://images.unsplash.com/photo-1508098682722-e99c43a406b2?auto=format&fit=crop&w=80&h=80&q=80', homeScore: 1, awayScore: 0, status: 'played', date: '21.05.2026 20:00' },
+    { id: 2, week: 1, homeTeam: 'Galatasaray Esports', homeLogo: 'https://images.unsplash.com/photo-1541252260730-0412e8e2108e?auto=format&fit=crop&w=80&h=80&q=80', awayTeam: 'Dark Passage', awayLogo: 'https://images.unsplash.com/photo-1560253023-3ec5d502959f?auto=format&fit=crop&w=80&h=80&q=80', homeScore: 0, awayScore: 1, status: 'played', date: '21.05.2026 21:00' },
+    { id: 3, week: 1, homeTeam: 'Futbolist', homeLogo: 'https://images.unsplash.com/photo-1508098682722-e99c43a406b2?auto=format&fit=crop&w=80&h=80&q=80', awayTeam: '5 Ronin', awayLogo: 'https://images.unsplash.com/photo-1517649763962-0c623066013b?auto=format&fit=crop&w=80&h=80&q=80', homeScore: 1, awayScore: 0, status: 'played', date: '21.05.2026 22:00' },
+    // Hafta 2
+    { id: 4, week: 2, homeTeam: '5 Ronin', homeLogo: 'https://images.unsplash.com/photo-1517649763962-0c623066013b?auto=format&fit=crop&w=80&h=80&q=80', awayTeam: 'SuperMassive', awayLogo: 'https://images.unsplash.com/photo-1542751371-adc38448a05e?auto=format&fit=crop&w=80&h=80&q=80', homeScore: 0, awayScore: 1, status: 'played', date: '22.05.2026 20:00' },
+    { id: 5, week: 2, homeTeam: 'Fenerbahçe Espor', homeLogo: 'https://images.unsplash.com/photo-1508098682722-e99c43a406b2?auto=format&fit=crop&w=80&h=80&q=80', awayTeam: 'Galatasaray Esports', awayLogo: 'https://images.unsplash.com/photo-1541252260730-0412e8e2108e?auto=format&fit=crop&w=80&h=80&q=80', homeScore: 1, awayScore: 0, status: 'played', date: '22.05.2026 21:00' },
+    { id: 6, week: 2, homeTeam: 'Dark Passage', homeLogo: 'https://images.unsplash.com/photo-1560253023-3ec5d502959f?auto=format&fit=crop&w=80&h=80&q=80', awayTeam: 'Futbolist', awayLogo: 'https://images.unsplash.com/photo-1508098682722-e99c43a406b2?auto=format&fit=crop&w=80&h=80&q=80', homeScore: 1, awayScore: 0, status: 'played', date: '22.05.2026 22:00' },
+    // Hafta 3
+    { id: 7, week: 3, homeTeam: 'SuperMassive', homeLogo: 'https://images.unsplash.com/photo-1542751371-adc38448a05e?auto=format&fit=crop&w=80&h=80&q=80', awayTeam: 'Galatasaray Esports', awayLogo: 'https://images.unsplash.com/photo-1541252260730-0412e8e2108e?auto=format&fit=crop&w=80&h=80&q=80', homeScore: 1, awayScore: 0, status: 'live', date: 'Canlı Yayında' },
+    { id: 8, week: 3, homeTeam: 'Fenerbahçe Espor', homeLogo: 'https://images.unsplash.com/photo-1508098682722-e99c43a406b2?auto=format&fit=crop&w=80&h=80&q=80', awayTeam: 'Futbolist', awayLogo: 'https://images.unsplash.com/photo-1508098682722-e99c43a406b2?auto=format&fit=crop&w=80&h=80&q=80', status: 'upcoming', date: '23.05.2026 21:00' },
+    { id: 9, week: 3, homeTeam: 'Dark Passage', homeLogo: 'https://images.unsplash.com/photo-1560253023-3ec5d502959f?auto=format&fit=crop&w=80&h=80&q=80', awayTeam: '5 Ronin', awayLogo: 'https://images.unsplash.com/photo-1517649763962-0c623066013b?auto=format&fit=crop&w=80&h=80&q=80', status: 'upcoming', date: '23.05.2026 22:00' }
+];
 export function DetailPage({ eventId, initialData, onBack }) {
     const router = useRouter();
     const { api, apiKey } = useArmoyu();
@@ -17,6 +87,33 @@ export function DetailPage({ eventId, initialData, onBack }) {
     const [error, setError] = useState(null);
     const [showFullDescription, setShowFullDescription] = useState(false);
     const [showFullRules, setShowFullRules] = useState(false);
+    // DEV TEMPLATE STYLES
+    const [activeStyle, setActiveStyle] = useState('standard');
+    const [activeSubTab, setActiveSubTab] = useState('bracket');
+    const [selectedWeek, setSelectedWeek] = useState(null);
+    // SORTING STATES & HANDLERS
+    const [standingsSortKey, setStandingsSortKey] = useState('points');
+    const [standingsSortDir, setStandingsSortDir] = useState('desc');
+    const [playersSortKey, setPlayersSortKey] = useState('rating');
+    const [playersSortDir, setPlayersSortDir] = useState('desc');
+    const handleStandingsSort = (key) => {
+        if (standingsSortKey === key) {
+            setStandingsSortDir(standingsSortDir === 'asc' ? 'desc' : 'asc');
+        }
+        else {
+            setStandingsSortKey(key);
+            setStandingsSortDir('desc');
+        }
+    };
+    const handlePlayersSort = (key) => {
+        if (playersSortKey === key) {
+            setPlayersSortDir(playersSortDir === 'asc' ? 'desc' : 'asc');
+        }
+        else {
+            setPlayersSortKey(key);
+            setPlayersSortDir('desc');
+        }
+    };
     useEffect(() => {
         const fetchDetail = async () => {
             setIsLoading(true);
@@ -70,6 +167,35 @@ export function DetailPage({ eventId, initialData, onBack }) {
         };
         fetchDetail();
     }, [eventId, api]);
+    useEffect(() => {
+        if (event) {
+            const gName = (event.gameName || '').toLowerCase();
+            const isTournamentGame = gName.includes('counter-strike') ||
+                gName.includes('cs') ||
+                gName.includes('league of legends') ||
+                gName === 'lol' ||
+                gName.includes('assetto') ||
+                gName.includes('okey') ||
+                gName.includes('futbol') ||
+                gName.includes('football') ||
+                gName.includes('soccer');
+            const isSpecialGame = gName.includes('ets') ||
+                gName.includes('euro truck') ||
+                gName.includes('truck') ||
+                gName.includes('simulator') ||
+                gName.includes('minecraft') ||
+                gName.includes('mc');
+            if (isTournamentGame) {
+                setActiveStyle('tournament');
+            }
+            else if (isSpecialGame) {
+                setActiveStyle('game_special');
+            }
+            else {
+                setActiveStyle('standard');
+            }
+        }
+    }, [event]);
     if (isLoading) {
         return (_jsxs("div", { className: "flex flex-col items-center justify-center min-h-[400px] gap-4", children: [_jsx("div", { className: "w-12 h-12 border-4 border-armoyu-primary/20 border-t-armoyu-primary rounded-full animate-spin" }), _jsx("span", { className: "text-xs font-black uppercase tracking-widest text-armoyu-text-muted animate-pulse", children: "Etkinlik Y\u00FCkleniyor..." })] }));
     }
@@ -79,15 +205,149 @@ export function DetailPage({ eventId, initialData, onBack }) {
     const progressPercentage = event.participantLimit > 0
         ? Math.min(100, (event.currentParticipants / event.participantLimit) * 100)
         : 0;
-    return (_jsxs("div", { className: "animate-in fade-in slide-in-from-bottom-4 duration-700 pb-10", children: [_jsxs("div", { className: "fixed inset-0 pointer-events-none overflow-hidden -z-10", children: [_jsx("div", { className: "absolute top-[-10%] left-[-10%] w-[40%] h-[40%] bg-armoyu-primary/5 blur-[100px] rounded-full" }), _jsx("div", { className: "absolute bottom-[-10%] right-[-10%] w-[40%] h-[40%] bg-indigo-600/5 blur-[100px] rounded-full" })] }), _jsx(PageWidth, { width: "max-w-[1280px]" }), _jsx("div", { className: "mx-auto mb-6 px-4", children: _jsxs("button", { onClick: onBack, className: "group flex items-center gap-3 text-armoyu-text-muted hover:text-white transition-all bg-white/5 hover:bg-white/10 px-5 py-2.5 rounded-2xl border border-white/5", children: [_jsx(ChevronLeft, { size: 18, className: "group-hover:-translate-x-1 transition-transform" }), _jsx("span", { className: "text-[10px] font-black uppercase tracking-widest", children: "Geri D\u00F6n" })] }) }), _jsxs("div", { className: "mx-auto px-4 space-y-8", children: [_jsxs("div", { className: "relative aspect-[21/8] md:aspect-[21/6] rounded-[32px] overflow-hidden border border-white/10 shadow-2xl group", children: [_jsx("img", { src: event.image || event.thumbnail, className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-1000", alt: event.name }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black via-black/30 to-transparent" }), _jsxs("div", { className: "absolute inset-0 p-6 md:p-8 flex flex-col justify-end gap-3", children: [_jsxs("div", { className: "flex flex-wrap gap-2 mb-1", children: [_jsx("span", { className: "bg-armoyu-primary text-white px-3 py-1 rounded-full text-[8px] font-black uppercase tracking-widest shadow-lg", children: event.gameName }), _jsx("span", { className: "bg-white/10 backdrop-blur-md text-white px-3 py-1 rounded-full text-[8px] font-black uppercase tracking-widest border border-white/10", children: event.type })] }), _jsx("h1", { className: "text-3xl md:text-5xl font-black text-white uppercase tracking-tighter italic drop-shadow-2xl", children: event.name }), _jsxs("div", { className: "flex items-center gap-6 mt-1 opacity-80", children: [_jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [_jsx(Calendar, { className: "text-armoyu-primary", size: 16 }), _jsx("span", { className: "text-xs font-black text-white uppercase tracking-wider", children: event.date })] }), _jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [_jsx(MapPin, { className: "text-armoyu-primary", size: 16 }), _jsx("span", { className: "text-xs font-black text-white uppercase tracking-wider", children: event.location })] })] })] })] }), _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-4 gap-4", children: [_jsx("div", { className: "lg:col-span-3 grid grid-cols-2 md:grid-cols-4 gap-3", children: [
-                                    { icon: _jsx(Clock, {}), label: 'Durum', value: event.status === 1 ? 'Aktif' : 'Tamamlandı', color: 'text-emerald-500' },
-                                    { icon: _jsx(Users, {}), label: 'Katılım', value: event.getParticipantProgress(), color: 'text-armoyu-primary' },
-                                    { icon: _jsx(Trophy, {}), label: 'Tür', value: event.type === 'bireysel' ? 'Bireysel' : 'Grup', color: 'text-purple-500' },
-                                    { icon: _jsx(MapPin, {}), label: 'Konum', value: event.location || 'Online', color: 'text-orange-500' },
-                                ].map((stat, i) => (_jsxs("div", { className: "bg-armoyu-card-bg p-4 rounded-2xl border border-white/5 flex items-center gap-4 shadow-xl", children: [_jsx("div", { className: `w-8 h-8 rounded-xl bg-white/5 flex items-center justify-center ${stat.color} shrink-0`, children: React.cloneElement(stat.icon, { size: 16 }) }), _jsxs("div", { className: "min-w-0", children: [_jsx("span", { className: "block text-[7px] font-black text-armoyu-text-muted uppercase tracking-widest mb-0.5", children: stat.label }), _jsx("span", { className: "text-[11px] font-black text-armoyu-text uppercase tracking-tighter truncate block", children: stat.value })] })] }, i))) }), _jsxs("div", { className: "bg-armoyu-card-bg rounded-2xl p-4 border border-white/5 shadow-2xl relative overflow-hidden group flex flex-col gap-4", children: [_jsx("div", { className: "absolute top-0 right-0 w-24 h-24 bg-armoyu-primary/5 blur-[40px] -mr-8 -mt-8" }), _jsx("div", { className: "h-1.5 w-full bg-black/20 rounded-full overflow-hidden border border-white/5", children: _jsx("div", { className: "h-full bg-armoyu-primary rounded-full transition-all duration-1000", style: { width: `${progressPercentage}%` } }) }), event.status === 1 ? (_jsxs("button", { className: "w-full py-3 bg-armoyu-primary hover:bg-armoyu-primary text-white rounded-xl font-black text-[10px] uppercase tracking-[0.2em] transition-all shadow-lg active:scale-95 flex items-center justify-center gap-2 relative z-10", children: [_jsx(ShieldCheck, { size: 14, strokeWidth: 3 }), _jsx("span", { children: "Hemen Kat\u0131l" }), event.minOdp > 0 && (_jsxs("span", { className: "text-[7px] opacity-70 bg-black/20 px-1.5 py-0.5 rounded-md font-bold", children: [event.minOdp, " ODP"] }))] })) : (_jsxs("div", { className: "w-full py-3 bg-white/5 border border-white/10 rounded-xl flex items-center justify-center gap-2 opacity-50", children: [_jsx(ShieldCheck, { size: 14, className: "text-armoyu-text-muted" }), _jsx("span", { className: "text-[9px] font-black uppercase tracking-widest text-armoyu-text-muted", children: "Etkinlik Tamamland\u0131" })] }))] })] }), _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-[10px] font-black text-white uppercase tracking-[0.3em] italic border-l-4 border-armoyu-primary pl-4", children: "ETK\u0130NL\u0130K SORUMLULARI" }), _jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3", children: event.organizers && event.organizers.length > 0 ? event.organizers.map((organizer) => (_jsxs("div", { onClick: () => router.push(`/oyuncu/${organizer.displayName}`), className: "flex items-center gap-3 p-3 bg-armoyu-card-bg rounded-2xl border border-white/5 hover:border-armoyu-primary/30 transition-all group cursor-pointer active:scale-95 shadow-lg", children: [_jsx("img", { src: organizer.avatar, className: "w-8 h-8 rounded-lg border border-white/10", alt: "" }), _jsxs("div", { className: "flex flex-col min-w-0", children: [_jsx("span", { className: "text-[10px] font-black text-armoyu-text uppercase tracking-tighter group-hover:text-armoyu-primary transition-colors truncate", children: organizer.displayName }), _jsx("span", { className: "text-[7px] font-black text-armoyu-text-muted uppercase tracking-widest italic opacity-60", children: "Y\u00F6netici" })] })] }, organizer.id))) : (_jsxs("div", { className: "flex items-center gap-3 p-3 bg-armoyu-card-bg rounded-2xl border border-white/5", children: [_jsx("div", { className: "w-8 h-8 rounded-lg bg-armoyu-primary/10 flex items-center justify-center text-armoyu-primary", children: _jsx(Gamepad2, { size: 16 }) }), _jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "text-[10px] font-black text-armoyu-text uppercase tracking-tighter italic", children: "Platform Ekibi" }), _jsx("span", { className: "text-[7px] font-black text-armoyu-text-muted uppercase tracking-widest italic", children: "ARMOYU" })] })] })) })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [_jsxs("div", { className: "bg-armoyu-card-bg rounded-3xl p-6 border border-white/5 shadow-xl space-y-4", children: [_jsx("h3", { className: "text-[11px] font-black text-white uppercase tracking-[0.2em] italic border-l-4 border-armoyu-primary pl-4", children: "HAKKINDA" }), _jsxs("div", { className: "relative", children: [_jsx("div", { className: `text-armoyu-text-muted text-xs leading-relaxed font-medium opacity-80 whitespace-pre-wrap transition-all duration-500 ${!showFullDescription ? 'max-h-[150px] overflow-hidden mask-fade-bottom' : 'max-h-[5000px]'}`, children: event.description || 'Bu etkinlik için henüz bir açıklama girilmemiş.' }), event.description && event.description.split(/\s+/).length > 30 && (_jsx("button", { onClick: () => setShowFullDescription(!showFullDescription), className: "mt-3 text-[8px] font-black text-armoyu-primary hover:text-white uppercase tracking-widest transition-all", children: showFullDescription ? '▲ DAHA AZ GÖR' : '▼ DEVAMINI GÖR' }))] })] }), _jsxs("div", { className: "bg-armoyu-card-bg rounded-3xl p-6 border border-white/5 shadow-xl space-y-4", children: [_jsx("h3", { className: "text-[11px] font-black text-white uppercase tracking-[0.2em] italic border-l-4 border-red-600 pl-4", children: "KURALLAR" }), _jsxs("div", { className: "relative", children: [_jsx("div", { className: `text-armoyu-text-muted text-xs leading-relaxed font-medium opacity-80 whitespace-pre-wrap transition-all duration-500 ${!showFullRules ? 'max-h-[150px] overflow-hidden mask-fade-bottom' : 'max-h-[5000px]'}`, children: event.rules || 'Genel platform kuralları geçerlidir.' }), (event.rules || 'Genel platform kuralları geçerlidir.').split(/\s+/).length > 20 && (_jsx("button", { onClick: () => setShowFullRules(!showFullRules), className: "mt-3 text-[8px] font-black text-red-500 hover:text-white uppercase tracking-widest transition-all", children: showFullRules ? '▲ DAHA AZ GÖR' : '▼ DEVAMINI GÖR' }))] })] })] }), _jsxs("div", { className: "bg-armoyu-card-bg rounded-[32px] p-6 md:p-8 border border-white/5 shadow-2xl space-y-6", children: [_jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsx("h3", { className: "text-[12px] font-black text-white uppercase tracking-[0.3em] italic border-l-4 border-armoyu-primary pl-4", children: "KATILIMCILAR" }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("div", { className: "hidden sm:flex items-center gap-2 px-3 py-1.5 bg-armoyu-primary/10 rounded-xl border border-armoyu-primary/20 text-armoyu-primary text-[8px] font-black uppercase tracking-widest italic", children: [_jsx(Users, { size: 12 }), participants.individuals.length + participants.groups.length, " KATILIM"] }), _jsxs("div", { className: "flex items-center gap-1 bg-black/40 p-1 rounded-xl border border-white/5 scale-90", children: [_jsx("button", { onClick: () => setViewMode('grid'), className: `p-1.5 rounded-lg transition-all ${viewMode === 'grid' ? 'bg-armoyu-primary text-white shadow-lg' : 'text-armoyu-text-muted'}`, children: _jsx(LayoutGrid, { size: 14 }) }), _jsx("button", { onClick: () => setViewMode('table'), className: `p-1.5 rounded-lg transition-all ${viewMode === 'table' ? 'bg-armoyu-primary text-white shadow-lg' : 'text-armoyu-text-muted'}`, children: _jsx(List, { size: 14 }) })] })] })] }), _jsxs("div", { className: "space-y-12", children: [participants.individuals.length > 0 && (_jsxs("div", { className: "space-y-4", children: [_jsx("h4", { className: "text-[8px] font-black text-armoyu-text-muted uppercase tracking-[0.4em] opacity-60", children: "OYUNCULAR" }), viewMode === 'grid' ? (_jsx("div", { className: "grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 lg:grid-cols-8 xl:grid-cols-10 gap-3", children: participants.individuals.map((p) => (_jsxs("div", { onClick: () => router.push(`/oyuncu/${p.username}`), className: "flex flex-col items-center gap-2 p-3 bg-white/5 rounded-2xl border border-white/5 hover:border-armoyu-primary/30 transition-all group text-center cursor-pointer active:scale-95", children: [_jsx("img", { src: p.avatar, className: "w-10 h-10 rounded-xl border border-white/5", alt: "" }), _jsx("span", { className: "text-[9px] font-black text-armoyu-text uppercase tracking-tighter truncate w-full group-hover:text-armoyu-primary transition-colors", children: p.name || p.username })] }, p.id))) })) : (_jsx("div", { className: "bg-black/20 rounded-2xl border border-white/5 overflow-hidden shadow-xl", children: _jsxs("table", { className: "w-full text-left", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b border-white/5 bg-white/5", children: [_jsx("th", { className: "px-4 py-3 text-[8px] font-black text-armoyu-text-muted uppercase tracking-widest italic", children: "Oyuncu" }), _jsx("th", { className: "px-4 py-3 text-[8px] font-black text-armoyu-text-muted uppercase tracking-widest italic text-right", children: "Durum" })] }) }), _jsx("tbody", { className: "divide-y divide-white/5", children: participants.individuals.map((p) => (_jsxs("tr", { onClick: () => router.push(`/oyuncu/${p.username}`), className: "hover:bg-white/5 transition-all cursor-pointer group", children: [_jsx("td", { className: "px-4 py-2.5", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("img", { src: p.avatar, className: "w-8 h-8 rounded-lg border border-white/5", alt: "" }), _jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "text-[11px] font-black text-white uppercase tracking-tight group-hover:text-armoyu-primary transition-colors", children: p.name || p.username }), _jsx("span", { className: "text-[8px] font-bold text-armoyu-text-muted uppercase tracking-widest opacity-60 italic", children: "Bireysel" })] })] }) }), _jsx("td", { className: "px-4 py-2.5 text-right", children: _jsx("span", { className: "text-[8px] font-black text-armoyu-primary uppercase tracking-widest italic bg-armoyu-primary/10 px-3 py-1 rounded-full border border-armoyu-primary/20", children: "KATILDI" }) })] }, p.id))) })] }) }))] })), participants.groups.length > 0 && (_jsxs("div", { className: "space-y-4", children: [_jsx("h4", { className: "text-[8px] font-black text-armoyu-text-muted uppercase tracking-[0.4em] opacity-60", children: "GRUPLAR" }), viewMode === 'grid' ? (_jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: participants.groups.map((g) => (_jsxs("div", { onClick: () => router.push(`/grup/${g.shortName}`), className: "group bg-armoyu-card-bg rounded-2xl border border-white/5 overflow-hidden shadow-xl hover:border-armoyu-primary/30 transition-all cursor-pointer active:scale-[0.98]", children: [_jsxs("div", { className: "relative h-16 overflow-hidden", children: [g.banner ? _jsx("img", { src: g.banner, className: "w-full h-full object-cover opacity-20", alt: "" }) : _jsx("div", { className: "w-full h-full bg-gradient-to-r from-armoyu-primary/20 to-indigo-600/20" }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-armoyu-card-bg to-transparent" })] }), _jsxs("div", { className: "relative px-4 -mt-8 mb-3 flex items-end gap-3", children: [_jsx("img", { src: g.logo, className: "w-10 h-10 rounded-xl bg-armoyu-card-bg p-0.5 border border-white/10 shadow-xl", alt: "" }), _jsxs("div", { className: "pb-0.5 min-w-0", children: [_jsx("h5", { className: "text-[12px] font-black text-white uppercase italic tracking-tighter leading-none truncate group-hover:text-armoyu-primary transition-colors", children: g.name }), _jsx("span", { className: "text-[8px] font-bold text-armoyu-primary uppercase tracking-widest italic", children: g.shortName })] })] }), _jsx("div", { className: "px-4 pb-4", children: _jsx("div", { className: "bg-black/20 rounded-xl border border-white/5 overflow-hidden", children: _jsx("table", { className: "w-full text-left", children: _jsx("tbody", { className: "divide-y divide-white/5", children: g.players.slice(0, 3).map((p) => (_jsxs("tr", { onClick: (e) => {
-                                                                                e.stopPropagation();
-                                                                                router.push(`/oyuncu/${p.username || p.name}`);
-                                                                            }, className: "hover:bg-white/5 cursor-pointer transition-colors group/player", children: [_jsxs("td", { className: "px-3 py-1.5 flex items-center gap-2 text-[9px] font-black text-white/80 uppercase truncate", children: [_jsx("img", { src: p.avatar, className: "w-5 h-5 rounded-md border border-white/5 object-cover", alt: "" }), _jsx("span", { className: "truncate group-hover/player:text-armoyu-primary transition-colors", children: p.name })] }), _jsx("td", { className: "px-3 py-1.5 text-right text-[7px] font-black text-armoyu-text-muted uppercase italic opacity-60", children: p.role || 'Oyuncu' })] }, p.id))) }) }) }) })] }, g.id))) })) : (_jsx("div", { className: "bg-black/20 rounded-2xl border border-white/5 overflow-hidden shadow-xl", children: _jsxs("table", { className: "w-full text-left", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b border-white/5 bg-white/5", children: [_jsx("th", { className: "px-4 py-3 text-[8px] font-black text-armoyu-text-muted uppercase tracking-widest italic", children: "Grup" }), _jsx("th", { className: "px-4 py-3 text-[8px] font-black text-armoyu-text-muted uppercase tracking-widest italic", children: "K\u0131saltma" }), _jsx("th", { className: "px-4 py-3 text-[8px] font-black text-armoyu-text-muted uppercase tracking-widest italic text-right", children: "Oyuncu Say\u0131s\u0131" })] }) }), _jsx("tbody", { className: "divide-y divide-white/5", children: participants.groups.map((g) => (_jsxs("tr", { onClick: () => router.push(`/grup/${g.shortName}`), className: "hover:bg-white/5 transition-all cursor-pointer group", children: [_jsx("td", { className: "px-4 py-2.5", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("img", { src: g.logo, className: "w-8 h-8 rounded-lg border border-white/5", alt: "" }), _jsx("span", { className: "text-[11px] font-black text-white uppercase tracking-tight group-hover:text-armoyu-primary transition-colors truncate", children: g.name })] }) }), _jsx("td", { className: "px-4 py-2.5", children: _jsx("span", { className: "text-[9px] font-black text-armoyu-primary uppercase italic", children: g.shortName }) }), _jsx("td", { className: "px-4 py-2.5 text-right", children: _jsxs("span", { className: "text-[10px] font-black text-white uppercase tracking-tighter bg-white/5 px-3 py-1 rounded-full border border-white/5", children: [g.players.length, " OYUNCU"] }) })] }, g.id))) })] }) }))] }))] })] })] })] }));
+    const getParticipantTypeLabel = (type) => {
+        switch (type) {
+            case 'bireysel': return 'Bireysel';
+            case 'gruplu': return 'Gruplu';
+            case 'bireysel_gruplu': return 'Bireysel & Gruplu';
+            default: return 'Bireysel';
+        }
+    };
+    // RENDER: STANDARD VIEW (Original Elegancy)
+    const renderStandardView = () => {
+        return (_jsxs("div", { className: "mx-auto px-4 space-y-8 animate-in fade-in duration-500", children: [_jsxs("div", { className: "relative aspect-[21/8] md:aspect-[21/6] rounded-[32px] overflow-hidden border border-white/10 shadow-2xl group", children: [_jsx("img", { src: event.image || event.thumbnail, className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-1000", alt: event.name }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black via-black/30 to-transparent" }), _jsxs("div", { className: "absolute inset-0 p-6 md:p-8 flex flex-col justify-end gap-3", children: [_jsxs("div", { className: "flex flex-wrap gap-2 mb-1", children: [_jsx("span", { className: "bg-armoyu-primary text-white px-3 py-1 rounded-full text-[8px] font-black uppercase tracking-widest shadow-lg", children: event.gameName }), _jsx("span", { className: "bg-white/10 backdrop-blur-md text-white px-3 py-1 rounded-full text-[8px] font-black uppercase tracking-widest border border-white/10", children: event.type })] }), _jsx("h1", { className: "text-3xl md:text-5xl font-black text-white uppercase tracking-tighter italic drop-shadow-2xl", children: event.name }), _jsxs("div", { className: "flex items-center gap-6 mt-1 opacity-80", children: [_jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [_jsx(Calendar, { className: "text-armoyu-primary", size: 16 }), _jsx("span", { className: "text-xs font-black text-white uppercase tracking-wider", children: event.date })] }), _jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [_jsx(MapPin, { className: "text-armoyu-primary", size: 16 }), _jsx("span", { className: "text-xs font-black text-white uppercase tracking-wider", children: event.location })] })] })] })] }), _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-4 gap-4", children: [_jsx("div", { className: "lg:col-span-3 grid grid-cols-2 md:grid-cols-4 gap-3", children: [
+                                { icon: _jsx(Clock, {}), label: 'Durum', value: event.status === 1 ? 'Aktif' : 'Tamamlandı', color: 'text-emerald-500' },
+                                { icon: _jsx(Users, {}), label: 'Katılım', value: event.getParticipantProgress(), color: 'text-armoyu-primary' },
+                                { icon: _jsx(Trophy, {}), label: 'Tür', value: getParticipantTypeLabel(event.type), color: 'text-purple-500' },
+                                { icon: _jsx(MapPin, {}), label: 'Konum', value: event.location || 'Online', color: 'text-orange-500' },
+                            ].map((stat, i) => (_jsxs("div", { className: "bg-armoyu-card-bg p-4 rounded-2xl border border-white/5 flex items-center gap-4 shadow-xl", children: [_jsx("div", { className: `w-8 h-8 rounded-xl bg-white/5 flex items-center justify-center ${stat.color} shrink-0`, children: React.cloneElement(stat.icon, { size: 16 }) }), _jsxs("div", { className: "min-w-0", children: [_jsx("span", { className: "block text-[7px] font-black text-armoyu-text-muted uppercase tracking-widest mb-0.5", children: stat.label }), _jsx("span", { className: "text-[11px] font-black text-armoyu-text uppercase tracking-tighter truncate block", children: stat.value })] })] }, i))) }), _jsxs("div", { className: "bg-armoyu-card-bg rounded-2xl p-4 border border-white/5 shadow-2xl relative overflow-hidden group flex flex-col gap-4", children: [_jsx("div", { className: "absolute top-0 right-0 w-24 h-24 bg-armoyu-primary/5 blur-[40px] -mr-8 -mt-8" }), _jsx("div", { className: "h-1.5 w-full bg-black/20 rounded-full overflow-hidden border border-white/5", children: _jsx("div", { className: "h-full bg-armoyu-primary rounded-full transition-all duration-1000", style: { width: `${progressPercentage}%` } }) }), event.status === 1 ? (_jsxs("button", { className: "w-full py-3 bg-armoyu-primary hover:bg-armoyu-primary/90 text-white rounded-xl font-black text-[10px] uppercase tracking-[0.2em] transition-all shadow-lg active:scale-95 flex items-center justify-center gap-2 relative z-10", children: [_jsx(ShieldCheck, { size: 14, strokeWidth: 3 }), _jsx("span", { children: "Hemen Kat\u0131l" }), event.minOdp > 0 && (_jsxs("span", { className: "text-[7px] opacity-70 bg-black/20 px-1.5 py-0.5 rounded-md font-bold", children: [event.minOdp, " ODP"] }))] })) : (_jsxs("div", { className: "w-full py-3 bg-white/5 border border-white/10 rounded-xl flex items-center justify-center gap-2 opacity-50", children: [_jsx(ShieldCheck, { size: 14, className: "text-armoyu-text-muted" }), _jsx("span", { className: "text-[9px] font-black uppercase tracking-widest text-armoyu-text-muted", children: "Etkinlik Tamamland\u0131" })] }))] })] }), _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-[10px] font-black text-white uppercase tracking-[0.3em] italic border-l-4 border-armoyu-primary pl-4", children: "ETK\u0130NL\u0130K SORUMLULARI" }), _jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3", children: event.organizers && event.organizers.length > 0 ? event.organizers.map((organizer) => (_jsxs("div", { onClick: () => router.push(`/oyuncu/${organizer.displayName}`), className: "flex items-center gap-3 p-3 bg-armoyu-card-bg rounded-2xl border border-white/5 hover:border-armoyu-primary/30 transition-all group cursor-pointer active:scale-95 shadow-lg", children: [_jsx("img", { src: organizer.avatar, className: "w-8 h-8 rounded-lg border border-white/10", alt: "" }), _jsxs("div", { className: "flex flex-col min-w-0", children: [_jsx("span", { className: "text-[10px] font-black text-armoyu-text uppercase tracking-tighter group-hover:text-armoyu-primary transition-colors truncate", children: organizer.displayName }), _jsx("span", { className: "text-[7px] font-black text-armoyu-text-muted uppercase tracking-widest italic opacity-60", children: "Y\u00F6netici" })] })] }, organizer.id))) : (_jsxs("div", { className: "flex items-center gap-3 p-3 bg-armoyu-card-bg rounded-2xl border border-white/5", children: [_jsx("div", { className: "w-8 h-8 rounded-lg bg-armoyu-primary/10 flex items-center justify-center text-armoyu-primary", children: _jsx(Gamepad2, { size: 16 }) }), _jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "text-[10px] font-black text-armoyu-text uppercase tracking-tighter italic", children: "Platform Ekibi" }), _jsx("span", { className: "text-[7px] font-black text-armoyu-text-muted uppercase tracking-widest italic", children: "ARMOYU" })] })] })) })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [_jsxs("div", { className: "bg-armoyu-card-bg rounded-3xl p-6 border border-white/5 shadow-xl space-y-4", children: [_jsx("h3", { className: "text-[11px] font-black text-white uppercase tracking-[0.2em] italic border-l-4 border-armoyu-primary pl-4", children: "HAKKINDA" }), _jsxs("div", { className: "relative", children: [_jsx("div", { className: `text-armoyu-text-muted text-xs leading-relaxed font-medium opacity-80 whitespace-pre-wrap transition-all duration-500 ${!showFullDescription ? 'max-h-[150px] overflow-hidden mask-fade-bottom' : 'max-h-[5000px]'}`, children: event.description || 'Bu etkinlik için henüz bir açıklama girilmemiş.' }), event.description && event.description.split(/\s+/).length > 30 && (_jsx("button", { onClick: () => setShowFullDescription(!showFullDescription), className: "mt-3 text-[8px] font-black text-armoyu-primary hover:text-white uppercase tracking-widest transition-all", children: showFullDescription ? '▲ DAHA AZ GÖR' : '▼ DEVAMINI GÖR' }))] })] }), _jsxs("div", { className: "bg-armoyu-card-bg rounded-3xl p-6 border border-white/5 shadow-xl space-y-4", children: [_jsx("h3", { className: "text-[11px] font-black text-white uppercase tracking-[0.2em] italic border-l-4 border-red-600 pl-4", children: "KURALLAR" }), _jsxs("div", { className: "relative", children: [_jsx("div", { className: `text-armoyu-text-muted text-xs leading-relaxed font-medium opacity-80 whitespace-pre-wrap transition-all duration-500 ${!showFullRules ? 'max-h-[150px] overflow-hidden mask-fade-bottom' : 'max-h-[5000px]'}`, children: event.rules || 'Genel platform kuralları geçerlidir.' }), (event.rules || 'Genel platform kuralları geçerlidir.').split(/\s+/).length > 20 && (_jsx("button", { onClick: () => setShowFullRules(!showFullRules), className: "mt-3 text-[8px] font-black text-red-500 hover:text-white uppercase tracking-widest transition-all", children: showFullRules ? '▲ DAHA AZ GÖR' : '▼ DEVAMINI GÖR' }))] })] })] })] }));
+    };
+    const renderTournamentView = () => {
+        const gName = (event?.gameName || '').toLowerCase();
+        const isTournamentGame = gName.includes('counter-strike') ||
+            gName.includes('cs') ||
+            gName.includes('league of legends') ||
+            gName === 'lol' ||
+            gName.includes('assetto') ||
+            gName.includes('okey') ||
+            gName.includes('futbol') ||
+            gName.includes('football') ||
+            gName.includes('soccer');
+        if (!isTournamentGame) {
+            return (_jsx("div", { className: "max-w-[1280px] mx-auto px-4", children: _jsxs("div", { className: "bg-armoyu-card-bg border border-white/5 rounded-[32px] p-8 md:p-12 text-center shadow-2xl relative overflow-hidden flex flex-col items-center justify-center min-h-[300px]", children: [_jsx("span", { className: "text-4xl mb-4", children: "\uD83D\uDEAB" }), _jsx("h3", { className: "text-md font-black text-white uppercase tracking-[0.2em] italic", children: "Turnuva \u015Eablonu Yoktur" }), _jsx("p", { className: "text-xs text-gray-400 mt-2 max-w-sm", children: "Bu etkinlik veya oyunda turnuva a\u011Fac\u0131 ya da lig \u015Fablonu kullan\u0131lmamaktad\u0131r." })] }) }));
+        }
+        const isLoL = gName.includes('league of legends') || gName === 'lol';
+        const teams = isLoL ? lolTeams : tournamentTeams;
+        const matches = isLoL ? lolMatches : tournamentMatches;
+        const players = isLoL ? lolPlayers : tournamentPlayers;
+        const renderSortHeader = (tab, key, label, center = false) => {
+            const currentKey = tab === 'standings' ? standingsSortKey : playersSortKey;
+            const currentDir = tab === 'standings' ? standingsSortDir : playersSortDir;
+            const handler = tab === 'standings' ? handleStandingsSort : handlePlayersSort;
+            const isActive = currentKey === key;
+            return (_jsx("th", { className: `px-3 py-3 text-[8px] font-black uppercase tracking-widest italic select-none ${center ? 'text-center' : 'text-left'}`, children: _jsxs("button", { onClick: () => handler(key), className: `inline-flex items-center gap-1 hover:text-white transition-all ${isActive ? 'text-amber-500 font-black' : 'text-gray-400'} ${center ? 'justify-center w-full' : ''}`, children: [_jsx("span", { children: label }), isActive && (currentDir === 'asc' ? _jsx(ArrowUp, { size: 8, className: "shrink-0" }) : _jsx(ArrowDown, { size: 8, className: "shrink-0" }))] }) }));
+        };
+        return (_jsxs("div", { className: "mx-auto px-4 space-y-8 animate-in zoom-in-95 duration-500 relative", children: [_jsx("div", { className: "absolute inset-0 bg-[linear-gradient(to_right,#80808008_1px,transparent_1px),linear-gradient(to_bottom,#80808008_1px,transparent_1px)] bg-[size:32px_32px] pointer-events-none -z-20" }), _jsxs("div", { className: "relative aspect-[21/8] md:aspect-[21/6] rounded-[32px] overflow-hidden border-2 border-amber-500/40 shadow-[0_0_40px_rgba(245,158,11,0.15)] group", children: [_jsx("img", { src: event.image || event.thumbnail, className: "w-full h-full object-cover saturate-120 group-hover:scale-105 transition-transform duration-1000", alt: event.name }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-[#050508] via-[#050508]/40 to-transparent" }), _jsx("div", { className: "absolute top-4 left-4 w-4 h-4 border-t-2 border-l-2 border-amber-500" }), _jsx("div", { className: "absolute top-4 right-4 w-4 h-4 border-t-2 border-r-2 border-amber-500" }), _jsx("div", { className: "absolute bottom-4 left-4 w-4 h-4 border-b-2 border-l-2 border-amber-500" }), _jsx("div", { className: "absolute bottom-4 right-4 w-4 h-4 border-b-2 border-r-2 border-amber-500" }), _jsxs("div", { className: "absolute inset-0 p-6 md:p-10 flex flex-col justify-end gap-3", children: [_jsxs("div", { className: "flex flex-wrap gap-2 mb-1", children: [_jsxs("span", { className: "bg-gradient-to-r from-amber-500 to-yellow-600 text-black px-4 py-1.5 rounded-xl text-[9px] font-black uppercase tracking-widest shadow-[0_0_15px_rgba(245,158,11,0.4)] flex items-center gap-1.5", children: [_jsx(Trophy, { size: 10 }), " TURNUVA ETK\u0130NL\u0130\u011E\u0130"] }), _jsx("span", { className: "bg-black/60 backdrop-blur-md text-amber-500 px-3 py-1 rounded-xl text-[8px] font-black uppercase tracking-widest border border-amber-500/20", children: event.gameName })] }), _jsx("h1", { className: "text-4xl md:text-6xl font-black text-white uppercase tracking-tighter italic drop-shadow-[0_4px_8px_rgba(0,0,0,0.8)] text-shadow-glow", children: event.name }), _jsxs("div", { className: "flex flex-wrap items-center gap-6 mt-1 text-gray-300", children: [_jsxs("div", { className: "flex items-center gap-2 shrink-0 bg-black/40 px-3 py-1.5 rounded-xl border border-white/5", children: [_jsx(Calendar, { className: "text-amber-500", size: 14 }), _jsx("span", { className: "text-[10px] font-black uppercase tracking-wider", children: event.date })] }), _jsxs("div", { className: "flex items-center gap-2 shrink-0 bg-black/40 px-3 py-1.5 rounded-xl border border-white/5", children: [_jsx(MapPin, { className: "text-amber-500", size: 14 }), _jsx("span", { className: "text-[10px] font-black uppercase tracking-wider", children: event.location || 'Discord Arenası' })] })] })] })] }), _jsxs("div", { className: "bg-gradient-to-r from-amber-500/10 via-yellow-500/5 to-transparent rounded-[32px] border border-amber-500/20 p-6 flex flex-col md:flex-row items-center justify-between gap-6 shadow-xl relative overflow-hidden", children: [_jsx("div", { className: "absolute -right-16 -bottom-16 w-48 h-48 bg-amber-500/5 blur-[50px] rounded-full" }), _jsxs("div", { className: "flex items-center gap-5 relative z-10", children: [_jsx("div", { className: "p-4 bg-amber-500/20 rounded-2xl border border-amber-500/30 text-amber-400 animate-bounce", children: _jsx(Trophy, { size: 32 }) }), _jsxs("div", { children: [_jsx("span", { className: "text-[9px] font-black text-amber-500 uppercase tracking-[0.2em]", children: "ETK\u0130NL\u0130K \u00D6D\u00DCL HAVUZU" }), _jsx("h2", { className: "text-2xl font-black text-white uppercase tracking-tight mt-0.5", children: "15,000 ODP + Discord Sponsor Rol\u00FC" })] })] }), _jsxs("div", { className: "flex gap-3 relative z-10 w-full md:w-auto", children: [_jsxs("div", { className: "bg-[#0b0b12] border border-amber-500/30 rounded-2xl p-4 text-center flex-1 md:flex-initial min-w-[100px] shadow-lg", children: [_jsx("span", { className: "block text-[8px] font-black text-amber-500 uppercase tracking-widest", children: "\uD83C\uDFC6 1. B\u0130R\u0130NC\u0130" }), _jsx("span", { className: "text-sm font-black text-white block mt-1", children: "8,000 ODP" })] }), _jsxs("div", { className: "bg-[#0b0b12] border border-white/10 rounded-2xl p-4 text-center flex-1 md:flex-initial min-w-[100px]", children: [_jsx("span", { className: "block text-[8px] font-black text-gray-400 uppercase tracking-widest", children: "\uD83E\uDD48 2. \u0130K\u0130NC\u0130" }), _jsx("span", { className: "text-sm font-black text-white block mt-1", children: "4,000 ODP" })] }), _jsxs("div", { className: "bg-[#0b0b12] border border-white/10 rounded-2xl p-4 text-center flex-1 md:flex-initial min-w-[100px]", children: [_jsx("span", { className: "block text-[8px] font-black text-amber-700 uppercase tracking-widest", children: "\uD83E\uDD49 3. \u00DC\u00C7\u00DCNC\u00DC" }), _jsx("span", { className: "text-sm font-black text-white block mt-1", children: "3,000 ODP" })] })] })] }), _jsx("div", { className: "flex flex-wrap gap-2 border-b border-white/5 pb-4", children: [
+                        { id: 'bracket', label: 'Turnuva Ağacı (Düello)', icon: _jsx(Trophy, { size: 12 }) },
+                        { id: 'fixtures', label: 'Fikstür & Maçlar', icon: _jsx(Calendar, { size: 12 }) },
+                        { id: 'standings', label: 'Puan Durumu', icon: _jsx(List, { size: 12 }) },
+                        { id: 'players', label: 'Oyuncu İstatistikleri', icon: _jsx(Users, { size: 12 }) },
+                    ].map((tab) => (_jsxs("button", { onClick: () => setActiveSubTab(tab.id), className: `flex items-center gap-2 px-4 py-2 rounded-xl text-[10px] font-black uppercase tracking-wider transition-all ${activeSubTab === tab.id
+                            ? 'bg-amber-500 text-black shadow-[0_0_15px_rgba(245,158,11,0.3)]'
+                            : 'bg-white/5 text-gray-400 hover:bg-white/10 hover:text-white'}`, children: [tab.icon, _jsx("span", { children: tab.label })] }, tab.id))) }), _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-4 gap-6", children: [_jsxs("div", { className: "lg:col-span-3 space-y-6", children: [activeSubTab === 'bracket' && (
+                                /* Bracket view */
+                                _jsxs("div", { className: "bg-armoyu-card-bg border border-white/5 rounded-[32px] p-6 md:p-8 space-y-6 shadow-2xl relative overflow-hidden", children: [_jsx("div", { className: "absolute top-0 right-0 w-32 h-32 bg-amber-500/5 blur-[50px] -mr-10 -mt-10 rounded-full" }), _jsx("h3", { className: "text-[11px] font-black text-white uppercase tracking-[0.3em] italic border-l-4 border-amber-500 pl-4", children: "D\u00DCELLO E\u015ELE\u015EMELER\u0130 (TURNUVA A\u011EACI)" }), _jsxs("div", { className: "flex flex-col lg:flex-row items-center justify-between gap-8 py-8 overflow-x-auto min-w-full", children: [_jsxs("div", { className: "flex flex-col gap-6 w-full lg:w-60 shrink-0", children: [_jsx("div", { className: "text-[8px] font-black text-gray-400 uppercase tracking-[0.25em] text-center border-b border-white/5 pb-2", children: "\u00C7EYREK F\u0130NAL" }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "bg-black/40 border border-white/10 p-3.5 rounded-2xl space-y-2 relative", children: [_jsxs("div", { className: "flex justify-between items-center text-[10px] font-black text-white", children: [_jsx("span", { className: "truncate", children: "Team Alpha" }), _jsx("span", { className: "text-amber-500", children: "2" })] }), _jsxs("div", { className: "flex justify-between items-center text-[10px] font-black text-gray-500", children: [_jsx("span", { className: "truncate", children: "Team Beta" }), _jsx("span", { children: "1" })] })] }), _jsxs("div", { className: "bg-black/40 border border-white/10 p-3.5 rounded-2xl space-y-2", children: [_jsxs("div", { className: "flex justify-between items-center text-[10px] font-black text-gray-500", children: [_jsx("span", { className: "truncate", children: "Team Delta" }), _jsx("span", { children: "0" })] }), _jsxs("div", { className: "flex justify-between items-center text-[10px] font-black text-white", children: [_jsx("span", { className: "truncate", children: "Team Gamma" }), _jsx("span", { className: "text-amber-500", children: "2" })] })] })] })] }), _jsxs("div", { className: "flex flex-col gap-12 w-full lg:w-60 shrink-0", children: [_jsx("div", { className: "text-[8px] font-black text-gray-400 uppercase tracking-[0.25em] text-center border-b border-white/5 pb-2", children: "YARI F\u0130NAL" }), _jsx("div", { className: "space-y-8", children: _jsxs("div", { className: "bg-black/40 border border-amber-500/20 p-3.5 rounded-2xl space-y-2 shadow-lg shadow-amber-500/5", children: [_jsxs("div", { className: "flex justify-between items-center text-[10px] font-black text-white", children: [_jsx("span", { className: "truncate", children: "Team Alpha" }), _jsx("span", { className: "text-amber-500", children: "3" })] }), _jsxs("div", { className: "flex justify-between items-center text-[10px] font-black text-gray-400", children: [_jsx("span", { className: "truncate", children: "Team Gamma" }), _jsx("span", { children: "2" })] })] }) })] }), _jsxs("div", { className: "flex flex-col gap-6 w-full lg:w-60 shrink-0 items-center justify-center", children: [_jsx("div", { className: "text-[8px] font-black text-amber-500 uppercase tracking-[0.25em] text-center border-b border-amber-500/20 pb-2 w-full", children: "B\u00DCY\u00DCK F\u0130NAL" }), _jsxs("div", { className: "bg-gradient-to-b from-amber-500/20 to-black/80 border-2 border-amber-500 p-6 rounded-3xl text-center w-full shadow-2xl shadow-amber-500/15 relative overflow-hidden", children: [_jsx(Crown, { className: "text-amber-500 mx-auto mb-2 animate-bounce", size: 36 }), _jsx("h4", { className: "text-[9px] font-black text-white uppercase tracking-widest", children: "\u015EAMP\u0130YONLUK MA\u00C7I" }), _jsxs("div", { className: "mt-4 space-y-1.5 text-center", children: [_jsx("span", { className: "block text-xs font-black text-amber-500 uppercase", children: "Team Alpha" }), _jsx("span", { className: "text-[8px] font-black text-gray-400 uppercase", children: "VS" }), _jsx("span", { className: "block text-[10px] font-black text-gray-300", children: "TBD (Yar\u0131 Final 2 Kazanan\u0131)" })] })] })] })] })] })), activeSubTab === 'fixtures' && (
+                                /* Fixtures and Results view */
+                                _jsxs("div", { className: "bg-armoyu-card-bg border border-white/5 rounded-[32px] p-6 md:p-8 space-y-6 shadow-2xl relative overflow-hidden", children: [_jsx("div", { className: "absolute top-0 right-0 w-32 h-32 bg-amber-500/5 blur-[50px] -mr-10 -mt-10 rounded-full" }), _jsxs("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between gap-4 border-l-4 border-amber-500 pl-4", children: [_jsx("h3", { className: "text-[11px] font-black text-white uppercase tracking-[0.3em] italic", children: "MA\u00C7 PROGRAMI VE SONU\u00C7LAR" }), _jsxs("div", { className: "flex items-center gap-1.5 bg-black/40 p-1 rounded-xl border border-white/5 self-start", children: [_jsx("button", { onClick: () => setSelectedWeek(null), className: `px-3 py-1.5 rounded-lg text-[9px] font-black uppercase transition-all ${selectedWeek === null
+                                                                ? 'bg-amber-500 text-black font-bold'
+                                                                : 'text-gray-400 hover:text-white hover:bg-white/5'}`, children: "T\u00DCM\u00DC" }), [1, 2, 3].map((weekNum) => (_jsxs("button", { onClick: () => setSelectedWeek(weekNum), className: `px-3 py-1.5 rounded-lg text-[9px] font-black uppercase transition-all ${selectedWeek === weekNum
+                                                                ? 'bg-amber-500 text-black font-bold'
+                                                                : 'text-gray-400 hover:text-white hover:bg-white/5'}`, children: [weekNum, ". Hafta"] }, weekNum)))] })] }), _jsx("div", { className: "space-y-3", children: matches.filter(m => selectedWeek === null || m.week === selectedWeek).map((match) => (_jsxs("div", { className: "bg-black/20 hover:bg-black/35 transition-all border border-white/5 rounded-2xl p-4 flex flex-col md:flex-row items-center justify-between gap-4", children: [_jsxs("div", { className: "flex items-center gap-2 font-mono text-[9px] text-gray-500 uppercase", children: [_jsx(Clock, { size: 12, className: "text-amber-500 shrink-0" }), _jsx("span", { children: match.date })] }), _jsxs("div", { className: "flex items-center justify-center gap-6 flex-1 w-full max-w-lg", children: [_jsxs("div", { className: "flex items-center justify-end gap-3 flex-1 text-right min-w-0", children: [_jsx("span", { className: "text-xs font-black text-white uppercase truncate", children: match.homeTeam }), _jsx("img", { src: match.homeLogo, alt: "", className: "w-8 h-8 rounded-lg border border-white/10 shrink-0 bg-white/5 object-cover" })] }), _jsx("div", { className: "flex items-center gap-2 bg-black/40 px-4 py-1.5 rounded-xl border border-white/5 font-mono text-sm font-black shrink-0", children: match.status === 'upcoming' ? (_jsx("span", { className: "text-xs text-gray-500 uppercase px-1", children: "VS" })) : (_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { className: match.homeScore > match.awayScore ? 'text-amber-400' : 'text-white', children: match.homeScore }), _jsx("span", { className: "text-gray-600 font-normal", children: "-" }), _jsx("span", { className: match.awayScore > match.homeScore ? 'text-amber-400' : 'text-white', children: match.awayScore })] })) }), _jsxs("div", { className: "flex items-center gap-3 flex-1 text-left min-w-0", children: [_jsx("img", { src: match.awayLogo, alt: "", className: "w-8 h-8 rounded-lg border border-white/10 shrink-0 bg-white/5 object-cover" }), _jsx("span", { className: "text-xs font-black text-white uppercase truncate", children: match.awayTeam })] })] }), _jsxs("div", { className: "shrink-0", children: [match.status === 'played' && (_jsx("span", { className: "bg-white/5 text-gray-400 px-3 py-1 rounded-full text-[8px] font-black uppercase tracking-widest border border-white/5", children: "Oynand\u0131" })), match.status === 'live' && (_jsxs("span", { className: "bg-red-500/20 text-red-500 px-3 py-1 rounded-full text-[8px] font-black uppercase tracking-widest border border-red-500/30 animate-pulse flex items-center gap-1", children: [_jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-red-500" }), " Canl\u0131"] })), match.status === 'upcoming' && (_jsx("span", { className: "bg-amber-500/10 text-amber-400 px-3 py-1 rounded-full text-[8px] font-black uppercase tracking-widest border border-amber-500/20", children: "Gelecek Ma\u00E7" }))] })] }, match.id))) })] })), activeSubTab === 'standings' && (
+                                /* Football League Standings View */
+                                _jsxs("div", { className: "bg-armoyu-card-bg border border-white/5 rounded-[32px] p-6 md:p-8 space-y-6 shadow-2xl relative overflow-hidden", children: [_jsx("div", { className: "absolute top-0 right-0 w-32 h-32 bg-amber-500/5 blur-[50px] -mr-10 -mt-10 rounded-full" }), _jsx("h3", { className: "text-[11px] font-black text-white uppercase tracking-[0.3em] italic border-l-4 border-amber-500 pl-4", children: "ETK\u0130NL\u0130K PUAN DURUMU" }), _jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-left border-collapse min-w-[600px]", children: [_jsx("thead", { children: isLoL ? (_jsxs("tr", { className: "border-b border-white/5 bg-white/5 text-[8px] font-black text-gray-400 uppercase tracking-widest italic", children: [_jsx("th", { className: "px-4 py-3 text-center w-12 select-none text-gray-500", children: "S\u0131ra" }), renderSortHeader('standings', 'name', 'Takım'), renderSortHeader('standings', 'played', 'OM', true), renderSortHeader('standings', 'won', 'G', true), renderSortHeader('standings', 'lost', 'M', true), renderSortHeader('standings', 'winRate', 'WR%', true), renderSortHeader('standings', 'kda', 'KDA', true), renderSortHeader('standings', 'fb', 'FB', true), renderSortHeader('standings', 'streak', 'Seri', true)] })) : (_jsxs("tr", { className: "border-b border-white/5 bg-white/5 text-[8px] font-black text-gray-400 uppercase tracking-widest italic", children: [_jsx("th", { className: "px-4 py-3 text-center w-12 select-none text-gray-500", children: "S\u0131ra" }), renderSortHeader('standings', 'name', 'Takım'), renderSortHeader('standings', 'played', 'OM', true), renderSortHeader('standings', 'won', 'G', true), renderSortHeader('standings', 'drawn', 'B', true), renderSortHeader('standings', 'lost', 'M', true), renderSortHeader('standings', 'gf', 'AG', true), renderSortHeader('standings', 'ga', 'YG', true), renderSortHeader('standings', 'gd', 'AV', true), renderSortHeader('standings', 'points', 'Puan', true)] })) }), _jsx("tbody", { className: "divide-y divide-white/5", children: [...teams]
+                                                            .sort((a, b) => {
+                                                            let valA = a[standingsSortKey] ?? 0;
+                                                            let valB = b[standingsSortKey] ?? 0;
+                                                            if (typeof valA === 'string' && typeof valB === 'string') {
+                                                                return standingsSortDir === 'asc'
+                                                                    ? valA.localeCompare(valB)
+                                                                    : valB.localeCompare(valA);
+                                                            }
+                                                            return standingsSortDir === 'asc'
+                                                                ? Number(valA) - Number(valB)
+                                                                : Number(valB) - Number(valA);
+                                                        })
+                                                            .map((team, idx) => {
+                                                            const tAny = team;
+                                                            return (_jsxs("tr", { className: "hover:bg-white/5 transition-all text-xs font-black text-white", children: [_jsx("td", { className: "px-4 py-3 text-center", children: _jsx("span", { className: `inline-flex items-center justify-center w-6 h-6 rounded-lg text-[10px] font-black ${idx === 0
+                                                                                ? 'bg-amber-500 text-black shadow-[0_0_10px_rgba(245,158,11,0.5)]'
+                                                                                : idx === 1
+                                                                                    ? 'bg-gray-300 text-black'
+                                                                                    : idx === 2
+                                                                                        ? 'bg-amber-800 text-white border border-amber-700/50'
+                                                                                        : 'bg-black/40 text-gray-400 border border-white/5'}`, children: idx + 1 }) }), _jsx("td", { className: "px-4 py-3", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("img", { src: team.logo, alt: "", className: "w-8 h-8 rounded-lg border border-white/10 p-0.5 bg-white/5 object-cover" }), _jsx("span", { className: "uppercase tracking-tight", children: team.name })] }) }), isLoL ? (_jsxs(_Fragment, { children: [_jsx("td", { className: "px-3 py-3 text-center text-gray-400", children: tAny.played }), _jsx("td", { className: "px-3 py-3 text-center text-emerald-400", children: tAny.won }), _jsx("td", { className: "px-3 py-3 text-center text-red-400", children: tAny.lost }), _jsxs("td", { className: "px-3 py-3 text-center text-amber-400 font-mono", children: ["%", tAny.winRate] }), _jsx("td", { className: "px-3 py-3 text-center text-gray-300 font-mono", children: tAny.kda }), _jsx("td", { className: "px-3 py-3 text-center text-gray-400", children: tAny.fb }), _jsx("td", { className: "px-4 py-3 text-center font-bold text-amber-500", children: tAny.streak })] })) : (_jsxs(_Fragment, { children: [_jsx("td", { className: "px-3 py-3 text-center text-gray-400", children: tAny.played }), _jsx("td", { className: "px-3 py-3 text-center text-emerald-400", children: tAny.won }), _jsx("td", { className: "px-3 py-3 text-center text-gray-400", children: tAny.drawn }), _jsx("td", { className: "px-3 py-3 text-center text-red-400", children: tAny.lost }), _jsx("td", { className: "px-3 py-3 text-center text-gray-400", children: tAny.gf }), _jsx("td", { className: "px-3 py-3 text-center text-gray-400", children: tAny.ga }), _jsx("td", { className: "px-3 py-3 text-center text-gray-400", children: tAny.gd > 0 ? `+${tAny.gd}` : tAny.gd }), _jsx("td", { className: "px-4 py-3 text-center font-black text-amber-400 bg-amber-500/5", children: tAny.points })] }))] }, team.id));
+                                                        }) })] }) })] })), activeSubTab === 'players' && (
+                                /* Player Statistics View with Rating Formula and Medals */
+                                _jsxs("div", { className: "bg-armoyu-card-bg border border-white/5 rounded-[32px] p-6 md:p-8 space-y-6 shadow-2xl relative overflow-hidden", children: [_jsx("div", { className: "absolute top-0 right-0 w-32 h-32 bg-amber-500/5 blur-[50px] -mr-10 -mt-10 rounded-full" }), _jsx("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between gap-4 border-l-4 border-amber-500 pl-4", children: _jsxs("div", { children: [_jsx("h3", { className: "text-[11px] font-black text-white uppercase tracking-[0.3em] italic", children: "OYUNCU \u0130STAT\u0130ST\u0130KLER\u0130 & SIRALAMA" }), _jsx("p", { className: "text-[8px] font-bold text-gray-500 uppercase tracking-wider mt-1", children: isLoL
+                                                            ? 'Yetenek Puanı = (Kills + Assists) / Deaths formülü (KDA) ile hesaplanır.'
+                                                            : 'Yetenek Puanı = (Gol + Asist) / (Kırmızı Kart + 1) formülü ile hesaplanır.' })] }) }), _jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-left border-collapse min-w-[600px]", children: [_jsx("thead", { children: isLoL ? (_jsxs("tr", { className: "border-b border-white/5 bg-white/5 text-[8px] font-black text-gray-400 uppercase tracking-widest italic", children: [_jsx("th", { className: "px-4 py-3 text-center w-12 select-none text-gray-500", children: "S\u0131ra" }), renderSortHeader('players', 'name', 'Oyuncu'), renderSortHeader('players', 'team', 'Takım'), renderSortHeader('players', 'role', 'Rol', true), renderSortHeader('players', 'kills', 'K', true), renderSortHeader('players', 'deaths', 'D', true), renderSortHeader('players', 'assists', 'A', true), renderSortHeader('players', 'csMin', 'CS/DK', true), renderSortHeader('players', 'kp', 'KP%', true), renderSortHeader('players', 'champion', 'Şampiyon'), renderSortHeader('players', 'rating', 'KDA', true)] })) : (_jsxs("tr", { className: "border-b border-white/5 bg-white/5 text-[8px] font-black text-gray-400 uppercase tracking-widest italic", children: [_jsx("th", { className: "px-4 py-3 text-center w-12 select-none text-gray-500", children: "S\u0131ra" }), renderSortHeader('players', 'name', 'Oyuncu'), renderSortHeader('players', 'team', 'Takım'), renderSortHeader('players', 'goals', 'Gol', true), renderSortHeader('players', 'assists', 'Asist', true), renderSortHeader('players', 'yellowCards', 'Sarı', true), renderSortHeader('players', 'redCards', 'Kırmızı', true), renderSortHeader('players', 'rating', 'Yetenek Puanı', true)] })) }), _jsx("tbody", { className: "divide-y divide-white/5", children: players
+                                                            .map(p => ({
+                                                            ...p,
+                                                            rating: isLoL
+                                                                ? Number(((p.kills + p.assists) / Math.max(1, p.deaths)).toFixed(2))
+                                                                : Number(((p.goals + p.assists) / (p.redCards + 1)).toFixed(2))
+                                                        }))
+                                                            .sort((a, b) => {
+                                                            let valA = a[playersSortKey] ?? 0;
+                                                            let valB = b[playersSortKey] ?? 0;
+                                                            if (typeof valA === 'string' && typeof valB === 'string') {
+                                                                return playersSortDir === 'asc'
+                                                                    ? valA.localeCompare(valB)
+                                                                    : valB.localeCompare(valA);
+                                                            }
+                                                            return playersSortDir === 'asc'
+                                                                ? Number(valA) - Number(valB)
+                                                                : Number(valB) - Number(valA);
+                                                        })
+                                                            .map((player, idx) => {
+                                                            const pAny = player;
+                                                            return (_jsxs("tr", { className: `hover:bg-white/5 transition-all text-xs font-black text-white ${idx === 0
+                                                                    ? 'bg-amber-500/5 shadow-[inset_0_0_20px_rgba(245,158,11,0.05)] animate-pulse'
+                                                                    : ''}`, children: [_jsx("td", { className: "px-4 py-3 text-center", children: idx === 0 ? (_jsx("span", { className: "inline-block text-lg", title: "Alt\u0131n Ayakkab\u0131 / Lider", children: "\uD83D\uDC51" })) : idx === 1 ? (_jsx("span", { className: "inline-block text-lg", title: "G\u00FCm\u00FC\u015F", children: "\uD83E\uDD48" })) : idx === 2 ? (_jsx("span", { className: "inline-block text-lg", title: "Bronz", children: "\uD83E\uDD49" })) : (_jsx("span", { className: "text-gray-500 font-bold", children: idx + 1 })) }), _jsx("td", { className: "px-4 py-3", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("img", { src: player.avatar, alt: "", className: "w-8 h-8 rounded-lg border border-white/10 object-cover" }), _jsx("span", { className: "uppercase tracking-tight", children: player.name })] }) }), _jsx("td", { className: "px-4 py-3", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("img", { src: player.teamLogo, alt: "", className: "w-5 h-5 rounded-md border border-white/10 object-cover" }), _jsx("span", { className: "text-gray-400 uppercase text-[10px] tracking-tight", children: player.team })] }) }), isLoL ? (_jsxs(_Fragment, { children: [_jsx("td", { className: "px-3 py-3 text-center", children: _jsx("span", { className: `px-2 py-0.5 rounded text-[9px] font-bold ${pAny.role === 'MID' ? 'bg-purple-500/10 text-purple-400 border border-purple-500/20' :
+                                                                                        pAny.role === 'ADC' ? 'bg-blue-500/10 text-blue-400 border border-blue-500/20' :
+                                                                                            pAny.role === 'TOP' ? 'bg-red-500/10 text-red-400 border border-red-500/20' :
+                                                                                                pAny.role === 'JUNGLE' ? 'bg-green-500/10 text-green-400 border border-green-500/20' :
+                                                                                                    'bg-gray-500/10 text-gray-400 border border-gray-500/20'}`, children: pAny.role }) }), _jsx("td", { className: "px-3 py-3 text-center text-emerald-400 font-mono", children: pAny.kills }), _jsx("td", { className: "px-3 py-3 text-center text-red-400 font-mono", children: pAny.deaths }), _jsx("td", { className: "px-3 py-3 text-center text-blue-400 font-mono", children: pAny.assists }), _jsx("td", { className: "px-3 py-3 text-center text-gray-400 font-mono", children: pAny.csMin }), _jsxs("td", { className: "px-3 py-3 text-center text-gray-400 font-mono", children: ["%", pAny.kp] }), _jsx("td", { className: "px-4 py-3", children: _jsx("span", { className: "text-gray-300 font-semibold", children: pAny.champion }) })] })) : (_jsxs(_Fragment, { children: [_jsx("td", { className: "px-3 py-3 text-center text-white", children: pAny.goals }), _jsx("td", { className: "px-3 py-3 text-center text-gray-400", children: pAny.assists }), _jsx("td", { className: "px-3 py-3 text-center text-yellow-500 bg-yellow-500/5", children: pAny.yellowCards }), _jsx("td", { className: "px-3 py-3 text-center text-red-500 bg-red-500/5", children: pAny.redCards })] })), _jsx("td", { className: "px-4 py-3 text-center", children: _jsx("span", { className: `inline-flex items-center justify-center px-3 py-1 rounded-full text-[10px] font-black ${idx === 0
+                                                                                ? 'bg-amber-500 text-black shadow-[0_0_10px_rgba(245,158,11,0.4)]'
+                                                                                : 'bg-black/40 text-amber-400 border border-amber-500/20'}`, children: player.rating }) })] }, player.id));
+                                                        }) })] }) })] }))] }), _jsx("div", { className: "space-y-6", children: _jsxs("div", { className: "bg-[#0b0b12] border-2 border-amber-500/40 rounded-[32px] p-6 shadow-2xl space-y-6 relative overflow-hidden", children: [_jsx("div", { className: "absolute top-0 right-0 w-24 h-24 bg-amber-500/10 blur-[40px] rounded-full -mr-8 -mt-8" }), _jsx("span", { className: "text-[8px] font-black text-amber-500 bg-amber-500/10 border border-amber-500/20 px-3 py-1 rounded-full uppercase tracking-widest inline-block", children: "KAYIT A\u015EAMASI" }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex justify-between items-center text-xs font-bold text-gray-400", children: [_jsx("span", { children: "Kay\u0131tl\u0131 Oyuncu" }), _jsxs("span", { children: [event.currentParticipants, " / ", event.participantLimit > 0 ? event.participantLimit : 'Sınırsız'] })] }), _jsx("div", { className: "h-2 bg-black/40 rounded-full overflow-hidden border border-white/5 p-0.5", children: _jsx("div", { className: "h-full bg-gradient-to-r from-amber-600 to-amber-400 rounded-full shadow-[0_0_10px_rgba(245,158,11,0.5)] transition-all duration-1000", style: { width: `${progressPercentage}%` } }) })] }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center gap-3 text-xs text-gray-300", children: [_jsx(Award, { className: "text-amber-500", size: 16 }), _jsxs("span", { children: ["Min ODP Gereksinimi: ", _jsxs("strong", { className: "text-white", children: [event.minOdp, "+"] })] })] }), _jsxs("div", { className: "flex items-center gap-3 text-xs text-gray-300", children: [_jsx(Zap, { className: "text-amber-500", size: 16 }), _jsxs("span", { children: ["Kat\u0131l\u0131mc\u0131 T\u00FCr\u00FC: ", _jsx("strong", { className: "text-white", children: getParticipantTypeLabel(event.type) })] })] })] }), event.status === 1 ? (_jsxs("button", { className: "w-full py-4 bg-gradient-to-r from-amber-500 to-yellow-600 hover:brightness-110 text-black font-black rounded-2xl text-[10px] uppercase tracking-[0.25em] transition-all shadow-[0_0_20px_rgba(245,158,11,0.2)] active:scale-95 flex items-center justify-center gap-2", children: [_jsx(Sword, { size: 14 }), " TURNUVAYA KAYDOL"] })) : (_jsxs("div", { className: "w-full py-4 bg-white/5 border border-white/10 rounded-2xl flex items-center justify-center gap-2 opacity-50", children: [_jsx(ShieldAlert, { size: 14, className: "text-gray-400" }), _jsx("span", { className: "text-[9px] font-black uppercase tracking-widest text-gray-400", children: "TURNUVA KAPANDI" })] }))] }) })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [_jsxs("div", { className: "bg-armoyu-card-bg rounded-[32px] p-6 border border-white/5 shadow-2xl space-y-4", children: [_jsx("h3", { className: "text-[11px] font-black text-amber-500 uppercase tracking-[0.2em] italic border-l-4 border-amber-500 pl-4", children: "DETAYLAR & A\u00C7IKLAMA" }), _jsx("div", { className: "text-gray-300 text-xs leading-relaxed font-medium opacity-90 whitespace-pre-wrap", children: event.description || 'Turnuva detayları belirtilmedi.' })] }), _jsxs("div", { className: "bg-armoyu-card-bg rounded-[32px] p-6 border border-white/5 shadow-2xl space-y-4", children: [_jsx("h3", { className: "text-[11px] font-black text-red-500 uppercase tracking-[0.2em] italic border-l-4 border-red-500 pl-4", children: "TURNUVA KURALLARI" }), _jsx("div", { className: "text-gray-300 text-xs leading-relaxed font-medium opacity-90 whitespace-pre-wrap", children: event.rules || 'Genel rekabetçi turnuva kuralları geçerlidir.' })] })] })] }));
+    };
+    // RENDER: GAME SPECIAL VIEW (Immersive HUD matching Minecraft/CS2/ETS2)
+    const renderGameSpecialView = () => {
+        const gName = (event.gameName || '').toLowerCase();
+        // MINECRAFT SPECIAL LAYOUT (Green voxel style)
+        if (gName.includes('minecraft') || gName.includes('mc')) {
+            return (_jsxs("div", { className: "mx-auto px-4 space-y-8 animate-in fade-in duration-500 font-mono", children: [_jsxs("div", { className: "bg-[#3b2d1f] border-4 border-[#2d2116] p-6 rounded-none shadow-[0_0_0_4px_#5c4a37] relative overflow-hidden", children: [_jsx("div", { className: "absolute top-2 right-2 px-3 py-1 bg-green-700 text-white border-2 border-green-900 text-[10px] font-bold", children: "MINECRAFT SUNUCUSU" }), _jsxs("h1", { className: "text-2xl md:text-4xl font-bold text-yellow-400 drop-shadow-[2px_2px_0px_#000] uppercase tracking-wide", children: ["\u26CF\uFE0F ", event.name] }), _jsx("p", { className: "text-xs text-gray-300 mt-2", children: "Sunucu Bulu\u015Fmas\u0131 & Macera Etkinli\u011Fi" }), _jsxs("div", { className: "flex gap-4 mt-4 text-[10px] text-green-400", children: [_jsxs("span", { children: ["[Tarih]: ", event.date] }), _jsxs("span", { children: ["[Konum]: ", event.location || 'ARMOYU Hub'] })] })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: [_jsx("div", { className: "md:col-span-2 space-y-6", children: _jsxs("div", { className: "bg-[#2e2e2e] border-4 border-[#1c1c1c] p-6 text-xs text-gray-300 space-y-4", children: [_jsx("h3", { className: "text-yellow-400 font-bold uppercase border-b-2 border-[#1c1c1c] pb-2", children: "ETK\u0130NL\u0130K DETAYLARI" }), _jsxs("div", { className: "space-y-2", children: [_jsx("p", { children: _jsx("strong", { className: "text-white", children: "A\u00E7\u0131klama:" }) }), _jsx("p", { className: "bg-[#181818] p-3 border-2 border-[#101010] text-gray-400 whitespace-pre-wrap", children: event.description })] })] }) }), _jsxs("div", { className: "bg-[#382b26] border-4 border-[#1f1714] p-6 text-center space-y-4", children: [_jsx("span", { className: "text-yellow-400 text-xs font-bold block", children: "KATILIM DURUMU" }), _jsxs("div", { className: "bg-black/60 p-4 border-2 border-[#1f1714] text-xs", children: [_jsx("span", { className: "block text-gray-400 text-[10px]", children: "OYUNCU SAYISI" }), _jsxs("span", { className: "text-xl font-bold text-white mt-1 block", children: [event.currentParticipants, " / ", event.participantLimit > 0 ? event.participantLimit : 'Sınırsız'] })] }), _jsx("button", { className: "w-full py-3 bg-[#4c8c2b] hover:bg-[#3f7324] border-b-4 border-[#284e18] text-white font-bold text-xs uppercase tracking-widest transition-all active:translate-y-1 active:border-b-0", children: "ETK\u0130NL\u0130\u011EE KATIL" })] })] })] }));
+        }
+        // CS2 SPECIAL LAYOUT (Military Orange & Radar)
+        if (gName.includes('counter-strike') || gName.includes('cs')) {
+            return (_jsxs("div", { className: "mx-auto px-4 space-y-8 animate-in fade-in duration-500", children: [_jsxs("div", { className: "bg-zinc-950 border border-amber-500/40 p-8 rounded-3xl relative overflow-hidden shadow-2xl", children: [_jsx("div", { className: "absolute top-0 left-0 w-2 h-full bg-amber-500" }), _jsxs("div", { className: "flex flex-col md:flex-row md:items-center justify-between gap-6", children: [_jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx("span", { className: "bg-amber-500 text-black px-2 py-0.5 rounded text-[8px] font-black tracking-widest", children: "TAC_EVENT" }), _jsx("span", { className: "text-gray-400 text-[9px] font-bold", children: "MATCHMAKING ACTIVE" })] }), _jsxs("h1", { className: "text-3xl md:text-5xl font-black text-white tracking-tighter uppercase italic text-shadow-glow", children: ["\uD83D\uDCA5 ", event.name] }), _jsxs("p", { className: "text-xs text-gray-400 mt-2 font-mono", children: ["BOMBSITE LOC: ", event.location || 'Discord Arenası'] })] }), _jsxs("div", { className: "bg-zinc-900 border border-white/5 px-6 py-4 rounded-2xl text-right", children: [_jsx("span", { className: "text-[8px] font-black text-gray-500 block uppercase", children: "MATCH_START" }), _jsx("span", { className: "text-sm font-black text-amber-500 block mt-1", children: event.date })] })] })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: [_jsxs("div", { className: "md:col-span-2 space-y-6", children: [_jsxs("div", { className: "bg-zinc-900/60 border border-white/5 rounded-3xl p-6 space-y-4", children: [_jsx("h3", { className: "text-xs font-black text-amber-500 tracking-wider uppercase border-l-4 border-amber-500 pl-3", children: "TAKTIK TAL\u0130MATLAR (A\u00C7IKLAMA)" }), _jsx("p", { className: "text-xs text-gray-300 leading-relaxed whitespace-pre-wrap", children: event.description })] }), _jsxs("div", { className: "bg-zinc-900/60 border border-white/5 rounded-3xl p-6 space-y-4", children: [_jsx("h3", { className: "text-xs font-black text-red-500 tracking-wider uppercase border-l-4 border-red-500 pl-3", children: "ANGARYA KURALLARI" }), _jsx("p", { className: "text-xs text-gray-300 leading-relaxed whitespace-pre-wrap", children: event.rules })] })] }), _jsxs("div", { className: "bg-zinc-950 border border-white/5 rounded-3xl p-6 space-y-6", children: [_jsxs("div", { className: "text-center pb-4 border-b border-white/5", children: [_jsx("span", { className: "text-[9px] font-black text-gray-500 block uppercase", children: "LOBBY CAPACITY" }), _jsxs("span", { className: "text-2xl font-black text-white mt-1 block", children: [event.currentParticipants, " / ", event.participantLimit > 0 ? event.participantLimit : 'Sınırsız'] })] }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex justify-between items-center text-xs font-bold", children: [_jsx("span", { className: "text-gray-400", children: "Min ODP:" }), _jsx("span", { className: "text-amber-500", children: event.minOdp })] }), _jsxs("div", { className: "flex justify-between items-center text-xs font-bold", children: [_jsx("span", { className: "text-gray-400", children: "T\u00FCr:" }), _jsx("span", { className: "text-white", children: getParticipantTypeLabel(event.type) })] })] }), _jsx("button", { className: "w-full py-4 bg-amber-500 hover:bg-amber-600 text-black font-black rounded-2xl text-[10px] uppercase tracking-widest shadow-lg shadow-amber-500/10 active:scale-95 transition-all", children: "DEPLOY TO SERVER" })] })] })] }));
+        }
+        // RACING / ETS2 SPECIAL LAYOUT (Asphalt black & hazard stripes)
+        return (_jsxs("div", { className: "mx-auto px-4 space-y-8 animate-in fade-in duration-500", children: [_jsxs("div", { className: "bg-neutral-900 border-b-8 border-yellow-500 p-8 rounded-3xl shadow-2xl relative overflow-hidden", children: [_jsx("div", { className: "absolute inset-0 bg-repeat bg-[linear-gradient(45deg,#000_25%,transparent_25%,transparent_50%,#000_50%,#000_75%,transparent_75%,transparent)] bg-[size:10px_10px] opacity-5 pointer-events-none" }), _jsxs("div", { className: "flex flex-col md:flex-row md:items-center justify-between gap-6 relative z-10", children: [_jsxs("div", { children: [_jsx("span", { className: "px-3 py-1 bg-yellow-500 text-black text-[9px] font-black uppercase rounded-lg tracking-widest inline-block mb-3", children: "ETS 2 SEFER G\u00D6REV\u0130" }), _jsxs("h1", { className: "text-3xl md:text-5xl font-black text-white uppercase italic tracking-tighter", children: ["\uD83D\uDE9A ", event.name] }), _jsxs("div", { className: "flex gap-4 mt-3 text-xs text-gray-400 font-mono", children: [_jsxs("span", { children: ["[Ba\u015Flang\u0131\u00E7]: ", event.location || 'Duisburg'] }), _jsxs("span", { children: ["[Tarih]: ", event.date] })] })] }), _jsxs("div", { className: "w-24 h-24 rounded-full border-4 border-yellow-500/20 border-t-yellow-500 flex flex-col items-center justify-center text-center bg-black/40", children: [_jsx("span", { className: "text-[7px] text-gray-500 font-bold uppercase", children: "SPEED" }), _jsx("span", { className: "text-md font-black text-white font-mono", children: "90" }), _jsx("span", { className: "text-[7px] text-yellow-500 font-bold uppercase", children: "KM/S" })] })] })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: [_jsx("div", { className: "md:col-span-2 space-y-6", children: _jsxs("div", { className: "bg-neutral-900/60 border border-white/5 rounded-3xl p-6 space-y-4", children: [_jsx("h3", { className: "text-xs font-black text-yellow-500 tracking-wider uppercase border-l-4 border-yellow-500 pl-3", children: "KONVOY ROTASI VE DETAYLARI" }), _jsx("p", { className: "text-xs text-gray-300 leading-relaxed whitespace-pre-wrap", children: event.description })] }) }), _jsxs("div", { className: "bg-neutral-950 border border-white/5 rounded-3xl p-6 space-y-6", children: [_jsxs("div", { className: "text-center pb-4 border-b border-white/5", children: [_jsx("span", { className: "text-[9px] font-black text-gray-500 block uppercase", children: "KONVOY KAPAS\u0130TES\u0130" }), _jsxs("span", { className: "text-2xl font-black text-white mt-1 block", children: [event.currentParticipants, " / ", event.participantLimit > 0 ? event.participantLimit : 'Sınırsız'] })] }), _jsx("button", { className: "w-full py-4 bg-yellow-500 hover:bg-yellow-600 text-black font-black rounded-2xl text-[10px] uppercase tracking-widest transition-all active:scale-95 shadow-lg shadow-yellow-500/10", children: "TELS\u0130ZE BA\u011ELAN & KATIL" })] })] })] }));
+    };
+    return (_jsxs("div", { className: "animate-in fade-in slide-in-from-bottom-4 duration-700 pb-10 relative", children: [_jsxs("div", { className: "fixed inset-0 pointer-events-none overflow-hidden -z-10", children: [_jsx("div", { className: "absolute top-[-10%] left-[-10%] w-[40%] h-[40%] bg-armoyu-primary/5 blur-[100px] rounded-full" }), _jsx("div", { className: "absolute bottom-[-10%] right-[-10%] w-[40%] h-[40%] bg-indigo-600/5 blur-[100px] rounded-full" })] }), _jsx(PageWidth, { width: "max-w-[1280px]" }), _jsx("div", { className: "mx-auto mb-6 px-4", children: _jsxs("button", { onClick: onBack, className: "group flex items-center gap-3 text-armoyu-text-muted hover:text-white transition-all bg-white/5 hover:bg-white/10 px-5 py-2.5 rounded-2xl border border-white/5", children: [_jsx(ChevronLeft, { size: 18, className: "group-hover:-translate-x-1 transition-transform" }), _jsx("span", { className: "text-[10px] font-black uppercase tracking-widest", children: "Geri D\u00F6n" })] }) }), activeStyle === 'standard' && renderStandardView(), activeStyle === 'tournament' && renderTournamentView(), activeStyle === 'game_special' && renderGameSpecialView(), _jsx("div", { className: "max-w-[1280px] mx-auto px-4 mt-8", children: _jsxs("div", { className: "bg-armoyu-card-bg rounded-[32px] p-6 md:p-8 border border-white/5 shadow-2xl space-y-6", children: [_jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsx("h3", { className: "text-[12px] font-black text-white uppercase tracking-[0.3em] italic border-l-4 border-armoyu-primary pl-4", children: "KATILIMCILAR" }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("div", { className: "hidden sm:flex items-center gap-2 px-3 py-1.5 bg-armoyu-primary/10 rounded-xl border border-armoyu-primary/20 text-armoyu-primary text-[8px] font-black uppercase tracking-widest italic", children: [_jsx(Users, { size: 12 }), participants.individuals.length + participants.groups.length, " KATILIM"] }), _jsxs("div", { className: "flex items-center gap-1 bg-black/40 p-1 rounded-xl border border-white/5 scale-90", children: [_jsx("button", { onClick: () => setViewMode('grid'), className: `p-1.5 rounded-lg transition-all ${viewMode === 'grid' ? 'bg-armoyu-primary text-white shadow-lg' : 'text-armoyu-text-muted'}`, children: _jsx(LayoutGrid, { size: 14 }) }), _jsx("button", { onClick: () => setViewMode('table'), className: `p-1.5 rounded-lg transition-all ${viewMode === 'table' ? 'bg-armoyu-primary text-white shadow-lg' : 'text-armoyu-text-muted'}`, children: _jsx(List, { size: 14 }) })] })] })] }), _jsxs("div", { className: "space-y-12", children: [participants.individuals.length > 0 && (_jsxs("div", { className: "space-y-4", children: [_jsx("h4", { className: "text-[8px] font-black text-armoyu-text-muted uppercase tracking-[0.4em] opacity-60", children: "OYUNCULAR" }), viewMode === 'grid' ? (_jsx("div", { className: "grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 lg:grid-cols-8 xl:grid-cols-10 gap-3", children: participants.individuals.map((p) => (_jsxs("div", { onClick: () => router.push(`/oyuncu/${p.username}`), className: "flex flex-col items-center gap-2 p-3 bg-white/5 rounded-2xl border border-white/5 hover:border-armoyu-primary/30 transition-all group text-center cursor-pointer active:scale-95", children: [_jsx("img", { src: p.avatar, className: "w-10 h-10 rounded-xl border border-white/5", alt: "" }), _jsx("span", { className: "text-[9px] font-black text-armoyu-text uppercase tracking-tighter truncate w-full group-hover:text-armoyu-primary transition-colors", children: p.name || p.username })] }, p.id))) })) : (_jsx("div", { className: "bg-black/20 rounded-2xl border border-white/5 overflow-hidden shadow-xl", children: _jsxs("table", { className: "w-full text-left", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b border-white/5 bg-white/5", children: [_jsx("th", { className: "px-4 py-3 text-[8px] font-black text-armoyu-text-muted uppercase tracking-widest italic", children: "Oyuncu" }), _jsx("th", { className: "px-4 py-3 text-[8px] font-black text-armoyu-text-muted uppercase tracking-widest italic text-right", children: "Durum" })] }) }), _jsx("tbody", { className: "divide-y divide-white/5", children: participants.individuals.map((p) => (_jsxs("tr", { onClick: () => router.push(`/oyuncu/${p.username}`), className: "hover:bg-white/5 transition-all cursor-pointer group", children: [_jsx("td", { className: "px-4 py-2.5", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("img", { src: p.avatar, className: "w-8 h-8 rounded-lg border border-white/5", alt: "" }), _jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "text-[11px] font-black text-white uppercase tracking-tight group-hover:text-armoyu-primary transition-colors", children: p.name || p.username }), _jsx("span", { className: "text-[8px] font-bold text-armoyu-text-muted uppercase tracking-widest opacity-60 italic", children: "Bireysel" })] })] }) }), _jsx("td", { className: "px-4 py-2.5 text-right", children: _jsx("span", { className: "text-[8px] font-black text-armoyu-primary uppercase tracking-widest italic bg-armoyu-primary/10 px-3 py-1 rounded-full border border-armoyu-primary/20", children: "KATILDI" }) })] }, p.id))) })] }) }))] })), participants.groups.length > 0 && (_jsxs("div", { className: "space-y-4", children: [_jsx("h4", { className: "text-[8px] font-black text-armoyu-text-muted uppercase tracking-[0.4em] opacity-60", children: "GRUPLAR" }), viewMode === 'grid' ? (_jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: participants.groups.map((g) => (_jsxs("div", { onClick: () => router.push(`/grup/${g.shortName}`), className: "group bg-armoyu-card-bg rounded-2xl border border-white/5 overflow-hidden shadow-xl hover:border-armoyu-primary/30 transition-all cursor-pointer active:scale-[0.98]", children: [_jsxs("div", { className: "relative h-16 overflow-hidden", children: [g.banner ? _jsx("img", { src: g.banner, className: "w-full h-full object-cover opacity-20", alt: "" }) : _jsx("div", { className: "w-full h-full bg-gradient-to-r from-armoyu-primary/20 to-indigo-600/20" }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-armoyu-card-bg to-transparent" })] }), _jsxs("div", { className: "relative px-4 -mt-8 mb-3 flex items-end gap-3", children: [_jsx("img", { src: g.logo, className: "w-10 h-10 rounded-xl bg-armoyu-card-bg p-0.5 border border-white/10 shadow-xl", alt: "" }), _jsxs("div", { className: "pb-0.5 min-w-0", children: [_jsx("h5", { className: "text-[12px] font-black text-white uppercase italic tracking-tighter leading-none truncate group-hover:text-armoyu-primary transition-colors", children: g.name }), _jsx("span", { className: "text-[8px] font-bold text-armoyu-primary uppercase tracking-widest italic", children: g.shortName })] })] }), _jsx("div", { className: "px-4 pb-4", children: _jsx("div", { className: "bg-black/20 rounded-xl border border-white/5 overflow-hidden", children: _jsx("table", { className: "w-full text-left", children: _jsx("tbody", { className: "divide-y divide-white/5", children: g.players.slice(0, 3).map((p) => (_jsxs("tr", { onClick: (e) => {
+                                                                            e.stopPropagation();
+                                                                            router.push(`/oyuncu/${p.username || p.name}`);
+                                                                        }, className: "hover:bg-white/5 cursor-pointer transition-colors group/player", children: [_jsxs("td", { className: "px-3 py-1.5 flex items-center gap-2 text-[9px] font-black text-white/80 uppercase truncate", children: [_jsx("img", { src: p.avatar, className: "w-5 h-5 rounded-md border border-white/5 object-cover", alt: "" }), _jsx("span", { className: "truncate group-hover/player:text-armoyu-primary transition-colors", children: p.name })] }), _jsx("td", { className: "px-3 py-1.5 text-right text-[7px] font-black text-armoyu-text-muted uppercase italic opacity-60", children: p.role || 'Oyuncu' })] }, p.id))) }) }) }) })] }, g.id))) })) : (_jsx("div", { className: "bg-black/20 rounded-2xl border border-white/5 overflow-hidden shadow-xl", children: _jsxs("table", { className: "w-full text-left", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b border-white/5 bg-white/5", children: [_jsx("th", { className: "px-4 py-3 text-[8px] font-black text-armoyu-text-muted uppercase tracking-widest italic", children: "Grup" }), _jsx("th", { className: "px-4 py-3 text-[8px] font-black text-armoyu-text-muted uppercase tracking-widest italic", children: "K\u0131saltma" }), _jsx("th", { className: "px-4 py-3 text-[8px] font-black text-armoyu-text-muted uppercase tracking-widest italic text-right", children: "Oyuncu Say\u0131s\u0131" })] }) }), _jsx("tbody", { className: "divide-y divide-white/5", children: participants.groups.map((g) => (_jsxs("tr", { onClick: () => router.push(`/grup/${g.shortName}`), className: "hover:bg-white/5 transition-all cursor-pointer group", children: [_jsx("td", { className: "px-4 py-2.5", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("img", { src: g.logo, className: "w-8 h-8 rounded-lg border border-white/5", alt: "" }), _jsx("span", { className: "text-[11px] font-black text-white uppercase tracking-tight group-hover:text-armoyu-primary transition-colors truncate", children: g.name })] }) }), _jsx("td", { className: "px-4 py-2.5", children: _jsx("span", { className: "text-[9px] font-black text-armoyu-primary uppercase italic", children: g.shortName }) }), _jsx("td", { className: "px-4 py-2.5 text-right", children: _jsxs("span", { className: "text-[10px] font-black text-white uppercase tracking-tighter bg-white/5 px-3 py-1 rounded-full border border-white/5", children: [g.players.length, " OYUNCU"] }) })] }, g.id))) })] }) }))] }))] })] }) }), _jsxs("div", { className: "fixed bottom-6 right-6 z-[500] bg-black/90 border border-white/20 p-4 rounded-3xl backdrop-blur-xl shadow-2xl flex flex-col gap-3", children: [_jsx("span", { className: "text-[9px] font-black text-amber-500 uppercase tracking-widest", children: "\uD83D\uDEE0\uFE0F GEL\u0130\u015ET\u0130R\u0130C\u0130 TASARIM SE\u00C7\u0130M\u0130" }), _jsxs("div", { className: "flex gap-2", children: [_jsx("button", { onClick: () => setActiveStyle('standard'), className: `px-3 py-1.5 rounded-xl text-[9px] font-black uppercase transition-all ${activeStyle === 'standard' ? 'bg-armoyu-primary text-white shadow-lg' : 'bg-white/5 text-gray-400 hover:bg-white/10'}`, children: "Standart" }), ((event?.gameName || '').toLowerCase().includes('counter-strike') ||
+                                (event?.gameName || '').toLowerCase().includes('cs') ||
+                                (event?.gameName || '').toLowerCase().includes('league of legends') ||
+                                (event?.gameName || '').toLowerCase() === 'lol' ||
+                                (event?.gameName || '').toLowerCase().includes('assetto') ||
+                                (event?.gameName || '').toLowerCase().includes('okey') ||
+                                (event?.gameName || '').toLowerCase().includes('futbol') ||
+                                (event?.gameName || '').toLowerCase().includes('football') ||
+                                (event?.gameName || '').toLowerCase().includes('soccer')) && (_jsx("button", { onClick: () => setActiveStyle('tournament'), className: `px-3 py-1.5 rounded-xl text-[9px] font-black uppercase transition-all ${activeStyle === 'tournament' ? 'bg-amber-500 text-black shadow-lg' : 'bg-white/5 text-gray-400 hover:bg-white/10'}`, children: "Turnuva" })), _jsx("button", { onClick: () => setActiveStyle('game_special'), className: `px-3 py-1.5 rounded-xl text-[9px] font-black uppercase transition-all ${activeStyle === 'game_special' ? 'bg-red-500 text-white shadow-lg' : 'bg-white/5 text-gray-400 hover:bg-white/10'}`, children: "Oyuna \u00D6zel" })] })] })] }));
 }
 ;
 export default DetailPage;