<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/309/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/309/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/309/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/309/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/309/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 class="
      flex flex-col w-full mb-4 p-4
      lg:table-row lg:mb-0 lg:p-0
      border-b border-white
    ">
  <td class="
        py-2 align-top w-full
        lg:py-4 lg:align-top lg:table-cell lg:w-auto
      ">
    <div class="flex items-start gap-4 lg:flex-row">
      <div class="flex-shrink-0">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M12 6C12.5523 6 13 5.55228 13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5C11 5.55228 11.4477 6 12 6Z" stroke="#A1A5FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M9 20L12 14L15 20" stroke="#A1A5FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6 8L12 10L18 8" stroke="#A1A5FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M12 10V14" stroke="#A1A5FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
      </div>
      <div>
        <p class="font-bold">In person</p>
        <p class="text-bright-blue-400">
            
        </p>
        <p class="text-bright-blue-400">
          200 hours •
            $
          219.0+
        </p>
        <p class="text-bright-blue-400">
          Boulder, CO, US
        </p>
      </div>
    </div>
  </td>
  

<td colspan="2" class="p-0 align-top">
  <div class="flex flex-row">

    <div class="py-4 w-full md:w-2/6 flex justify-center md:justify-start">
      <div class="flex items-center">
            <img
              src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjU1MywicHVyIjoiYmxvYl9pZCJ9fQ==--6406666dfa9acd18545346130b8756c4426543a0/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbNTAwLDUwMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--a9718f4e4acc1bd8e3c47cbb9dad8d0941667b20/maisa-7-s-yoga-teacher.jpeg"
              alt="Maisa 77 SA2"
              class="
                h-24 w-24 rounded-full object-cover border-1 border-white
                
                              "
            >

      </div>
    </div>

    <div class="py-4 w-full md:w-4/6">
      <p>Led by</p>
      <p class="font-serif-pro">Maisa 77 SA2</p>
        <div class=" inline-flex items-center space-x-1">
    <span class="w-8 h-8 flex items-center justify-center shrink-0">
      <img alt="Master Yoga Teacher Badge" class="w-full h-full object-contain" src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTY1MSwicHVyIjoiYmxvYl9pZCJ9fQ==--7c19219d8b7c0e96c9f6bc2089b2820623abb695/AYC-M.png" />
    </span>
    <span
      data-controller="dynamic-style"
      data-dynamic-style-color-value="#FFF"
      class="uppercase text-[11px] font-sons leading-tight text-purple-600"
    >
      Master
    </span>
</div>

    </div>

  </div>
</td>

  <td class="
        py-2 pl-0 align-top items-center w-full
        lg:py-4 lg:pl-4 lg:align-top lg:table-cell lg:w-auto
      ">
      <a class="btn btn-secondary !w-full" href="https://www.google,com">Enroll now</a>
    <p class="text-center">
      <a data-turbo-frame="modal" data-turbo="true" class="text-white !underline text-sm" href="/schools/goldenyears2/certification_programs/309/program_instances/28/pricing">See up-front pricing</a>
    </p>
  </td>
</tr>
                  <tr class="
      flex flex-col w-full mb-4 p-4
      lg:table-row lg:mb-0 lg:p-0
      border-b border-white
    ">
  <td class="
        py-2 align-top w-full
        lg:py-4 lg:align-top lg:table-cell lg:w-auto
      ">
    <div class="flex items-start gap-4 lg:flex-row">
      <div class="flex-shrink-0">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M12 6C12.5523 6 13 5.55228 13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5C11 5.55228 11.4477 6 12 6Z" stroke="#A1A5FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M9 20L12 14L15 20" stroke="#A1A5FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6 8L12 10L18 8" stroke="#A1A5FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M12 10V14" stroke="#A1A5FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
      </div>
      <div>
        <p class="font-bold">In person</p>
        <p class="text-bright-blue-400">
            Feb 20 – Feb 28, 2026
        </p>
        <p class="text-bright-blue-400">
            8 days •
          200 hours •
            $
          1199.0+
        </p>
        <p class="text-bright-blue-400">
          New York, NY, US
        </p>
      </div>
    </div>
  </td>
  

