JQuery autocomplete distinct suggestion and another suggestion based on input value using JSON file

I'm trying to fetch data using json file and jquery, my script works fine but the problem is the array with the same value also displaying on autocomple suggestion. I tried a lot of approach like reduce method but no luck, it shows only 1 location. I also want to make autocomplete suggestion inside suggestion, you can see on the photo what I'm trying to achieve and what I have achieved so far. Can you please give me an idea on how to do that because I'm newbie on json data fetching and it's not easy like how it is using database and server-side language like PHP.

<script>
$( document ).ready(function() {
$('#check-in').hide();
$('#lets-go').hide();

var arrayReturn = [];
$.ajax({
type: "GET",
url: "locprop.json",
async: true,
success: function (data) {
 for (var i = 0, len = data.length; i < len; i++) {
 var id = (data[i].id).toString();
 arrayReturn.push({'value' : data[i].location, 'data' : id});
}

var uniqueCity = Array.from(arrayReturn.reduce((map, obj) => map.set(obj.location, obj),new Map()).values());
                                
         console.log(uniqueCity);
         loadSuggestions(uniqueCity);
        }
      });

       function loadSuggestions(options) {
        $('#destination').autocomplete({
       lookup: options,

       onSelect: function (suggestion) {
        $('#destination').html(suggestion.value);
        $('#check-in').show();
        $('#lets-go').show();                       }
     });
    }
 });
</script>

MY JSON FILE

[
  {
    "id": 1,
    "location": "El Nido",
    "property": "El Nido Hotel 1",
    "url": "https://drive.google.com/uc?export=view&id=1s1GOpqujbUbBXaSde5He29jO0aWWrK9C",
    "body": "This is Elnido Hotel 1"
  },
  { 
    "id": 2,
    "location": "El Nido",
    "property": "El Nido Hotel 2",
    "url": "https://drive.google.com/uc?export=view&id=1Kdyrq5qLXgL8Cwuz1Ekz6gUyj7qhczHp",
    "body": "This is Elnido Hotel 2"
  },
  {
    "id": 3,
    "location": "El Nido",
    "property": "El Nido Hotel 3",
    "url": "https://drive.google.com/uc?export=view&id=16fiBYsg-9o9kPhkzMaeFU5J2mH9Lk4be",
    "body": "This is Elnido Hotel 3"
  },
  {
    "id": 4,
    "location": "Boracay",
    "property": "Boracay Hotel 1",
    "url": "https://drive.google.com/uc?export=view&id=13XG6Vjr2wbqwxfO_HG1K1NhFJPzsfG_K",
    "body": "This is Boracay Hotel 1"
  },
  {
    "id": 5,
    "location": "Boracay",
    "property": "Boracay Hotel 2",
    "url": "https://drive.google.com/uc?export=view&id=1IMg1e8f8b_znWs_57VrNzN6RumbWpadm",
    "body": "This is Boracay Hotel 2"
  },
  {
    "id": 6,
    "location": "Davao",
    "property": "Davao Hotel 1",
    "url": "https://drive.google.com/uc?export=view&id=1fOiTOp5AEjJf0-r75S8C4Bz4im24LssS",
    "body": "This is Davao Hotel 1"
  }
]