Autocomplete Materialize with bd [closed]

Good morning. I'm developing a web app sales with Materialize, and I need to autocomplete the input of the product name, where it looks for the products already registered in the bd.

  

Input:

<div class="input-field col s6">

    <input placeholder="Digite o Produto" name="input_produto_venda[]" id="produto_venda" type="text" class="validate autocomplete_produto_venda">
    <label class="active" for="input_produto_venda[]">Produto</label>
</div>

  

Connecting bd to the product table:

    <?php

      $connect = mysqli_connect("localhost", "root", "", "narguile");

      if(isset($_POST["query"])) {

        $output = '';

        $query = "SELECT * FROM produto WHERE tipo_produto LIKE '%".$_POST["query"]."%'";

        $result = mysqli_query($connect, $query);

        $output = '<ul class="list-unstyled">';

        if(mysqli_num_rows($result) > 0) {

          while($row = mysqli_fetch_array($result)) {

            $output .= '<li>'.$row["tipo_produto"].'</li>';  
          }
        }

        else {

          $output .= '<li>Produto não encontrado</li>';  
        }

        $output .= '</ul>';

        echo $output;  
      }
    ?>

  

Materialize JS (default):

$(document).ready(function(){

  $('input.autocomplete_produto_venda').autocomplete({

    data: {

      "Apple": null,
      "Microsoft": null,
      "Google": null
    }
  });
});

I honestly do not know how to put it in JS, I do not handle any of this language. If anyone can help me, I appreciate it.