function MainComponent() { const [gameState, setGameState] = useState(null); const [player, setPlayer] = useState(null); const [setupData, setSetupData] = useState(null); const [showCharacterCreation, setShowCharacterCreation] = useState(true); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const [todaysEvents, setTodaysEvents] = useState([]); const [todaysNews, setTodaysNews] = useState([]); const [advanceLoading, setAdvanceLoading] = useState(false); const [characterForm, setCharacterForm] = useState({ name: '', startingPosition: 'unelected', partyId: '', constituencyId: '', councilId: '' }); useEffect(()=>{ loadSetupData(); }, []); const loadSetupData = async ()=>{ try { const response = await fetch('/api/get-setup-data', { method: 'POST' }); if (!response.ok) { throw new Error(`Failed to load setup data: ${response.status}`); } const data = await response.json(); if (data.success) { setSetupData(data); } else { setError(data.error); } } catch (err) { console.error(err); setError('Failed to load game data'); } }; const loadGameState = async (playerId = null)=>{ try { const response = await fetch('/api/get-game-state', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ playerId }) }); if (!response.ok) { throw new Error(`Failed to load game state: ${response.status}`); } const data = await response.json(); if (data.success) { setGameState(data.gameState); if (data.player) { setPlayer(data.player); } setTodaysEvents(data.recentEvents || []); } else { setError(data.error); } } catch (err) { console.error(err); setError('Failed to load game state'); } }; const createCharacter = async ()=>{ if (!characterForm.name.trim()) { setError('Please enter a character name'); return; } if ((characterForm.startingPosition === 'mp' || characterForm.startingPosition === 'pm') && (!characterForm.partyId || !characterForm.constituencyId)) { setError('Please select a party and constituency for MP/PM positions'); return; } if (characterForm.startingPosition === 'councillor' && (!characterForm.partyId || !characterForm.councilId)) { setError('Please select a party and council for councillor position'); return; } setLoading(true); setError(null); try { const response = await fetch('/api/create-player', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(characterForm) }); if (!response.ok) { throw new Error(`Failed to create character: ${response.status}`); } const data = await response.json(); if (data.success) { setPlayer(data.player); setShowCharacterCreation(false); await loadGameState(data.player.id); } else { setError(data.error); } } catch (err) { console.error(err); setError('Failed to create character'); } finally{ setLoading(false); } }; const advanceDay = async ()=>{ setAdvanceLoading(true); setError(null); try { const response = await fetch('/api/advance-day', { method: 'POST' }); if (!response.ok) { throw new Error(`Failed to advance day: ${response.status}`); } const data = await response.json(); if (data.success) { setGameState(data.gameState); setTodaysEvents(data.todaysEvents || []); setTodaysNews(data.todaysNews || []); if (player) { await loadGameState(player.id); } } else { setError(data.error); } } catch (err) { console.error(err); setError('Failed to advance day'); } finally{ setAdvanceLoading(false); } }; const getPositionDisplay = (position)=>{ const positions = { unelected: 'Unelected Citizen', councillor: 'Local Councillor', mp: 'Member of Parliament', pm: 'Prime Minister' }; return positions[position] || position; }; const getPartyColor = (ideology)=>{ const colors = { 'Conservative': 'bg-blue-600', 'Labour': 'bg-red-600', 'Liberal Democrat': 'bg-orange-500', 'Green': 'bg-green-600', 'Reform': 'bg-purple-600' }; return colors[ideology] || 'bg-gray-600'; }; if (showCharacterCreation) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-blue-900 via-purple-900 to-indigo-900 p-4", __source: { fileName: "", lineNumber: 168, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 169, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 170, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl font-bold text-white mb-4 font-serif", __source: { fileName: "", lineNumber: 171, columnNumber: 13 }, __self: this }, "Political Strategy Game"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-blue-200 font-light", __source: { fileName: "", lineNumber: 174, columnNumber: 13 }, __self: this }, "Rise through the ranks of British politics")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-2xl p-6 md:p-8", __source: { fileName: "", lineNumber: 179, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-gray-800 mb-6 text-center", __source: { fileName: "", lineNumber: 180, columnNumber: 13 }, __self: this }, "Create Your Political Character"), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-6", __source: { fileName: "", lineNumber: 185, columnNumber: 15 }, __self: this }, error), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 190, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 191, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 192, columnNumber: 17 }, __self: this }, "Character Name"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", value: characterForm.name, onChange: (e)=>setCharacterForm({ ...characterForm, name: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", placeholder: "Enter your character's name", __source: { fileName: "", lineNumber: 195, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 205, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 206, columnNumber: 17 }, __self: this }, "Starting Position"), /*#__PURE__*/ React.createElement("select", { name: "startingPosition", value: characterForm.startingPosition, onChange: (e)=>setCharacterForm({ ...characterForm, startingPosition: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 209, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "unelected", __source: { fileName: "", lineNumber: 215, columnNumber: 19 }, __self: this }, "Unelected Citizen"), /*#__PURE__*/ React.createElement("option", { value: "councillor", __source: { fileName: "", lineNumber: 216, columnNumber: 19 }, __self: this }, "Local Councillor"), /*#__PURE__*/ React.createElement("option", { value: "mp", __source: { fileName: "", lineNumber: 217, columnNumber: 19 }, __self: this }, "Member of Parliament"), /*#__PURE__*/ React.createElement("option", { value: "pm", __source: { fileName: "", lineNumber: 218, columnNumber: 19 }, __self: this }, "Prime Minister"))), characterForm.startingPosition !== 'unelected' && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 223, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 224, columnNumber: 19 }, __self: this }, "Political Party"), /*#__PURE__*/ React.createElement("select", { name: "partyId", value: characterForm.partyId, onChange: (e)=>setCharacterForm({ ...characterForm, partyId: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 227, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 233, columnNumber: 21 }, __self: this }, "Select a party"), setupData?.parties?.map((party)=>/*#__PURE__*/ React.createElement("option", { key: party.id, value: party.id, __source: { fileName: "", lineNumber: 235, columnNumber: 23 }, __self: this }, party.name, " (", party.ideology, ")")))), (characterForm.startingPosition === 'mp' || characterForm.startingPosition === 'pm') && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 244, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 245, columnNumber: 19 }, __self: this }, "Constituency"), /*#__PURE__*/ React.createElement("select", { name: "constituencyId", value: characterForm.constituencyId, onChange: (e)=>setCharacterForm({ ...characterForm, constituencyId: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 248, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 254, columnNumber: 21 }, __self: this }, "Select a constituency"), setupData?.constituencies?.map((constituency)=>/*#__PURE__*/ React.createElement("option", { key: constituency.id, value: constituency.id, __source: { fileName: "", lineNumber: 256, columnNumber: 23 }, __self: this }, constituency.name, " (", constituency.region, ")")))), characterForm.startingPosition === 'councillor' && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 265, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 266, columnNumber: 19 }, __self: this }, "Council"), /*#__PURE__*/ React.createElement("select", { name: "councilId", value: characterForm.councilId, onChange: (e)=>setCharacterForm({ ...characterForm, councilId: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 269, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 275, columnNumber: 21 }, __self: this }, "Select a council"), setupData?.councils?.map((council)=>/*#__PURE__*/ React.createElement("option", { key: council.id, value: council.id, __source: { fileName: "", lineNumber: 277, columnNumber: 23 }, __self: this }, council.name, " (", council.region, ")")))), /*#__PURE__*/ React.createElement("button", { onClick: createCharacter, disabled: loading, className: "w-full bg-blue-600 text-white py-3 px-4 rounded-md hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed font-medium", __source: { fileName: "", lineNumber: 285, columnNumber: 15 }, __self: this }, loading ? 'Creating Character...' : 'Start Political Career'))))); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100", __source: { fileName: "", lineNumber: 300, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-white shadow-sm border-b", __source: { fileName: "", lineNumber: 301, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-4", __source: { fileName: "", lineNumber: 302, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row md:items-center md:justify-between", __source: { fileName: "", lineNumber: 303, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-gray-900 font-serif", __source: { fileName: "", lineNumber: 304, columnNumber: 13 }, __self: this }, "Political Strategy Game"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4 mt-2 md:mt-0", __source: { fileName: "", lineNumber: 307, columnNumber: 13 }, __self: this }, gameState && /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 309, columnNumber: 17 }, __self: this }, "Day ", gameState.currentDay, ", ", gameState.currentYear, " • ", gameState.daysUntilElection, " days until election"), /*#__PURE__*/ React.createElement("button", { onClick: advanceDay, disabled: advanceLoading, className: "bg-green-600 text-white px-4 py-2 rounded-md hover:bg-green-700 disabled:opacity-50 disabled:cursor-not-allowed", __source: { fileName: "", lineNumber: 313, columnNumber: 15 }, __self: this }, advanceLoading ? 'Advancing...' : 'Advance Day'))))), error && /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-4", __source: { fileName: "", lineNumber: 326, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded", __source: { fileName: "", lineNumber: 327, columnNumber: 11 }, __self: this }, error)), /*#__PURE__*/ React.createElement("main", { className: "max-w-7xl mx-auto px-4 py-6", __source: { fileName: "", lineNumber: 333, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 334, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "lg:col-span-2 space-y-6", __source: { fileName: "", lineNumber: 335, columnNumber: 11 }, __self: this }, gameState && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-6", __source: { fileName: "", lineNumber: 337, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 338, columnNumber: 17 }, __self: this }, "Game Status"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4", __source: { fileName: "", lineNumber: 339, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 340, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold text-blue-600", __source: { fileName: "", lineNumber: 341, columnNumber: 21 }, __self: this }, gameState.economy.gdpGrowth.toFixed(1), "%"), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 344, columnNumber: 21 }, __self: this }, "GDP Growth")), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 346, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold text-red-600", __source: { fileName: "", lineNumber: 347, columnNumber: 21 }, __self: this }, gameState.economy.inflationRate.toFixed(1), "%"), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 350, columnNumber: 21 }, __self: this }, "Inflation")), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 352, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold text-orange-600", __source: { fileName: "", lineNumber: 353, columnNumber: 21 }, __self: this }, gameState.economy.unemploymentRate.toFixed(1), "%"), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 356, columnNumber: 21 }, __self: this }, "Unemployment")), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 358, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold text-green-600", __source: { fileName: "", lineNumber: 359, columnNumber: 21 }, __self: this }, gameState.governmentApproval, "%"), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 362, columnNumber: 21 }, __self: this }, "Gov Approval"))), gameState.governingParty && /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-center", __source: { fileName: "", lineNumber: 366, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 367, columnNumber: 21 }, __self: this }, "Governing Party: "), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 368, columnNumber: 21 }, __self: this }, gameState.governingParty.name))), todaysEvents.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-6", __source: { fileName: "", lineNumber: 375, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 376, columnNumber: 17 }, __self: this }, "Recent Political Events"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 377, columnNumber: 17 }, __self: this }, todaysEvents.slice(0, 5).map((event)=>/*#__PURE__*/ React.createElement("div", { key: event.id, className: "border-l-4 border-blue-500 pl-4", __source: { fileName: "", lineNumber: 379, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-medium text-gray-900", __source: { fileName: "", lineNumber: 380, columnNumber: 23 }, __self: this }, event.title), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mt-1", __source: { fileName: "", lineNumber: 381, columnNumber: 23 }, __self: this }, event.description), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 mt-2 text-xs text-gray-500", __source: { fileName: "", lineNumber: 382, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 383, columnNumber: 25 }, __self: this }, "Approval Impact: ", event.impactApproval > 0 ? '+' : '', event.impactApproval), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 384, columnNumber: 25 }, __self: this }, "Economic Impact: ", event.impactEconomy > 0 ? '+' : '', event.impactEconomy)))))), todaysNews.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-6", __source: { fileName: "", lineNumber: 393, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 394, columnNumber: 17 }, __self: this }, "Today's Headlines"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 395, columnNumber: 17 }, __self: this }, todaysNews.map((article)=>/*#__PURE__*/ React.createElement("div", { key: article.id, className: "border rounded-lg p-4", __source: { fileName: "", lineNumber: 397, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-2", __source: { fileName: "", lineNumber: 398, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm font-medium text-blue-600", __source: { fileName: "", lineNumber: 399, columnNumber: 25 }, __self: this }, article.newspaper), /*#__PURE__*/ React.createElement("span", { className: "text-xs text-gray-500", __source: { fileName: "", lineNumber: 400, columnNumber: 25 }, __self: this }, "Bias: ", article.biasScore > 0 ? 'Right' : article.biasScore < 0 ? 'Left' : 'Neutral')), /*#__PURE__*/ React.createElement("h3", { className: "font-medium text-gray-900 mb-2", __source: { fileName: "", lineNumber: 404, columnNumber: 23 }, __self: this }, article.headline), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 405, columnNumber: 23 }, __self: this }, article.content)))))), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 413, columnNumber: 11 }, __self: this }, player && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-6", __source: { fileName: "", lineNumber: 415, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 416, columnNumber: 17 }, __self: this }, "Your Character"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 417, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 418, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 419, columnNumber: 21 }, __self: this }, "Name: "), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 420, columnNumber: 21 }, __self: this }, player.name)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 422, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 423, columnNumber: 21 }, __self: this }, "Position: "), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 424, columnNumber: 21 }, __self: this }, getPositionDisplay(player.current_position))), player.party_name && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 427, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 428, columnNumber: 23 }, __self: this }, "Party: "), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 429, columnNumber: 23 }, __self: this }, player.party_name)), player.constituency_name && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 433, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 434, columnNumber: 23 }, __self: this }, "Constituency: "), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 435, columnNumber: 23 }, __self: this }, player.constituency_name)), player.council_name && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 439, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 440, columnNumber: 23 }, __self: this }, "Council: "), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 441, columnNumber: 23 }, __self: this }, player.council_name)), /*#__PURE__*/ React.createElement("div", { className: "pt-3 border-t", __source: { fileName: "", lineNumber: 444, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4 text-sm", __source: { fileName: "", lineNumber: 445, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 446, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-600", __source: { fileName: "", lineNumber: 447, columnNumber: 25 }, __self: this }, "Approval: "), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 448, columnNumber: 25 }, __self: this }, player.approval_rating, "%")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 450, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-600", __source: { fileName: "", lineNumber: 451, columnNumber: 25 }, __self: this }, "Wealth: "), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 452, columnNumber: 25 }, __self: this }, "£", player.personal_wealth?.toLocaleString())), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 454, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-600", __source: { fileName: "", lineNumber: 455, columnNumber: 25 }, __self: this }, "Corruption: "), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 456, columnNumber: 25 }, __self: this }, player.corruption_level)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 458, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-600", __source: { fileName: "", lineNumber: 459, columnNumber: 25 }, __self: this }, "Scandals: "), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 460, columnNumber: 25 }, __self: this }, player.scandal_points)))))), setupData?.parties && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-6", __source: { fileName: "", lineNumber: 469, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 470, columnNumber: 17 }, __self: this }, "Party Standings"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 471, columnNumber: 17 }, __self: this }, setupData.parties.slice(0, 5).map((party)=>/*#__PURE__*/ React.createElement("div", { key: party.id, className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 473, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 474, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-3 h-3 rounded-full ${getPartyColor(party.ideology)}`, __source: { fileName: "", lineNumber: 475, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-medium", __source: { fileName: "", lineNumber: 476, columnNumber: 25 }, __self: this }, party.name)), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 478, columnNumber: 23 }, __self: this }, party.pollingPercentage.toFixed(1), "%"))))))))); }