<turbo-stream action="update" target="elements_dropdown"><template>
    <div class="border-4 rounded-2xl scrollbar-hide overflow-y-auto" style="border-color: #D60464;">
    <form data-turbo-stream="true" action="/ai_element/207312" 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="207304">Essential Question</option>
<option value="207305">Community Partners</option>
<option value="207306">Reflection</option>
<option value="207307">Assessment</option>
<option value="207308">Exhibition</option>
<option value="207309">Project Launch</option>
<option value="207310">Core Content</option>
<option value="207311">Critique and Revision</option>
<option selected="selected" value="207312">Product</option></select>
        </div>
</form>    <form data-controller="nested-form autosave" data-autosave-delay-value="1000" action="/designs/24873" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" autocomplete="off" /><input type="hidden" name="authenticity_token" value="KUkZsuXih6FuSha691XQSp8Lw5dpk670pz5UJIdJQywRFUuQjj38xW8aYDE6aji8JJr-SqjpnUACmPLCps0AKg" autocomplete="off" />
        
        
            <div id="element_207312_form" class="flex overflow-hidden p-4">
  <div class="nested-form-wrapper w-full" data-new-record="false">
    <input autocomplete="off" type="hidden" value="Product" name="design[elements_attributes][0][name]" id="design_elements_attributes_0_name" />
    <input autocomplete="off" type="hidden" value="What will we make, build, or do that will have an impact on us or the world around us?" name="design[elements_attributes][0][description]" id="design_elements_attributes_0_description" />

    <div class="form-group space-y-2 mb-0">
      <div>What will we make, build, or do that will have an impact on us or the world around us?</div>
          <p class="prose max-w-none text-sm">
            <div class="trix-content">
  (1) growing fields in community garden; community food share; hydropnics, aquaponics green house<br>(2) Students will design and construct a small-scale community garden model using sustainable materials, showcasing their understanding of urban green spaces and food justice, which will be displayed at the 'Harmony with Nature Festival'.<br>(3) Organize a live demonstration of hydroponics or aquaponics systems, where students explain the science behind these sustainable farming methods and their potential to enhance food security, presented during the 'Harmony with Nature Festival'.
</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="207312" 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="207311" data-turbo-stream="true" class="btn btn-small text-black hover:text-black shadow-[0px_1px_3px_0px_#00000040]" href="/ai_element/207311">
            <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-left flex flex-1 items-center justify-between px-4 overflow-y-auto scrollbar-hide gap-2">
            <div id="circle_element_207304" class="">
    <a class="" id="207304" data-turbo-stream="true" href="/ai_element/207304">
        <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_207305" class="">
    <a class="" id="207305" data-turbo-stream="true" href="/ai_element/207305">
        <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_207306" class="">
    <a class="" id="207306" data-turbo-stream="true" href="/ai_element/207306">
        <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_207307" class="">
    <a class="" id="207307" data-turbo-stream="true" href="/ai_element/207307">
        <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_207308" class="">
    <a class="" id="207308" data-turbo-stream="true" href="/ai_element/207308">
        <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_207309" class="">
    <a class="" id="207309" data-turbo-stream="true" href="/ai_element/207309">
        <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_207310" class="">
    <a class="" id="207310" data-turbo-stream="true" href="/ai_element/207310">
        <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_207311" class="">
    <a class="" id="207311" data-turbo-stream="true" href="/ai_element/207311">
        <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_207312" class="selected-element">
    <a class="" id="207312" data-turbo-stream="true" href="/ai_element/207312">
        <div class="rounded-full p-1 bg-[#D60464] border h-8 w-8" 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-->
        <div class="!cursor-not-allowed btn btn-small text-gray-400 shadow-[0px_1px_3px_0px_#00000040]" disabled>
            <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>
        </div>
</div>

</template></turbo-stream>