@props(['dataSearchUrl'])

<form class="app-search" >
    <div class="position-relative">
        <input name="search" type="text" class="form-control text-bg-dark" placeholder="Search..." autocomplete="off" id="product-search">
        <span class="mdi mdi-magnify search-widget-icon "></span>
        <span class="mdi mdi-close-circle search-widget-icon search-widget-icon-close d-none" id="search-close-options"></span>
    </div>
</form>
<!-- This div holds the search URL -->
<div id="search-url" data-search-url="{{ $dataSearchUrl }}"></div>