<turbo-stream action="replace" target="public_info_comp_report"><template><turbo-frame id="public_info_comp_report">
    
  <div class="max-w-7xl mx-auto py-8 px-8 pt-7" id="coachShowDiv" data-controller="blur">
    <h2 class="text-gray-900 text-2xl font-semibold leading-loose">News About Coach John</h2>
    <div class="mt-3 flex flex-col gap-6">
        <div class="bg-white rounded-lg shadow-md overflow-hidden">
          <div class="p-4 flex flex-col sm:flex-row sm:items-start">
            <div class="flex-grow">
                <p class="text-gray-500 text-xs font-medium leading-none">
                  December 01, 2024
                </p>
                <h3 class="text-gray-900 text-xl font-semibold leading-7 mt-2">
                  <a target="_blank" rel="noopener" class="hover-trigger" href="https://example.com/article1">
                    Exciting News About Coach John
</a>                </h3>
                <p class="text-gray-500 text-sm font-medium leading-6 mt-2">
                  Coach John has led the team to victory in the regional finals.
                </p>
            </div>
              <div class="mt-4 md:mt-0 md:ml-4 md:w-32 sm:mt-0 sm:ml-4 w-full sm:w-32 h-24 flex-shrink-0">
                <img class="w-full h-full object-cover rounded" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQNH_vUyK1OIlCg0UVuPi77JJgz5uJ1ctcB-A&amp;s" />
              </div>
          </div>
            <p class="gap-y-1 flex flex-wrap lg:w-3/4 pb-4 px-4">
              <span class="rounded whitespace-nowrap mr-1 px-1.5 py-1 text-xs font-medium text-gray-700 bg-gray-200">
                Football
              </span>
            </p>
        </div>
        <div class="bg-white rounded-lg shadow-md overflow-hidden">
          <div class="p-4 flex flex-col sm:flex-row sm:items-start">
            <div class="flex-grow">
                <p class="text-gray-500 text-xs font-medium leading-none">
                  November 25, 2024
                </p>
                <h3 class="text-gray-900 text-xl font-semibold leading-7 mt-2">
                  <a target="_blank" rel="noopener" class="hover-trigger" href="https://example.com/article2">
                    Coach John’s Strategy Pays Off
</a>                </h3>
                <p class="text-gray-500 text-sm font-medium leading-6 mt-2">
                  An in-depth analysis of Coach John’s innovative tactics.
                </p>
            </div>
          </div>
            <p class="gap-y-1 flex flex-wrap lg:w-3/4 pb-4 px-4">
              <span class="rounded whitespace-nowrap mr-1 px-1.5 py-1 text-xs font-medium text-gray-700 bg-gray-200">
                Basketball
              </span>
            </p>
        </div>
        <div class="bg-white rounded-lg shadow-md overflow-hidden">
          <div class="p-4 flex flex-col sm:flex-row sm:items-start">
            <div class="flex-grow">
                <h3 class="text-gray-900 text-xl font-semibold leading-7 mt-2">
                  <a target="_blank" rel="noopener" class="hover-trigger" href="https://example.com/article3">
                    Upcoming Matches to Watch
</a>                </h3>
                <p class="text-gray-500 text-sm font-medium leading-6 mt-2">
                  Don&#39;t miss Coach John’s team in the finals.
                </p>
            </div>
              <div class="mt-4 md:mt-0 md:ml-4 md:w-32 sm:mt-0 sm:ml-4 w-full sm:w-32 h-24 flex-shrink-0">
                <img class="w-full h-full object-cover rounded" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQNH_vUyK1OIlCg0UVuPi77JJgz5uJ1ctcB-A&amp;s" />
              </div>
          </div>
            <p class="gap-y-1 flex flex-wrap lg:w-3/4 pb-4 px-4">
              <span class="rounded whitespace-nowrap mr-1 px-1.5 py-1 text-xs font-medium text-gray-700 bg-gray-200">
                Volleyball
              </span>
            </p>
        </div>
    </div>
  </div>

