{{--
    A single City/Locality search field wired to Google Places Autocomplete —
    @include this from anywhere a location can be picked (the homepage search
    card, the results page's "Change Location" modal). Each caller passes its
    own $locId (must be unique on the page) so multiple instances can coexist;
    everything else is optional.

    Params:
      $locId          (required) unique DOM id for the text input
      $locPrefix      hidden-field id prefix (default: $locId)
      $locPlaceholder default: "e.g. Vijay Nagar, Indore"
      $locValue       pre-filled display text (e.g. the currently active
                       locality/city on the results page)
      $locAutoSubmit  bool — submit the enclosing <form> the moment a place
                       is picked (used by the homepage field's Search flow
                       isn't needed since it has its own Search button, but
                       the Change Location modal wants immediate navigation)
--}}
@php
    $locPrefix = $locPrefix ?? $locId;
    $locPlaceholder = $locPlaceholder ?? 'e.g. Vijay Nagar, Indore';
    $locValue = $locValue ?? '';
    $locAutoSubmit = $locAutoSubmit ?? false;
@endphp
@include('partials.site._location-autocomplete-scripts')

{{-- name="q" is a deliberate fallback, not dead weight: if a visitor types
     free text and submits WITHOUT ever picking a dropdown suggestion (no
     place_changed event fires, so the hidden city/locality/lat/lng fields
     below stay empty), the existing fuzzy location/city search
     (PublicPropertySearchService::search()'s `q` filter) still runs against
     whatever they typed, exactly like before this field existed. --}}
<input type="text" id="{{ $locId }}" name="q" class="form-control location-autocomplete-input" autocomplete="off"
       placeholder="{{ $locPlaceholder }}" value="{{ $locValue !== '' ? $locValue : request('q') }}">
<input type="hidden" id="{{ $locPrefix }}_lat" name="lat" value="{{ request('lat') }}">
<input type="hidden" id="{{ $locPrefix }}_lng" name="lng" value="{{ request('lng') }}">
<input type="hidden" id="{{ $locPrefix }}_city" name="city" value="{{ request('city') }}">
<input type="hidden" id="{{ $locPrefix }}_locality" name="locality" value="{{ request('locality') }}">
<input type="hidden" id="{{ $locPrefix }}_place_id" name="place_id" value="{{ request('place_id') }}">
<input type="hidden" id="{{ $locPrefix }}_place_name" value="">

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function () {
    window.initLocationAutocomplete('{{ $locId }}', '{{ $locPrefix }}', function () {
        @if ($locAutoSubmit)
        document.getElementById('{{ $locId }}').closest('form').submit();
        @endif
    });
});
</script>
@endpush