GES_PAC

<?xml version="1.0" encoding="utf-8" ?>

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"

             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

             xmlns:vm="clr-namespace:GES_PAC.ViewModel"

             xmlns:tools="clr-namespace:GES_PAC.View.Tools"

             x:Class="GES_PAC.View.CreateBehaviourView"

             x:DataType="vm:CreateBehaviourViewModel">

    <Grid>

        <StackLayout BackgroundColor="White" Spacing="50">

            <tools:ConnectionIndicatorView />

            <ScrollView>

                <VerticalStackLayout Grid.Row="1" Spacing="30">

                    <Label Text="{Binding Titre}"

                       FontSize="20"

                       FontAttributes="Bold"

                       HorizontalOptions="Center" />

                    <VerticalStackLayout Spacing="15" WidthRequest="300">

                        <!-- Type de comportement -->

                        <VerticalStackLayout>

                            <Label Text="Type de comportement" FontSize="14" TextColor="Gray" FontAttributes="Bold"/>

                            <Picker Title="Sélectionnez un type de comportement"

                                ItemsSource="{Binding TypeComp}"

                                ItemDisplayBinding="{Binding Name}"

                                SelectedItem="{Binding SelectedType}" />

                            <Label Text="Sélectionnez un type de comportement"

                                FontSize="12"

                                TextColor="Red"

                                IsVisible="{Binding TypeError}"/>

                        </VerticalStackLayout>

                        <!-- Commentaire -->

                        <VerticalStackLayout>

                            <Label Text="Commentaire" FontSize="14" TextColor="Gray" FontAttributes="Bold"/>

                            <Entry Text="{Binding Description, Mode=TwoWay, TargetNullValue=''}" 

                                   FontSize="16" 

                                   TextColor="Black" 

                                   Placeholder="(facultatif)"/>

                        </VerticalStackLayout>

                        <!-- sortie de l'animal -->

                        <HorizontalStackLayout HorizontalOptions="Center" VerticalOptions="Center">

                            <CheckBox IsChecked="{Binding IsAnimalOut}" HorizontalOptions="Center" />

                            <Label Text="Sortie de l'animal" FontSize="14" TextColor="Gray" HorizontalOptions="Center" VerticalOptions="Center" />

                        </HorizontalStackLayout>

                    </VerticalStackLayout>

                </VerticalStackLayout>

            </ScrollView>

            <StackLayout

                Margin="10"

                HorizontalOptions="CenterAndExpand"

                Orientation="Horizontal"

                VerticalOptions="FillAndExpand">

                <Button 

                    Text="Enregistrer"

                    Command="{Binding CreateBehaviourCommand}"

                    Style="{StaticResource btnNormal}"

                    IsEnabled="{Binding IsFormValid}"

                    VerticalOptions="End"/>

            </StackLayout>

        </StackLayout>

        <Grid Grid.RowSpan="1" IsVisible="{Binding IsBusy}">

            <Border StrokeThickness="0"

                            Background="Black"

                            Opacity="0.5"

                            Padding="20"

                            WidthRequest="160"

                            HeightRequest="160"

                            HorizontalOptions="Center"

                            VerticalOptions="Center"

                            StrokeShape="RoundRectangle 20">

                <VerticalStackLayout HorizontalOptions="Center" VerticalOptions="Center">

                    <ActivityIndicator IsRunning="True" Color="White" />

                    <Label Text="Chargement..."

                            FontSize="14"

                            TextColor="white"

                            HorizontalOptions="Center"/>

                </VerticalStackLayout>

            </Border>

        </Grid>

    </Grid>

</ContentPage>