<?xml version="1.0" encoding="utf-8" ?>
<ContentPage
    x:Class="Class"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:models="clr-namespace:NameSpace.Models"
    xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui"
    xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit"
    xmlns:vm="clr-namespace:NameSpace.ViewModels"
    Title="Demo">
    <ContentPage.BindingContext>
        <vm:NewDemoViewModel />
    </ContentPage.BindingContext>
    <ContentPage.Content>
        <ScrollView>
            <telerik:RadDataForm
                x:Name="dataForm"
                AutoGenerateItems="False"
                BindingContext="{Binding Demo}"
                ValidationMode="LostFocus">
                <telerik:DataFormGroup HeaderText="Text">
                    <telerik:DataFormRadEntryEditor PropertyName="Host" />
                    <telerik:DataFormRadEntryEditor PropertyName="Address" />
                    <telerik:DataFormRadEntryEditor PropertyName="City" />
                    <telerik:DataFormRadEntryEditor PropertyName="PostalCode" />
                    <telerik:DataFormRadEntryEditor PropertyName="PhoneNumber" />
                </telerik:DataFormGroup>
                <telerik:DataFormGroup HeaderText="Text">
                    <telerik:DataFormRadEntryEditor PropertyName="CreatedOn" />
                    <telerik:DataFormRadDatePickerEditor PropertyName="PlannedDate" />
                    <telerik:DataFormRadDatePickerEditor PropertyName="Date" />
                    <telerik:DataFormRadTimePickerEditor PropertyName="Time" />
                    <!--<telerik:DataFormRadCheckBoxEditor PropertyName="PersoDemo" />
                    <telerik:DataFormRadEntryEditor PropertyName="RSVPPage" />-->
                    <!--<telerik:DataFormRadEntryEditor PropertyName="Ambassador" />
                        <telerik:DataFormRadEntryEditor PropertyName="InternalNote" />-->
                </telerik:DataFormGroup>
            </telerik:RadDataForm>
        </ScrollView>
    </ContentPage.Content>
</ContentPage>

<telerik:RadComboBox x:Name="a"
                     ItemsSource="{Binding CloudProviders}"
                     SelectedItem="{Binding SelectedCloudProvider}"
                     IsClearButtonVisible="False">
    <telerik:RadComboBox.ItemTemplate>
        <DataTemplate>
            <Grid HeightRequest="40"
                  Padding="10">
                <Label Text="{Binding Title}"
                       TextColor="{DynamicResource DisabledTextColor}"
                       FontSize="14" />
            </Grid>
        </DataTemplate>
    </telerik:RadComboBox.ItemTemplate>
    <telerik:RadComboBox.SelectedItemTemplate>
        <DataTemplate>
            <Grid HeightRequest="40"
                  Padding="10">
                <Label Text="{Binding Title}"
                       TextColor="{DynamicResource DisabledTextColor}"
                       FontSize="14" />
            </Grid>
        </DataTemplate>
    </telerik:RadComboBox.SelectedItemTemplate>
</telerik:RadComboBox>

    Focused += SupporterAutoCompleteSearchBar_Focused;

    private void SupporterAutoCompleteSearchBar_Focused(object sender, FocusEventArgs e)
    {
        ShowSuggestions();
    }