<turbo-stream action="replace" target="instances_list"><template><turbo-frame id="instances_list">
  <div class="bg-primary-600 pb-[80px] pt-[80px]">
    <div class="content-section">
      <div class="flex flex-col lg:flex-row gap-8 mt-0">

        <div class="w-full lg:w-[30%] space-y-6">
          <h4 class="font-normal text-white">Upcoming Instances</h4>

          <nav class="flex flex-col space-y-3">

            <a data-turbo-frame="instances_list" class="text-[24px] font-bold transition-all hover:text-white text-white" href="/schools/goldenyears2/certification_programs/336/instances?edit_mode=false&amp;filter=all">All</a>

            <a data-turbo-frame="instances_list" data-controller="location-filter" data-location-filter-url-value="/schools/goldenyears2/certification_programs/336/instances?edit_mode=false&amp;filter=in_person" data-action="click-&gt;location-filter#requestLocation" class="text-[24px] font-bold transition-all hover:text-white text-white/40" href="/schools/goldenyears2/certification_programs/336/instances?edit_mode=false&amp;filter=in_person">In person near you</a>

            <a data-turbo-frame="instances_list" class="text-[24px] font-bold transition-all hover:text-white text-white/40" href="/schools/goldenyears2/certification_programs/336/instances?edit_mode=false&amp;filter=online">Next online</a>
            <a class="btn btn-secondary" data-turbo-frame="modal" data-turbo="true" href="/schools/goldenyears2/certification_programs/336/program_instances/location_filter?edit_mode=false">
              <svg xmlns="http://www.w3.org/2000/svg" width="17" height="15" viewBox="0 0 17 15" fill="none" class="w-4 h-4 mr-2">
<path d="M15.75 0.75H0.75L6.75 7.845V12.75L9.75 14.25V7.845L15.75 0.75Z" stroke="#1C144D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
              Filter by location
</a>          </nav>
        </div>

        <div class="w-full lg:w-[70%] relative">
          <div class="overflow-x-auto">
            <table class="w-full text-left text-white border-t border-white">
              <tbody>
                <tr>
                  <td class="py-4 opacity-50">No instances found for this filter.</td>
                </tr>
              </tbody>
            </table>
          </div>

        </div>

      </div>
    </div>
  </div>
</turbo-frame></template></turbo-stream>