sharee.bike-App/Meinkonrad/TINK/View/FeedbackPopup.xaml

<?xml version="1.0" encoding="utf-8" ?>
<xct:Popup xmlns="http://xamarin.com/schemas/2014/forms"
           xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
           xmlns:xct="http://xamarin.com/schemas/2020/toolkit"
           xmlns:local="clr-namespace:TINK.View"
           x:TypeArguments="local:FeedbackPopup+Result"
           xmlns:sharedGui="clr-namespace:ShareeSharedGuiLib.View"
           xmlns:resources="clr-namespace:TINK.MultilingualResources;assembly=TINKLib"
           x:Class="TINK.View.FeedbackPopup">

	<xct:Popup.Resources>
		<x:String x:Key="check_circle">&#xf058;</x:String>
	</xct:Popup.Resources>

	<ScrollView
		Orientation="Vertical"
		HorizontalOptions="FillAndExpand"
		VerticalOptions="FillAndExpand">

		<StackLayout
			HorizontalOptions="FillAndExpand"
			VerticalOptions="FillAndExpand"
			Padding="0,0,0,300">

			<!-- Head and title -->
			<StackLayout
						Padding="20"
						BackgroundColor="{DynamicResource primary-back-title-color}">
				<Label
							HorizontalTextAlignment="Center"
							FontSize="Large"
							TextColor="White"
							Text="{x:Static resources:AppResources.MarkingReturnBikeMainMessage}"/>
				<Image>
					<Image.Source>
						<FontImageSource Size="60" Glyph="{StaticResource check_circle}" FontFamily="FA-S" Color="White"/>
					</Image.Source>
				</Image>
			</StackLayout>

			<!-- Content -->
			<StackLayout
				Margin="10"
				Spacing="10">

				<!-- Co2saving -->
				<Frame 
					x:Name="Co2SavingFrame">
					<Label 
						x:Name="Co2SavingLabel"
						Text=""/>
				</Frame>

				<!-- Battery level -->
				<sharedGui:BarLevelInputView 
									x:Name="BarLevelInputView"
									HorizontalOptions="Center"/>

				<!-- Is bike okay? -->
				<Grid
					ColumnDefinitions="*,Auto,Auto,Auto,*"
					RowDefinitions="Auto,Auto"
					Margin="0,20,0,0">
					<Label
						Grid.Column="1"
						Grid.Row="0"
						FontSize="Medium"
						FontAttributes="Bold"
						Text= "{x:Static resources:AppResources.MarkingReturnBikeBikeIsStateOkQuestion}">
					</Label>
					<Switch
								Grid.Column="2"
								Grid.Row="0"
								VerticalOptions="Center"
								HorizontalOptions="End"
								x:Name="bikeIsOkSwitch"
								IsToggled="True"/>
					<Label
								Grid.Column="3"
								Grid.Row="0"
								VerticalOptions="Center"
								HorizontalOptions="Start">
						<Label.Triggers>
							<DataTrigger TargetType="Label" Binding="{Binding Source={x:Reference bikeIsOkSwitch}, Path=IsToggled}" Value="False">
								<Setter Property="Text" Value="{x:Static resources:AppResources.QuestionAnswerNo}"/>
							</DataTrigger>
							<DataTrigger TargetType="Label" Binding="{Binding Source={x:Reference bikeIsOkSwitch}, Path=IsToggled}" Value="True">
								<Setter Property="Text" Value="{x:Static resources:AppResources.QuestionAnswerYes}"/>
							</DataTrigger>
						</Label.Triggers>
					</Label>

					<!-- Text input bike is not OK -->
					<Editor
						Grid.Column="0"
						Grid.ColumnSpan="5"
						Grid.Row="1"
								x:Name="feedbackMessage"
								AutoSize="TextChanges"
								Placeholder="{x:Static resources:AppResources.MarkingReturnBikeErrorDescriptionInputPlaceholder}"
								Text=""
								IsVisible="False">
						<Editor.Triggers>
							<DataTrigger TargetType="Editor"
												 Binding="{Binding Source={x:Reference bikeIsOkSwitch}, Path=IsToggled}"
												 Value="False">
								<Setter Property="IsVisible" Value="True"/>
								<Setter Property="Text" Value=""/>
							</DataTrigger>
						</Editor.Triggers>
					</Editor>

				</Grid>

				<!-- Buttons -->
				<Button 
					WidthRequest="100"
					Clicked="OnOkClicked"
					Text="{x:Static resources:AppResources.MessageAnswerOk}"/>

			</StackLayout>

		</StackLayout>

	</ScrollView>

</xct:Popup>