<turbo-stream action="update" target="elements_dropdown"><template>
    <div class="border-4 rounded-2xl scrollbar-hide overflow-y-auto" style="border-color: #1AA689;">
    <form data-turbo-stream="true" action="/ai_element/192967" 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="192963">Essential Question</option>
<option value="192964">Community Partners</option>
<option value="192965">Reflection</option>
<option value="192966">Assessment</option>
<option selected="selected" value="192967">Exhibition</option>
<option value="192968">Project Launch</option>
<option value="192969">Core Content</option>
<option value="192970">Critique and Revision</option>
<option value="192971">Product</option></select>
        </div>
</form>    <form data-controller="nested-form autosave" data-autosave-delay-value="1000" action="/designs/23144" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" autocomplete="off" /><input type="hidden" name="authenticity_token" value="mxQRAAToG6FHC7Apsc7iHhco4JdDfWUG28tWJJbgPBCWK41mTrrL0srExu7APHmQESlmjCP_xswJLgwJN79dvw" autocomplete="off" />
        
        
            <div id="element_192967_form" class="flex overflow-hidden p-4">
  <div class="nested-form-wrapper w-full" data-new-record="false">
    <input autocomplete="off" type="hidden" value="Exhibition" name="design[elements_attributes][0][name]" id="design_elements_attributes_0_name" />
    <input autocomplete="off" type="hidden" value="How and who will we celebrate our learning with?" name="design[elements_attributes][0][description]" id="design_elements_attributes_0_description" />

    <div class="form-group space-y-2 mb-0">
      <div>How and who will we celebrate our learning with?</div>
          <p class="prose max-w-none text-sm">
            <div class="trix-content">
  Host a 'Trigonometry in Action Fair' where students set up booths to display their architectural models or engineering designs, inviting community members to interact with the projects and ask questions about the mathematical concepts used.
</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="192967" 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="192966" data-turbo-stream="true" class="btn btn-small text-black hover:text-black shadow-[0px_1px_3px_0px_#00000040]" href="/ai_element/192966">
            <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_192963" class="">
    <a class="" id="192963" data-turbo-stream="true" href="/ai_element/192963">
        <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_192964" class="">
    <a class="" id="192964" data-turbo-stream="true" href="/ai_element/192964">
        <div class="rounded-full p-1 bg-[#F09229] border h-6 w-6" 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_192965" class="">
    <a class="" id="192965" data-turbo-stream="true" href="/ai_element/192965">
        <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_192966" class="">
    <a class="" id="192966" data-turbo-stream="true" href="/ai_element/192966">
        <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_192967" class="selected-element">
    <a class="" id="192967" data-turbo-stream="true" href="/ai_element/192967">
        <div class="rounded-full p-1 bg-[#1AA689] border h-8 w-8" 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_192968" class="">
    <a class="" id="192968" data-turbo-stream="true" href="/ai_element/192968">
        <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_192969" class="">
    <a class="" id="192969" data-turbo-stream="true" href="/ai_element/192969">
        <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_192970" class="">
    <a class="" id="192970" data-turbo-stream="true" href="/ai_element/192970">
        <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_192971" class="">
    <a class="" id="192971" data-turbo-stream="true" href="/ai_element/192971">
        <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="192968" data-turbo-stream="true" class="fill-current btn btn-small text-black hover:text-black shadow-[0px_1px_3px_0px_#00000040]" href="/ai_element/192968">
            <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>