@props([
    'label' => 'Search',
    'labelVisible' => false,
    'isTabbedModule' => false
])

@php
    $attributes = $attributes
        ->merge([
        ])
        ->class([
        ]);
@endphp

<div class="display-flex flex-col">
    <x-bs-form.label
        class="{{ $labelVisible ? '' : 'sr-only' }}"
        :label="$label"
    />
    <div class="form-group" data-icon="start">
        <x-bs-icon
            class="text-gray-500"
            icon="search" 
        />
        <input class="input" id="popupSearch" 
            data-role="media-popup-search"
            data-field-name="q"
            placeholder="Search"
            type="text"
            value="{{ Request()->q ?? '' }}"
            data-reset="1"
            >
    </div>
</div>