<turbo-stream action="update" target="elements_dropdown"><template>
    <div class="border-4 rounded-2xl scrollbar-hide overflow-y-auto" style="border-color: #F09229;">
    <form data-turbo-stream="true" action="/ai_element/199271" accept-charset="UTF-8" method="get">
        <div class="relative px-4 pt-4">
            <select onchange="this.form.requestSubmit()" class="bg-white rounded-lg text-gray-800 font-bold border border-gray-400 hover:text-gray-900 focus:ring-4 focus:ring-gray-100 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:focus:ring-gray-700 overflow-y-auto" name="element" id="element"><option value="199270">Essential Question</option>
<option selected="selected" value="199271">Community Partners</option>
<option value="199272">Reflection</option>
<option value="199273">Assessment</option>
<option value="199274">Exhibition</option>
<option value="199275">Project Launch</option>
<option value="199276">Core Content</option>
<option value="199277">Critique and Revision</option>
<option value="199278">Product</option></select>
        </div>
</form>    <form data-controller="nested-form autosave" data-autosave-delay-value="1000" action="/designs/23906" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" autocomplete="off" /><input type="hidden" name="authenticity_token" value="o1jMThkbLG_VYIoakaeCgVNvHO_CDfoabkBdPOW6-UyXf9JiZOMGe66GXJm6_dqSvK2A26susJ0H2GaRpHKWHg" autocomplete="off" />
        
        
            <div id="element_199271_form" class="flex overflow-hidden p-4">
  <div class="nested-form-wrapper w-full" data-new-record="false">
    <input autocomplete="off" type="hidden" value="Community Partners" name="design[elements_attributes][0][name]" id="design_elements_attributes_0_name" />
    <input autocomplete="off" type="hidden" value="What organizations and individuals will collaborate and enhance the learning experience?" name="design[elements_attributes][0][description]" id="design_elements_attributes_0_description" />

    <div class="form-group space-y-2 mb-0">
      <div>What organizations and individuals will collaborate and enhance the learning experience?</div>
          <p class="prose max-w-none text-sm">
            <div class="trix-content">
  <div>Partner with professionals specializing in AI and machine learning to engage students in discussion about ongoing research about implementation in the real world and to explore different methodologies and outcomes of language models in depth.</div>
</div>

          </p>

    </div>
    <button class="hidden" type="button" data-action="nested-form#remove">Remove element</button>
    <input autocomplete="off" type="hidden" value="false" name="design[elements_attributes][0][_destroy]" id="design_elements_attributes_0__destroy" />
  </div>
</div>

<input autocomplete="off" type="hidden" value="199271" name="design[elements_attributes][0][id]" id="design_elements_attributes_0_id" /></form></div>

</template></turbo-stream>
<turbo-stream action="update" target="elements_slider"><template>
    <div class="flex items-center py-6 gap-2" data-controller="element-circles">
    <!--Previous btn-->
        <a id="199270" data-turbo-stream="true" class="btn btn-small text-black hover:text-black shadow-[0px_1px_3px_0px_#00000040]" href="/ai_element/199270">
            <svg class='fill-current icon-sm inline-block' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M447.1 256C447.1 273.7 433.7 288 416 288H109.3l105.4 105.4c12.5 12.5 12.5 32.75 0 45.25C208.4 444.9 200.2 448 192 448s-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25l160-160c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25L109.3 224H416C433.7 224 447.1 238.3 447.1 256z"/></svg>
</a>

    <div data-element-circles-target="elementContainer" class="fade-mask-both flex flex-1 items-center justify-between px-4 overflow-y-auto scrollbar-hide gap-2">
            <div id="circle_element_199270" class="">
    <a class="" id="199270" data-turbo-stream="true" href="/ai_element/199270">
        <div class="rounded-full p-1 bg-[#E9482E] border h-6 w-6" style="border-color: #E9482E">
                <div class="bg-white rounded-full p-1 h-full w-full">
                    <svg class='' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>
                </div>
        </div>
</a></div>

            <div id="circle_element_199271" class="selected-element">
    <a class="" id="199271" data-turbo-stream="true" href="/ai_element/199271">
        <div class="rounded-full p-1 bg-[#F09229] border h-8 w-8" style="border-color: #F09229">
                <div class="bg-white rounded-full p-1 h-full w-full">
                    <svg class='' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>
                </div>
        </div>
</a></div>

            <div id="circle_element_199272" class="">
    <a class="" id="199272" data-turbo-stream="true" href="/ai_element/199272">
        <div class="rounded-full p-1 bg-[#F8C620] border h-6 w-6" style="border-color: #F8C620">
                <div class="bg-white rounded-full p-1 h-full w-full">
                    <svg class='' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>
                </div>
        </div>
</a></div>

            <div id="circle_element_199273" class="">
    <a class="" id="199273" data-turbo-stream="true" href="/ai_element/199273">
        <div class="rounded-full p-1 bg-[#93C257] border h-6 w-6" style="border-color: #93C257">
                <div class="bg-white rounded-full p-1 h-full w-full">
                    <svg class='' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>
                </div>
        </div>
</a></div>

            <div id="circle_element_199274" class="">
    <a class="" id="199274" data-turbo-stream="true" href="/ai_element/199274">
        <div class="rounded-full p-1 bg-[#1AA689] border h-6 w-6" style="border-color: #1AA689">
                <div class="bg-white rounded-full p-1 h-full w-full">
                    <svg class='' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>
                </div>
        </div>
</a></div>

            <div id="circle_element_199275" class="">
    <a class="" id="199275" data-turbo-stream="true" href="/ai_element/199275">
        <div class="rounded-full p-1 bg-[#3EBBC8] border h-6 w-6" style="border-color: #3EBBC8">
                <div class="bg-white rounded-full p-1 h-full w-full">
                    <svg class='' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>
                </div>
        </div>
</a></div>

            <div id="circle_element_199276" class="">
    <a class="" id="199276" data-turbo-stream="true" href="/ai_element/199276">
        <div class="rounded-full p-1 bg-[#4759A4] border h-6 w-6" style="border-color: #4759A4">
                <div class="bg-white rounded-full p-1 h-full w-full">
                    <svg class='' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>
                </div>
        </div>
</a></div>

            <div id="circle_element_199277" class="">
    <a class="" id="199277" data-turbo-stream="true" href="/ai_element/199277">
        <div class="rounded-full p-1 bg-[#8F0FA4] border h-6 w-6" style="border-color: #8F0FA4">
                <div class="bg-white rounded-full p-1 h-full w-full">
                    <svg class='' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>
                </div>
        </div>
</a></div>

            <div id="circle_element_199278" class="">
    <a class="" id="199278" data-turbo-stream="true" href="/ai_element/199278">
        <div class="rounded-full p-1 bg-[#D60464] border h-6 w-6" style="border-color: #D60464">
                <div class="bg-white rounded-full p-1 h-full w-full">
                    <svg class='' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>
                </div>
        </div>
</a></div>

    </div>

    <!--Next btn-->
        <a id="199272" data-turbo-stream="true" class="fill-current btn btn-small text-black hover:text-black shadow-[0px_1px_3px_0px_#00000040]" href="/ai_element/199272">
            <span class="hidden md:block">Next</span>
            <svg class='fill-current icon-sm inline-block' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>
</a></div>

</template></turbo-stream>