<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/njytt/certification_programs/700/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/njytt/certification_programs/700/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/njytt/certification_programs/700/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/njytt/certification_programs/700/instances?edit_mode=false&amp;filter=online">Next online</a>
            <a class="btn btn-secondary" data-turbo-frame="modal" data-turbo="true" href="/schools/njytt/certification_programs/700/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">
            
        </p>
        <p class="text-bright-blue-400">
          200 hours •
            $
          2995.0+
        </p>
        <p class="text-bright-blue-400">
          Caldwell, NJ, 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/eyJfcmFpbHMiOnsiZGF0YSI6MTk3NDEsInB1ciI6ImJsb2JfaWQifX0=--616fa6017c3fcb130c0ce83d2ba92d5ae957b399/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOls1MDAsNTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--6b917bcfb3957d7cb40870fa59cf6cbe2c9cb400/kelli-hansel-yoga-teacher.png"
              alt="Kelli Hansel"
              class="
                h-16 w-16 rounded-full object-cover border-1 border-white
                
                              "
            >
            <img
              src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjI5ODYsInB1ciI6ImJsb2JfaWQifX0=--57bdff8b0c6bcac76ba6e01e157045e731369101/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls1MDAsNTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--f2a449477e0081db1f6d8ee3da39be1b2dc5c7d3/shawn-lindsay-yoga-teacher.jpg"
              alt="Shawn LIndsay"
              class="
                h-16 w-16 rounded-full object-cover border-1 border-white
                 -ml-6 mt-8 z-10 
                              "
            >

      </div>
    </div>

    <div class="py-4 w-full md:w-4/6">
      <p>Led by</p>
      <p class="font-serif-pro">Kelli Hansel and Shawn LIndsay</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>
</div>

        <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 1 Yoga Teacher Badge" class="w-full h-full object-contain" src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDg4NSwicHVyIjoiYmxvYl9pZCJ9fQ==--c0366f252d09c5ed4db3800b1fb04edf558dbdd5/AYC-CYT-L1.png" />
    </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://forms.gle/Eiw8pntYccdqJPzX8">Enroll now</a>
    <p class="text-center">
      <a data-turbo-frame="modal" data-turbo="true" class="text-white !underline text-sm" href="/schools/njytt/certification_programs/700/program_instances/50/pricing">See up-front pricing</a>
    </p>
  </td>
</tr>
              </tbody>
            </table>
          </div>

        </div>

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