<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="kCx-sqj1LzweFnqA__cNZiN6BtgqG5PxlwurrH5aBc_NFU3VWsoHtAj5x7nqsEVAYa5Lg4qWqpVoQWS8xwEeDg" autocomplete="off" />
    <input autocomplete="off" value="languages" 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">
        Languages
      </label>
        
      <div class="flex flex-col w-full [&~div]:mt-[10px]" data-controller="radio-filter">
    <ul class="flex flex-col items-start pt-[16px] gap-[10px_20px]">
      <li class="w-full list-none flex flex-col items-start">
        <div class="checkbox-style checkbox">
          <input type="radio" id="is-any-of" name="search_radio_filter" value="is_any_of" class="w-[16px]! h-[16px]! checked:after:w-[10px]! checked:after:h-[10px]!" data-key="languages" data-action="click->v2--search-history-filter#toggleInputField" checked>
          <label class="font-normal text-[14px] leading-5 font-text_font text-text_color_dark" for="is-any-of">
            Is any of
          </label>
        </div>
          <div class="w-full " id="search_history_filter_field" data-controller="search-filter">
  <div class="selectlist selectlist-search mt-[14px]">
    <div class="select2multiple">
      <select class="selectoption" multiple="" name="languages[]" id="language_filter" data-filter-key="languages" data-placeholder="Select from list" data-select2-id="language_filter" tabindex="-1" aria-hidden="true">
        <option value="">Select language</option>
<option value="English">English</option>
<option value="Spanish">Spanish</option>
<option value="French">French</option>
<option value="German">German</option>
<option value="Chinese">Chinese</option>
<option value="Japanese">Japanese</option>
<option value="Korean">Korean</option>
<option value="Italian">Italian</option>
<option value="Portuguese">Portuguese</option>
<option value="Russian">Russian</option>
<option value="Arabic">Arabic</option>
<option value="Hindi">Hindi</option>
<option value="Bengali">Bengali</option>
<option value="Punjabi">Punjabi</option>
<option value="Javanese">Javanese</option>
<option value="Malay">Malay</option>
<option value="Vietnamese">Vietnamese</option>
<option value="Telugu">Telugu</option>
<option value="Marathi">Marathi</option>
<option value="Tamil">Tamil</option>
<option value="Urdu">Urdu</option>
<option value="Turkish">Turkish</option>
<option value="Farsi">Farsi</option>
<option value="Gujarati">Gujarati</option>
<option value="Polish">Polish</option>
<option value="Ukrainian">Ukrainian</option>
<option value="Romanian">Romanian</option>
<option value="Dutch">Dutch</option>
<option value="Greek">Greek</option>
<option value="Czech">Czech</option>
<option value="Swedish">Swedish</option>
<option value="Hungarian">Hungarian</option>
<option value="Finnish">Finnish</option>
<option value="Danish">Danish</option>
<option value="Norwegian">Norwegian</option>
<option value="Bulgarian">Bulgarian</option>
<option value="Slovak">Slovak</option>
<option value="Croatian">Croatian</option>
<option value="Serbian">Serbian</option>
<option value="Lithuanian">Lithuanian</option>
<option value="Latvian">Latvian</option>
<option value="Estonian">Estonian</option>
<option value="Icelandic">Icelandic</option>
      </select>
    </div>
  </div>
  <div class="tags-area mt-[8px] flex gap-[5px] flex-wrap" id="language_filter_tags">
  </div>
</div>

      </li>
        <li class="w-full list-none flex flex-col gap-[10px] items-start">
          <div class="checkbox-style checkbox">
            <input type="radio" id="is-known" name="search_radio_filter" value="is_known" class="w-[16px]! h-[16px]! checked:after:w-[10px]! checked:after:h-[10px]!" data-key="languages" data-action="click->v2--search-history-filter#toggleInputField" >
            <label class="font-normal text-[14px] leading-5 font-text_font text-text_color_dark" for="is-known">
              Is known
            </label>
          </div>
        </li>
        <li class="w-full list-none flex flex-col gap-[10px] items-start">
          <div class="checkbox-style checkbox">
            <input type="radio" id="is-unknown" name="search_radio_filter" value="is_unknown" class="w-[16px]! h-[16px]! checked:after:w-[10px]! checked:after:h-[10px]!" data-key="languages" data-action="click->v2--search-history-filter#toggleInputField" >
            <label class="font-normal text-[14px] leading-5 font-text_font text-text_color_dark" for="is-unknown">
              Is unknown
            </label>
          </div>
        </li>
    </ul>
  <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>