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:controls="clr-namespace:GES_PAC.View.Controls"

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

             x:Class="GES_PAC.View.ChambersView"

             x:DataType="vm:ChambersViewModel">

    <Grid>

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

            <tools:ConnectionIndicatorView />

            <ScrollView>

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

                    <Label Text="Série n°1"

                       FontSize="16"

                       FontAttributes="Bold"

                       HorizontalOptions="Center" />

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

                        <!-- Remorque -->

                        <Border Stroke="Black" StrokeThickness="2" BackgroundColor="Transparent" HorizontalOptions="Center" StrokeShape="RoundRectangle 10">

                            <Grid

                                BackgroundColor="LightGray"

                                Padding="5"

                                RowSpacing="0"

                                ColumnSpacing="5"

                                WidthRequest="250"

                                HeightRequest="500">

                                <Grid.ColumnDefinitions>

                                    <ColumnDefinition Width="Auto"/>

                                    <ColumnDefinition Width="80"/>

                                    <ColumnDefinition Width="Auto"/>

                                </Grid.ColumnDefinitions>

                                <Grid.RowDefinitions>

                                    <RowDefinition Height="*" />

                                    <RowDefinition Height="*" />

                                    <RowDefinition Height="*" />

                                    <RowDefinition Height="*" />

                                    <RowDefinition Height="*" />

                                    <RowDefinition Height="*" />

                                </Grid.RowDefinitions>

                                <!-- Boutons Gauche -->

                                <controls:ChamberButtonView Grid.Row="5" Grid.Column="0" ChamberId="1" Timer="{Binding Timer}"/>

                                <controls:ChamberButtonView Grid.Row="4" Grid.Column="0" ChamberId="3" Timer="{Binding Timer}"/>

                                <controls:ChamberButtonView Grid.Row="3" Grid.Column="0" ChamberId="5" Timer="{Binding Timer}"/>

                                <controls:ChamberButtonView Grid.Row="2" Grid.Column="0" ChamberId="7" Timer="{Binding Timer}"/>

                                <controls:ChamberButtonView Grid.Row="1" Grid.Column="0" ChamberId="9" Timer="{Binding Timer}"/>

                                <controls:ChamberButtonView Grid.Row="0" Grid.Column="0" ChamberId="11" Timer="{Binding Timer}"/>

                                <!-- Boutons Droite -->

                                <controls:ChamberButtonView Grid.Row="5" Grid.Column="2" ChamberId="2" Timer="{Binding Timer}"/>

                                <controls:ChamberButtonView Grid.Row="4" Grid.Column="2" ChamberId="4" Timer="{Binding Timer}"/>

                                <controls:ChamberButtonView Grid.Row="3" Grid.Column="2" ChamberId="6" Timer="{Binding Timer}"/>

                                <controls:ChamberButtonView Grid.Row="2" Grid.Column="2" ChamberId="8" Timer="{Binding Timer}"/>

                                <controls:ChamberButtonView Grid.Row="1" Grid.Column="2" ChamberId="10" Timer="{Binding Timer}"/>

                                <controls:ChamberButtonView Grid.Row="0" Grid.Column="2" ChamberId="12" Timer="{Binding Timer}"/>

                                <!-- Couloir central -->

                                <BoxView Grid.Column="1" Grid.RowSpan="6" HeightRequest="500" WidthRequest="75" Color="Gray"/>

                            </Grid>

                        </Border>

                        <!-- Arrow -->

                        <Image Source="arrow"

                           HeightRequest="75"

                           WidthRequest="75"

                           Rotation="-90"

                           TranslationY="20"

                           HorizontalOptions="Center"

                           BackgroundColor="Transparent"/>

                    </VerticalStackLayout>

                </VerticalStackLayout>

            </ScrollView>

            <StackLayout

                Margin="-90"

                HorizontalOptions="Center"

                Orientation="Horizontal"

                VerticalOptions="End">

                <Button 

                    Text="Terminer les mesures"

                    Command="{Binding TerminateSetCommand}"

                    Style="{StaticResource btnNormal}"

                    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>