<td colspan="2" class="p-0 align-top">
  <div class="flex flex-row">

    <div class="py-4 w-full md:w-2/6 flex justify-center md:justify-start">
      <div class="flex items-center">
            <img
              src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjU1MywicHVyIjoiYmxvYl9pZCJ9fQ==--6406666dfa9acd18545346130b8756c4426543a0/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbNTAwLDUwMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--a9718f4e4acc1bd8e3c47cbb9dad8d0941667b20/maisa-7-s-yoga-teacher.jpeg"
              alt="Maisa 77 SA2"
              class="
                h-24 w-24 rounded-full object-cover border-1 border-white
                
                              "
            >

      </div>
    </div>

    <div class="py-4 w-full md:w-4/6">
      <p>Led by</p>
      <p class="font-serif-pro">Maisa 77 SA2</p>
        <div class=" inline-flex items-center space-x-1">
    <span class="w-8 h-8 flex items-center justify-center shrink-0">
      <img alt="Master Yoga Teacher Badge" class="w-full h-full object-contain" src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTY1MSwicHVyIjoiYmxvYl9pZCJ9fQ==--7c19219d8b7c0e96c9f6bc2089b2820623abb695/AYC-M.png" />
    </span>
    <span
      data-controller="dynamic-style"
      data-dynamic-style-color-value="#FFF"
      class="uppercase text-[11px] font-sons leading-tight text-purple-600"
    >
      Master
    </span>
</div>

    </div>

  </div>
</td>

  <td class="
        py-2 pl-0 align-top items-center w-full
        lg:py-4 lg:pl-4 lg:align-top lg:table-cell lg:w-auto
      ">
      <a class="btn btn-secondary !w-full" href="https://www.google.com">Enroll now</a>
    <p class="text-center">
      <a data-turbo-frame="modal" data-turbo="true" class="text-white !underline text-sm" href="/schools/goldenyears2/certification_programs/309/program_instances/34/pricing">See up-front pricing</a>
    </p>
  </td>
</tr>
                  <tr class="
      flex flex-col w-full mb-4 p-4
      lg:table-row lg:mb-0 lg:p-0
      border-b border-white
    ">
  <td class="
        py-2 align-top w-full
        lg:py-4 lg:align-top lg:table-cell lg:w-auto
      ">
    <div class="flex items-start gap-4 lg:flex-row">
      <div class="flex-shrink-0">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M12 6C12.5523 6 13 5.55228 13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5C11 5.55228 11.4477 6 12 6Z" stroke="#A1A5FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M9 20L12 14L15 20" stroke="#A1A5FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6 8L12 10L18 8" stroke="#A1A5FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M12 10V14" stroke="#A1A5FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
      </div>
      <div>
        <p class="font-bold">In person</p>
        <p class="text-bright-blue-400">
            Feb 27 – Feb 28, 2026
        </p>
        <p class="text-bright-blue-400">
            1 day •
          20 hours •
            $
          400.0+
        </p>
        <p class="text-bright-blue-400">
          Everett, WA, US
        </p>
      </div>
    </div>
  </td>
  

<td colspan="2" class="p-0 align-top">
  <div class="flex flex-row">

    <div class="py-4 w-full md:w-2/6 flex justify-center md:justify-start">
      <div class="flex items-center">
            <img
              src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjU1MywicHVyIjoiYmxvYl9pZCJ9fQ==--6406666dfa9acd18545346130b8756c4426543a0/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbNTAwLDUwMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--a9718f4e4acc1bd8e3c47cbb9dad8d0941667b20/maisa-7-s-yoga-teacher.jpeg"
              alt="Maisa 77 SA2"
              class="
                h-24 w-24 rounded-full object-cover border-1 border-white
                
                              "
            >

      </div>
    </div>

    <div class="py-4 w-full md:w-4/6">
      <p>Led by</p>
      <p class="font-serif-pro">Maisa 77 SA2</p>
        <div class=" inline-flex items-center space-x-1">
    <span class="w-8 h-8 flex items-center justify-center shrink-0">
      <img alt="Master Yoga Teacher Badge" class="w-full h-full object-contain" src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTY1MSwicHVyIjoiYmxvYl9pZCJ9fQ==--7c19219d8b7c0e96c9f6bc2089b2820623abb695/AYC-M.png" />
    </span>
    <span
      data-controller="dynamic-style"
      data-dynamic-style-color-value="#FFF"
      class="uppercase text-[11px] font-sons leading-tight text-purple-600"
    >
      Master
    </span>
</div>

    </div>

  </div>
</td>

  <td class="
        py-2 pl-0 align-top items-center w-full
        lg:py-4 lg:pl-4 lg:align-top lg:table-cell lg:w-auto
      ">
      <a class="btn btn-secondary !w-full" href="https://www.ayc.com">Enroll now</a>
    <p class="text-center">
      <a data-turbo-frame="modal" data-turbo="true" class="text-white !underline text-sm" href="/schools/goldenyears2/certification_programs/309/program_instances/35/pricing">See up-front pricing</a>
    </p>
  </td>
</tr>
              </tbody>
            </table>
          </div>

        </div>

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