<turbo-stream action="update" target="tab_content"><template><div class='flex row justify-content-center' id='table' style='text-align: center; margin: 20px'>
<table style='border-collapse: collapse; width: 100%; margin-top: 20px; margin-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.2);'>
<thead>
<tr>
<th style='border: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>Pos</th>
<th style='border: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px; border-left: 1px solid rgba(0, 0, 0, 0.2);'>Team</th>
<th style='border: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>Points</th>
<th style='border: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>Deductions</th>
<th style='border: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>Total</th>
</tr>
</thead>
<tbody>
<tr>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); border-left: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>1</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>
<a style="text-decoration: none" href="/fplteams/48">who are these guys?</a>
(@ed_hj1874)
</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>192</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>0</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>192</td>
</tr>
<tr>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); border-left: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>2</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>
<a style="text-decoration: none" href="/fplteams/43">The Left Overs</a>
(@_reddagger)
</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>190</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>0</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>190</td>
</tr>
<tr>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); border-left: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>3</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>
<a style="text-decoration: none" href="/fplteams/46">Ha Cunha Mateta</a>
(@opie4741)
</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>188</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>0</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>188</td>
</tr>
<tr>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); border-left: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>4</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>
<a style="text-decoration: none" href="/fplteams/50">Underdogs</a>
(@nick_ne1)
</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>195</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>10</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>185</td>
</tr>
<tr>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); border-left: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>5</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>
<a style="text-decoration: none" href="/fplteams/47">Different Dimension</a>
(@gregpearl)
</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>180</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>0</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>180</td>
</tr>
<tr>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); border-left: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>6</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>
<a style="text-decoration: none" href="/fplteams/39">The 10% Club</a>
(@beanz_swfc)
</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>175</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>0</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>175</td>
</tr>
<tr>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); border-left: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>7</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>
<a style="text-decoration: none" href="/fplteams/38">Differential Thunder</a>
(@mike_thunder)
</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>174</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>0</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>174</td>
</tr>
<tr>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); border-left: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>8</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>
<a style="text-decoration: none" href="/fplteams/49">Dynamo Differential</a>
(@crudengold)
</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>166</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>0</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>166</td>
</tr>
<tr>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); border-left: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>9</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>
<a style="text-decoration: none" href="/fplteams/41">Aimee&#39;s Zany Picks</a>
(@harbourboy)
</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>166</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>0</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>166</td>
</tr>
<tr>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); border-left: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>10</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>
<a style="text-decoration: none" href="/fplteams/45">Odds and Sods</a>
(@michelle_m.)
</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>163</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>0</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>163</td>
</tr>
<tr>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); border-left: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>11</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>
<a style="text-decoration: none" href="/fplteams/42">15&lt;15</a>
(@robwoolls)
</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>161</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>0</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>161</td>
</tr>
<tr>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); border-left: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>12</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>
<a style="text-decoration: none" href="/fplteams/40">Differential Dave</a>
(@jamesinuganda)
</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>169</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>10</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>159</td>
</tr>
<tr>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); border-left: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>13</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>
<a style="text-decoration: none" href="/fplteams/44">My Wife&#39;s Team</a>
(@francislcsmastermind)
</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>157</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>4</td>
<td style='border-right: 1px solid rgba(0, 0, 0, 0.2); text-align: center; padding: 8px;'>153</td>
</tr>
</tbody>
</table>
</div>

<script>
  // Multiple approaches to hide loading indicator
  setTimeout(() => {
      // Approach 1: Try to find Stimulus controller
      const tabsController = document.querySelector('[data-controller="tabs"]');
      if (tabsController && tabsController.controller) {
          tabsController.controller.hideLoading();
      }
      
      // Approach 2: Direct DOM manipulation as fallback
      const loadingIndicator = document.getElementById('loading-indicator');
      if (loadingIndicator && !loadingIndicator.classList.contains('d-none')) {
          loadingIndicator.classList.add('d-none');
      }
      
      // Approach 3: Ensure tab content is visible
      const tabContent = document.getElementById('tab_content');
      if (tabContent && tabContent.style.visibility === 'hidden') {
          tabContent.style.visibility = 'visible';
      }
      
      // Dispatch custom event as final fallback
      document.dispatchEvent(new CustomEvent('tab:loaded'));
  }, 50);
</script>
</template></turbo-stream><turbo-stream action="update" target="tabs"><template><div style='margin-top: 10px'>
<ul class='list-inline tabs-underlined justify-content-center' style='text-align: center'>
<li>
<a class="tab-underlined " data-turbo-stream="true" data-action="click-&gt;tabs#showLoading" data-tab-name="screenshot" href="/pages/tab_content?tab=screenshot">Screenshot</a>
</li>
<li>
<a class="tab-underlined active" data-turbo-stream="true" data-action="click-&gt;tabs#showLoading" data-tab-name="table" href="/pages/tab_content?tab=table">Table</a>
</li>
<li>
<a class="tab-underlined " data-turbo-stream="true" data-action="click-&gt;tabs#showLoading" data-tab-name="transfers" href="/pages/tab_content?tab=transfers">Transfers</a>
</li>
</ul>
</div>

</template></turbo-stream>