<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/unnatayoga/certification_programs/670/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/unnatayoga/certification_programs/670/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/unnatayoga/certification_programs/670/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/unnatayoga/certification_programs/670/instances?edit_mode=false&amp;filter=online">Next online</a>
            <a class="btn btn-secondary" data-turbo-frame="modal" data-turbo="true" href="/schools/unnatayoga/certification_programs/670/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="M16 21V19C16 17.9391 15.5786 16.9217 14.8284 16.1716C14.0783 15.4214 13.0609 15 12 15H6C4.93913 15 3.92172 15.4214 3.17157 16.1716C2.42143 16.9217 2 17.9391 2 19V21" stroke="#A1A5FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M9 11C11.2091 11 13 9.20914 13 7C13 4.79086 11.2091 3 9 3C6.79086 3 5 4.79086 5 7C5 9.20914 6.79086 11 9 11Z" stroke="#A1A5FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M19 8V14" stroke="#A1A5FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M22 11H16" stroke="#A1A5FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
      </div>
      <div>
        <p class="font-bold">Hybrid</p>
        <p class="text-bright-blue-400">
            Jul 16 – Aug 30, 2026
        </p>
        <p class="text-bright-blue-400">
            about 2 months •
          65 hours •
            $
          1560.0+
        </p>
        <p class="text-bright-blue-400">
          Quakertown, PA, 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/eyJfcmFpbHMiOnsiZGF0YSI6MjI3NjIsInB1ciI6ImJsb2JfaWQifX0=--ee7528bc52d9588294e0cda31c5aac56538ee03a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fbGltaXQiOls1MDAsNTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--19193413b7c03a8b5d61ccc26fea85dbdb18cab8/michelle-dortignac-yoga-teacher.JPG"
              alt="Michelle Dortignac"
              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">Michelle Dortignac</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="Level 3 Yoga Teacher Badge" class="w-full h-full object-contain" src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDg4MiwicHVyIjoiYmxvYl9pZCJ9fQ==--9e35de99a5675d5a5289b58a14fcf17a139f3376/AYC-CYT-L3.png" />
    </span>
    <span
      data-controller="dynamic-style"
      data-dynamic-style-color-value="#FFF"
      class="uppercase text-[11px] font-sons leading-tight text-purple-600"
    >
      Level 3
    </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.unnatayoga.com/events/quakertown-pa-2-long-weekends/">Enroll now</a>
    <p class="text-center">
      <a data-turbo-frame="modal" data-turbo="true" class="text-white !underline text-sm" href="/schools/unnatayoga/certification_programs/670/program_instances/62/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="M16 21V19C16 17.9391 15.5786 16.9217 14.8284 16.1716C14.0783 15.4214 13.0609 15 12 15H6C4.93913 15 3.92172 15.4214 3.17157 16.1716C2.42143 16.9217 2 17.9391 2 19V21" stroke="#A1A5FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M9 11C11.2091 11 13 9.20914 13 7C13 4.79086 11.2091 3 9 3C6.79086 3 5 4.79086 5 7C5 9.20914 6.79086 11 9 11Z" stroke="#A1A5FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M19 8V14" stroke="#A1A5FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M22 11H16" stroke="#A1A5FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
      </div>
      <div>
        <p class="font-bold">Hybrid</p>
        <p class="text-bright-blue-400">
            Aug 16 – Aug 23, 2026
        </p>
        <p class="text-bright-blue-400">
            7 days •
          65 hours •
            $
          1560.0+
        </p>
        <p class="text-bright-blue-400">
          Espoo, Uusimaa, FI
        </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/eyJfcmFpbHMiOnsiZGF0YSI6MjI3NjIsInB1ciI6ImJsb2JfaWQifX0=--ee7528bc52d9588294e0cda31c5aac56538ee03a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fbGltaXQiOls1MDAsNTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--19193413b7c03a8b5d61ccc26fea85dbdb18cab8/michelle-dortignac-yoga-teacher.JPG"
              alt="Michelle Dortignac"
              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">Michelle Dortignac</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="Level 3 Yoga Teacher Badge" class="w-full h-full object-contain" src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDg4MiwicHVyIjoiYmxvYl9pZCJ9fQ==--9e35de99a5675d5a5289b58a14fcf17a139f3376/AYC-CYT-L3.png" />
    </span>
    <span
      data-controller="dynamic-style"
      data-dynamic-style-color-value="#FFF"
      class="uppercase text-[11px] font-sons leading-tight text-purple-600"
    >
      Level 3
    </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.unnatayoga.com/events/espoo-finland-english/">Enroll now</a>
    <p class="text-center">
      <a data-turbo-frame="modal" data-turbo="true" class="text-white !underline text-sm" href="/schools/unnatayoga/certification_programs/670/program_instances/63/pricing">See up-front pricing</a>
    </p>
  </td>
</tr>
              </tbody>
            </table>
          </div>

        </div>

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