<turbo-stream action="update" target="search_form"><template>
<div class="max-w-3xl mx-auto sticky bottom-0 pb-2 px-2">
  <form data-turbo-frame="search_results" action="/ara" accept-charset="UTF-8" method="get">
    <div class="w-full mb-4 border border-zinc-300 rounded-lg bg-zinc-200 shadow-xl focus-within:ring-yellow-500 focus-within:ring-2">
      <div class="px-4 py-2 bg-white rounded-t-lg">
        <label class="sr-only" for="query">Mevzuat ya da içtihatta ara</label>
        <input type="search" name="query" id="query" class="w-full px-0 text-sm text-gray-900 bg-white border-0 focus:outline-none" placeholder="Mevzuat veya içtihatta ara..." required="required" />
        <input id="kategori" value="mevzuat" autocomplete="off" type="hidden" name="kategori" />
      </div>
      <div class="flex items-center justify-between px-3 py-2 border-t">
        <div class="flex ps-0 space-x-1 rtl:space-x-reverse sm:ps-2">
          <div class="inline-flex rounded-md shadow-sm" role="group">
            <a class="px-4 py-1 text-sm font-medium bg-white border border-black/20 rounded-l-lg bg-yellow-600 hover:bg-yellow-600 text-white hover:text-white" data-turbo-frame="search_form" href="/ara/guncelle?kategori=mevzuat">Mevzuat</a>
            <a class="px-4 py-1 text-sm font-medium  bg-white border border-black/20 rounded-r-lg  focus:outline-none hover:bg-zinc-100 hover:text-yellow-600 text-zinc-900" data-turbo-frame="search_form" href="/ara/guncelle?kategori=ictihat">İçtihat</a>
          </div>
        </div>
        <input type="submit" name="" value="Ara" class="inline-flex items-center mx-2 py-1.5 px-4 text-sm text-center text-white bg-yellow-600 rounded-lg hover:bg-yellow-700 cursor-pointer" data-disable-with="Ara" />
      </div>
    </div>
</form>
</div>
</template></turbo-stream>