test/CircleViewerMaui/UserGroups.xaml

<?xml version="1.0" encoding="UTF-8" ?>
<ContentPage
    x:Class="CircleViewerMaui.UserGroups"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:d="http://schemas.microsoft.com/dotnet/2021/maui/design"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:local="clr-namespace:CircleViewerMaui"
    mc:Ignorable="d">
    <ContentPage.Content>
        <Grid Margin="20,20,20,20">
            <Grid.RowDefinitions>
                <RowDefinition Height="*" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>

            <VerticalStackLayout Grid.Row="0" Grid.Column="0" Padding="10" Margin="10" BackgroundColor="Cornsilk">
                <Label
                    Text="Join User Group"
                    BackgroundColor="Purple"
                    TextColor="White"
                    VerticalOptions="Center"
                    HorizontalOptions="Fill"
                    HorizontalTextAlignment="Center"/>
                <Label
                    Text="Request code:"
                    TextColor="Purple"
                    VerticalOptions="Center"/>
                <Entry x:Name="RequestCode" Placeholder="1234" TextTransform="Uppercase"></Entry>
                <Label
                    Text="Verification code:"
                    TextColor="Purple"
                    VerticalOptions="Center"/>
                <Entry x:Name="VerificationCode"  Placeholder="ABCD" TextTransform="Uppercase"></Entry>
                <Button x:Name="bnRequestVerfication" Text="Request Verification" Clicked="BnRequestVerfication_OnClicked"/>
            </VerticalStackLayout>

            <VerticalStackLayout Grid.Row="0" Grid.Column="1" Padding="10" Margin="10" BackgroundColor="Cornsilk">
                <Label
                    Text="User Groups"
                    BackgroundColor="Purple"
                    TextColor="White"
                    VerticalOptions="Center"
                    HorizontalOptions="Fill"
                    HorizontalTextAlignment="Center"/>
                <Picker x:Name="circlePicker" Title="Default User Group"/>
                <Button x:Name="bnGenInvite" Text="Invite user" Clicked="BnGenInvite_OnClicked"/>
            </VerticalStackLayout>

        </Grid>
    </ContentPage.Content>
</ContentPage>