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.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 -->

                                <Grid Grid.Row="5" Grid.Column="0">

                                    <Button Text="1" Style="{StaticResource ChambreButtonStyle}" Command="{Binding OnClickChamberCommand}" CommandParameter="1" BackgroundColor="{Binding ChamberColors[0]}" />

                                    <Label Text="{Binding ChamberNumbers[0]}" FontSize="10" Margin="3" HorizontalOptions="Start" VerticalOptions="Start" />

                                </Grid>

                                <Grid Grid.Row="4" Grid.Column="0">

                                    <Button Text="3" Style="{StaticResource ChambreButtonStyle}" Command="{Binding OnClickChamberCommand}" CommandParameter="3" BackgroundColor="{Binding ChamberColors[2]}" />

                                    <Label Text="{Binding ChamberNumbers[2]}" FontSize="10" Margin="3" HorizontalOptions="Start" VerticalOptions="Start" />

                                </Grid>

                                <Grid Grid.Row="3" Grid.Column="0">

                                    <Button Text="5" Style="{StaticResource ChambreButtonStyle}" Command="{Binding OnClickChamberCommand}" CommandParameter="5" BackgroundColor="{Binding ChamberColors[4]}" />

                                    <Label Text="{Binding ChamberNumbers[4]}" FontSize="10" Margin="3" HorizontalOptions="Start" VerticalOptions="Start" />

                                </Grid>

                                <Grid Grid.Row="2" Grid.Column="0">

                                    <Button Text="7" Style="{StaticResource ChambreButtonStyle}" Command="{Binding OnClickChamberCommand}" CommandParameter="7" BackgroundColor="{Binding ChamberColors[6]}" />

                                    <Label Text="{Binding ChamberNumbers[6]}" FontSize="10" Margin="3" HorizontalOptions="Start" VerticalOptions="Start" />

                                </Grid>

                                <Grid Grid.Row="1" Grid.Column="0">

                                    <Button Text="9" Style="{StaticResource ChambreButtonStyle}" Command="{Binding OnClickChamberCommand}" CommandParameter="9" BackgroundColor="{Binding ChamberColors[8]}" />

                                    <Label Text="{Binding ChamberNumbers[8]}" FontSize="10" Margin="3" HorizontalOptions="Start" VerticalOptions="Start" />

                                </Grid>

                                <Grid Grid.Row="0" Grid.Column="0">

                                    <Button Text="11" Style="{StaticResource ChambreButtonStyle}" Command="{Binding OnClickChamberCommand}" CommandParameter="11" BackgroundColor="{Binding ChamberColors[10]}" />

                                    <Label Text="{Binding ChamberNumbers[10]}" FontSize="10" Margin="3" HorizontalOptions="Start" VerticalOptions="Start" />

                                </Grid>

                                <!-- Boutons Droite -->

                                <Grid Grid.Row="5" Grid.Column="2">

                                    <Button Text="2" Style="{StaticResource ChambreButtonStyle}" Command="{Binding OnClickChamberCommand}" CommandParameter="2" BackgroundColor="{Binding ChamberColors[1]}" />

                                    <Label Text="{Binding ChamberNumbers[1]}" FontSize="10" Margin="3" HorizontalOptions="Start" VerticalOptions="Start" />

                                </Grid>

                                <Grid Grid.Row="4" Grid.Column="2">

                                    <Button Text="4" Style="{StaticResource ChambreButtonStyle}" Command="{Binding OnClickChamberCommand}" CommandParameter="4" BackgroundColor="{Binding ChamberColors[3]}" />

                                    <Label Text="{Binding ChamberNumbers[3]}" FontSize="10" Margin="3" HorizontalOptions="Start" VerticalOptions="Start" />

                                </Grid>

                                <Grid Grid.Row="3" Grid.Column="2">

                                    <Button Text="6" Style="{StaticResource ChambreButtonStyle}" Command="{Binding OnClickChamberCommand}" CommandParameter="6" BackgroundColor="{Binding ChamberColors[5]}" />

                                    <Label Text="{Binding ChamberNumbers[5]}" FontSize="10" Margin="3" HorizontalOptions="Start" VerticalOptions="Start" />

                                </Grid>

                                <Grid Grid.Row="2" Grid.Column="2">

                                    <Button Text="8" Style="{StaticResource ChambreButtonStyle}" Command="{Binding OnClickChamberCommand}" CommandParameter="8" BackgroundColor="{Binding ChamberColors[7]}" />

                                    <Label Text="{Binding ChamberNumbers[7]}" FontSize="10" Margin="3" HorizontalOptions="Start" VerticalOptions="Start" />

                                </Grid>

                                <Grid Grid.Row="1" Grid.Column="2">

                                    <Button Text="10" Style="{StaticResource ChambreButtonStyle}" Command="{Binding OnClickChamberCommand}" CommandParameter="10" BackgroundColor="{Binding ChamberColors[9]}" />

                                    <Label Text="{Binding ChamberNumbers[9]}" FontSize="10" Margin="3" HorizontalOptions="Start" VerticalOptions="Start" />

                                </Grid>

                                <Grid Grid.Row="0" Grid.Column="2">

                                    <Button Text="12" Style="{StaticResource ChambreButtonStyle}" Command="{Binding OnClickChamberCommand}" CommandParameter="12" BackgroundColor="{Binding ChamberColors[11]}" />

                                    <Label Text="{Binding ChamberNumbers[11]}" FontSize="10" Margin="3" HorizontalOptions="Start" VerticalOptions="Start" />

                                </Grid>

                                <!-- 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="-40"

                HorizontalOptions="Center"

                Orientation="Horizontal"

                VerticalOptions="Fill">

                <Button 

                    Text="Terminer les mesures"

                    Command="{Binding CreateSetCommand}"

                    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>