<turbo-stream action="update" target="render_search_filters_by_key"><template>
  <form data-turbo-stream="true" action="/search_filters" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8XhUPfKA1nVgcQrymUFA4OCDIlR_9zSB1lwD97OKeVA_yt3BqsL3KyiW1fsIYRJMQVZl-qzAjjsaSGJ5FW7v3g" autocomplete="off" />
    <input autocomplete="off" value="education_level" type="hidden" name="key" id="key" />
    <input autocomplete="off" type="hidden" name="view" id="view" />
    <input autocomplete="off" value="Professional" type="hidden" name="intent" id="intent" />
    <input autocomplete="off" type="hidden" name="id" id="id" />
    <input autocomplete="off" type="hidden" name="manage_campaign_id" id="manage_campaign_id" />
    <div class="faq-drawer db-form-grouplg flex justify-between items-start relative flex-col p-[16px] bg-white border-t border-solid border-border_color" data-controller="v2--search-history-filter">
      <a data-turbo="false" class="flex gap-[7px] p-[0]" href="/ai_search?search=Professional">
        <em class="font-normal gap-[8px] flex items-center text-[14px] not-italic leading-5 font-text_font text-[#05123799] cursor-pointer"><i class="anron-chevron-left text-[14px] text-[#05123752]"></i> Back</em>
</a>      <label class="faq-drawer__title flex justify-start items-center font-normal text-[14px] leading-5 not-italic pt-[16px] pb-[6px] font-text_font text-text_color_dark" for="01">
        Education level
      </label>
        <div class="flex flex-col gap-[10px] mt-[14px]">
  <div class="flex items-center gap-[10px] checkbox">
    <input type="checkbox" id="edu_high_school" name="education_level[]" value="high_school" data-selector="education_level" data-filter-key="education_level" data-active-key="education_level_active_filter"  class="education_level">
    <label for="edu_high_school">
      <span class="font-normal text-[14px] leading-5 not-italic font-text_font text-text_color">High School </span>
    </label>
  </div>
  <div class="flex items-center gap-[10px] checkbox">
    <input type="checkbox" id="edu_associate" name="education_level[]" value="associate" data-selector="education_level" data-filter-key="education_level" data-active-key="education_level_active_filter" class="education_level" >
    <label for="edu_associate">
      <span class="font-normal text-[14px] leading-5 not-italic font-text_font text-text_color">Associate</span>
    </label>
  </div>
  <div class="flex items-center gap-[10px] checkbox">
    <input type="checkbox" id="edu_bachelors" name="education_level[]" value="bachelors" data-selector="education_level" data-filter-key="education_level" data-active-key="education_level_active_filter" class="education_level" >
    <label for="edu_bachelors">
      <span class="font-normal text-[14px] leading-5 not-italic font-text_font text-text_color">Bachelors</span>
    </label>
  </div>
  <div class="flex items-center gap-[10px] checkbox">
    <input type="checkbox" id="edu_masters" name="education_level[]" value="masters" data-selector="education_level" data-filter-key="education_level" data-active-key="education_level_active_filter" class="education_level" >
    <label for="edu_masters">
      <span class="font-normal text-[14px] leading-5 not-italic font-text_font text-text_color">Masters</span>
    </label>
  </div>
  <div class="flex items-center gap-[10px] checkbox">
    <input type="checkbox" id="edu_jd" name="education_level[]" value="jd" data-selector="education_level" data-filter-key="education_level" data-active-key="education_level_active_filter" class="education_level" >
    <label for="edu_jd">
      <span class="font-normal text-[14px] leading-5 not-italic font-text_font text-text_color">JD</span>
    </label>
  </div>
  <div class="flex items-center gap-[10px] checkbox">
    <input type="checkbox" id="edu_phd" name="education_level[]" value="phd" data-selector="education_level" data-filter-key="education_level" data-active-key="education_level_active_filter" class="education_level" >
    <label for="edu_phd">
      <span class="font-normal text-[14px] leading-5 not-italic font-text_font text-text_color">PHD</span>
    </label>
  </div>
</div>

      <div class="flex flex-col w-full [&~div]:mt-[10px]" data-controller="radio-filter">
  <button name="button" type="submit" class="mt-[24px] w-max! db-primary-button text-[14px] h-[32px]! font-normal! not-italic leading-3! text-[#2B6AE6]! rounded-[10px] bg-[#EAF1FF]! font-text_font" data-turbo-submits-with="Apply Filter &lt;span class=&quot;db-loader border-bg-white&quot;&gt;&lt;/span&gt;">
    Apply Filter
</button></div>

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