@using AyCode.Blazor.Components.Components
@using AyCode.Core.Helpers
@using TIAMWebApp.Shared.Application.Services
@inject GooglePlacesService GooglePlacesService

<div class="p-3">
<DxTextBox @bind-Text="Address"
CssClass="@CssClass"
           @oninput="OnInputChanged"
           BindValueMode="BindValueMode.OnDelayedInput"
           InputDelay="700">
</DxTextBox>

@if (Predictions.Count > 0)
{
    <DxComboBox Data="@Predictions"
                ValueFieldName="Description"
                TextFieldName="Description"
                @bind-Value="SelectedPrediction">
    </DxComboBox>
}
else
{
    <p>No address found</p>
}
</div>

@code {

    [Parameter] public string NullText { get; set; }

    [Parameter] public EventCallback<string> AddressChanged { get; set; }

    [Parameter] public string CssClass { get; set; }

    private string Address { get; set; }
    private List<PredictionItem> Predictions { get; set; } = new();
    private PredictionItem selectedPrediction { get; set; }
    public PredictionItem SelectedPrediction
    {
        get => selectedPrediction;
        set
        {
            SetNewDestination(value.Description).Forget();
            selectedPrediction = value;
        }
    }

    public async Task SetNewDestination(string address)
    {
        await AddressChanged.InvokeAsync(address);
    }

    private async Task OnInputChanged(ChangeEventArgs e)
    {
        var input = Address;
        if (!string.IsNullOrWhiteSpace(input))
        {
            var predictions = await GooglePlacesService.GetPlacePredictionsAsync(input);
            Predictions = predictions.ConvertAll(p => new PredictionItem { Description = p });
            SelectedPrediction = Predictions[0];
        }
        else
        {
            Predictions.Clear();
        }
    }

    public class PredictionItem
    {
        public string Description { get; set; }
    }

}