@php
    $iArgs = [];
    if(request()->sort_col) {
        $iArgs['sort_col'] = request()->sort_col;
    }

    if(request()->search) {
        $iArgs['search'] = request()->sort_way;
    }
@endphp
<div class="row my-3">
    <div class="col-12">
        <form id="searchForm" action="/{{ request()->path() }}">
            <div class="input-group">
                <label class="input-group-text" for="searchField">{{ $searchFields }}</label>
                @if(request()->sort_col)
                <input class="d-none" type="text" name="sort_col" value="{{ request()->sort_col }}">
                @endif
                @if(request()->sort_way)
                <input class="d-none" type="text" name="sort_way" value="{{ request()->sort_way }}">
                @endif
                @if(request()->rangefilter)
                <input class="d-none" type="text" name="rangefilter" value="{{ request()->rangefilter }}">
                @endif
                @if(request()->group)
                <input class="d-none" type="text" name="group" value="{{ request()->group }}">
                @endif
                <input type="search" id="searchField" name="search" class="form-control" value="{{ request()->search }}" placeholder="{{ __('Saisissez vos mots clés...') }}"/>
                <button type="submit" class="btn btn-primary" data-bs-toggle="tooltip" title="{{ __('Rechercher') }}">
                    <i class="fas fa-search"></i>
                </button>
                <button id="searchDelete" type="button" class="btn btn-danger" data-bs-toggle="tooltip" title="{{ __('Supprimer la recherche') }}">
                    <i class="fas fa-backspace"></i>
                </button>
                @push('scripts')
                <script nonce="{{ $nonce }}">
                    document.getElementById('searchDelete').addEventListener('click', function (e) {
                        document.getElementById('searchField').value = '';
                        document.getElementById('searchForm').submit();
                    });
                </script>
                @endpush
            </div>
        </form>
    </div>
</div>