{{-- Campaign search box. Submits to the Campaigns page (?q=). With `live`, the home page script
     (resources/js/explore.js) also filters the cards on the page as you type. --}}
@php $sid = $id ?? 'cause-search'; @endphp
<form class="csearch" action="{{ route('causes') }}" method="get" role="search">
    <svg class="i csearch__ico" aria-hidden="true"><use href="#i-search"/></svg>
    <label class="sr-only" for="{{ $sid }}">Search campaigns</label>
    <input class="csearch__input" id="{{ $sid }}" type="search" name="q" value="{{ $q ?? '' }}" maxlength="80"
           placeholder="Search meals, education, health, animals…" autocomplete="off" enterkeyhint="search" @if (! empty($live)) data-explore-search @endif>
    <button class="csearch__btn" type="submit"><svg class="i" aria-hidden="true"><use href="#i-search"/></svg><span>Search</span></button>
</form>