</turbo-frame></template></turbo-stream>
<turbo-stream action="update" target="tabs_button"><template><turbo-frame id="tabs_button">
  <div class="flex flex-wrap gap-2 xl:flex-nowrap flex-row">
    <a class="w-full sm:w-[190px]" data-turbo-stream="true" data-turbo-action="replace" data-tab="snapshot" data-action="click-&gt;tabs-dropdown#changeTab" data-active-icon="https://intercollegiate.co/assets/new_design/file-d6dbb82d1051454e11dad23893f96631e7da8253ad27f00ae5e44200f5267dde.svg" data-in-active-icon="https://intercollegiate.co/assets/new_design/file-black-68f6d45b5dc7e56dec0483c975847eb80fff991f9679906f07915db1c075980b.svg" href="/profile_items/public_info?coach_id=2101548048&amp;school_id=812&amp;tab=snapshot">
      <div class="flex w-full sm:w-[190px] h-[40px] flex-nowrap rounded-md justify-center hover:bg-white  py-2.5 pl-4 pr-5 sm:pl-8 sm:pr-9 gap-2">
          <img src="https://intercollegiate.co/assets/new_design/file-black-68f6d45b5dc7e56dec0483c975847eb80fff991f9679906f07915db1c075980b.svg" />
        <div class="text-[#374151] text-sm font-medium leading-[20px] whitespace-nowrap">
          Snapshot
        </div>
      </div>
</a>    <a class="w-full sm:w-[190px]" data-turbo-stream="true" data-turbo-action="replace" data-tab="position_history" data-action="click-&gt;tabs-dropdown#changeTab" data-active-icon="https://intercollegiate.co/assets/new_design/refresh_tab_blue-f49a9680a70ba03b2de66ca13334016cd035307fe2f7a3ec8001971a9cd7b21d.svg" data-in-active-icon="https://intercollegiate.co/assets/new_design/refresh_tab-f41af1a3c4a0a86c03c1342801ad2f33c17585f50257df0a03a14f080988f03d.svg" href="/profile_items/position_history?coach_id=2101548048&amp;school_id=812&amp;tab=position_history">
      <div class="flex w-full sm:w-[190px] h-[40px] flex-nowrap rounded-md justify-center hover:bg-white  py-2.5 pl-4 pr-5 sm:pl-8 sm:pr-9 gap-2">
          <img src="https://intercollegiate.co/assets/new_design/refresh_tab-f41af1a3c4a0a86c03c1342801ad2f33c17585f50257df0a03a14f080988f03d.svg" />
        <div class="text-[#374151] text-sm font-medium leading-[20px] whitespace-nowrap">
          Position History
        </div>
      </div>
</a>    <a class="w-full sm:w-[190px]" data-turbo-stream="true" data-turbo-action="replace" data-tab="news" data-action="click-&gt;tabs-dropdown#changeTab" data-active-icon="https://intercollegiate.co/assets/new_design/announcement_blue-8780054fd81669db08c4b7f0291b7921968d0a2de6f423e525d9fd83e03c7fa6.svg" data-in-active-icon="https://intercollegiate.co/assets/new_design/announcement-387f4ba3e5c236196758b8668f3fceeedc77b8bfbfc3532de6a321737d22c6f9.svg" href="/profile_items/news_feed?coach_id=2101548048&amp;school_id=812&amp;tab=news">
      <div class="flex w-full sm:w-[190px] h-[40px] flex-nowrap rounded-md justify-center hover:bg-white bg-white py-2.5 pl-4 pr-5 sm:pl-8 sm:pr-9 gap-2">
          <img src="https://intercollegiate.co/assets/new_design/announcement_blue-8780054fd81669db08c4b7f0291b7921968d0a2de6f423e525d9fd83e03c7fa6.svg" />
        <div class="text-[#004EFC] text-sm font-medium leading-[20px] whitespace-nowrap">
          News
        </div>
      </div>
