<div class="absolute inset-y-0 flex items-center pl-2">
      <svg
          class="w-4 h-4"
          aria-hidden="true"
          fill="currentColor"
          viewBox="0 0 20 20"
      >
          <path
              fill-rule="evenodd"
              d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z"
              clip-rule="evenodd"
          ></path>
      </svg>
  </div>
  <form action="" method="GET">
      <div style="float:left; margin-right:10px"><input
              name="find" id="find"
              class="w-full pl-8 pr-2 text-sm text-gray-700 placeholder-gray-600 bg-gray-100 border-0 rounded-md dark:placeholder-gray-500 dark:focus:shadow-outline-gray dark:focus:placeholder-gray-600 dark:bg-gray-700 dark:text-gray-200 focus:placeholder-gray-500 focus:bg-white focus:border-purple-300 focus:outline-none focus:shadow-outline-purple form-input"
              style="width: 300px"
              type="text"
              placeholder="Искать..."
              aria-label="Search"
              value="{{$find_key}}"
          />
      </div>
      <div style="float:left; margin-top: -5px;">
          <select
              name="category" id="category"
              placeholder="Категории"
              class="block w-full mt-1 text-sm dark:text-gray-300 dark:border-gray-600 dark:bg-gray-700 form-select focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray"
          >
              <option value="Все категории">Все категории</option>
              @foreach ($select_category as $cat)
              <option value="{{$cat->name}}" @if ($find_cat ==$cat->name) selected @endif>{{$cat->name}}</option>
              @endforeach
          </select>
      </div>
      <div style="float: left">
          <button type="submit" class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple">Искать</button>
      </div>
  </form>