<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css" integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />

{{-- 
<form action="{{route('produits.search')}}">
 
       <input type="text" name="q" class="rd-navbar-search-form-input form-input">
       <button type="submit"><i class="fa-solid fa-magnifying-glass"></i></button>
</form> --}}


<button class="rd-navbar-search-toggle" data-rd-navbar-toggle=".rd-navbar-search"><span></span></button>
<form class="rd-search" action="{{route('produits.search')}}" data-search-live="rd-search-results-live">
    <div class="form-wrap">
        <input class="rd-navbar-search-form-input form-input" id="rd-navbar-search-form-input" type="text" name="q" autocomplete="off" value="{{request()->q ?? ''}}"/>
        <label class="form-label" for="rd-navbar-search-form-input">Search...</label>
        <div class="rd-search-results-live" id="rd-search-results-live"></div>
        <button class="rd-search-form-submit fl-bigmug-line-search74" type="submit"></button>
    </div>
</form>