</a>  </div>
</turbo-frame></template></turbo-stream>
<turbo-stream action="update" target="tabs_button_dropdown"><template><turbo-frame id="tabs_button_dropdown">
  <div class="relative w-full">
    <!-- Dropdown Button -->
    <button id="dropdownButton" class="flex w-full h-[52px] items-center justify-between rounded-md border border-gray-300 bg-[#F3F4F6] py-2.5 px-4 text-base font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none" data-action="click->tabs-dropdown#toggleDropdown">
      <span id="selectedTab" class="flex items-center gap-2 text-[#004EFC]">
            <img src="https://intercollegiate.co/assets/new_design/announcement_blue-8780054fd81669db08c4b7f0291b7921968d0a2de6f423e525d9fd83e03c7fa6.svg" /> News
      </span>
      <svg class="h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
        <path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.17l3.71-3.94a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0L5.23 8.27a.75.75 0 01.02-1.06z" clip-rule="evenodd" />
      </svg>
    </button>

    <!-- Dropdown Options -->
    <div id="dropdownMenu" data-tabs-dropdown-target="menu" class="hidden absolute z-10 w-full bg-white border border-gray-200 rounded-md shadow-lg">
      <ul class="mt-1">
          <li class="mb-1">
            <a data-turbo-stream="true" data-turbo-action="replace" data-tab="snapshot" data-action="click-&gt;tabs-dropdown#closeDropdown click-&gt;tabs-dropdown#changeTab" class="flex items-center gap-2 mx-1 px-4 py-2 text-sm text-gray-700 rounded hover:bg-gray-100" href="/profile_items/public_info?coach_id=2101548048&amp;school_id=812&amp;tab=snapshot">
              <img src="https://intercollegiate.co/assets/new_design/file-black-68f6d45b5dc7e56dec0483c975847eb80fff991f9679906f07915db1c075980b.svg" /> Snapshot
</a>          </li>



          <li class="mb-1">
            <a data-turbo-stream="true" data-turbo-action="replace" data-tab="position_history" data-action="click-&gt;tabs-dropdown#closeDropdown click-&gt;tabs-dropdown#changeTab" class="flex items-center gap-2 mx-1 px-4 py-2 text-sm text-gray-700 rounded hover:bg-gray-100" href="/profile_items/position_history?coach_id=2101548048&amp;school_id=812&amp;tab=position_history">
              <img src="https://intercollegiate.co/assets/new_design/refresh_tab-f41af1a3c4a0a86c03c1342801ad2f33c17585f50257df0a03a14f080988f03d.svg" /> Position History
</a>          </li>

      </ul>
    </div>
  </div>
</turbo-frame></template></turbo-stream>
<turbo-stream action="update" target="modal_popup"><template><turbo-frame id="modal_popup">
  <div class="px-[15px] py-5 bg-white rounded-xl shadow border-2 border-blue-600 flex-col justify-center items-center gap-3 inline-flex hidden">
    <div class="justify-center items-center inline-flex">
      <div class="relative flex-col justify-start items-start flex"></div>
        <img src="https://intercollegiate.co/assets/featured-e68126bbde1f46f9144b7b06b146203f70c0b4333a95891dfd0810006a759f7d.png" />
      </div>
      <div class="w-72 text-center text-gray-900 text-sm font-medium leading-tight">Claim your profile to view your peer's talent snapshot. </div>
      <a data-turbo="false" class="px-4 py-2 rounded-md inline-flex justify-center items-center gap-2.5 bg-blue-600 hover:bg-blue-700" href="/claim">
        <span class="text-white text-sm font-semibold leading-tight">
          Claim Your Profile
        </span>
</a>  </div>
</turbo-frame></template></turbo-stream>
