<?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"
             x:Class="MusiLib.Views.Partition"
             xmlns:model="clr-namespace:MusiLib.Model"
             xmlns:local="clr-namespace:MusiLib.Views"
             Title="Partition">


    <ScrollView Orientation="Both">
        <VerticalStackLayout >
            <HorizontalStackLayout x:Name="Part">
                <Image Source="{Binding Image}"
                   HeightRequest="600"
                   WidthRequest="400"
                   />


                <VerticalStackLayout Margin="15" WidthRequest="375">
                    <Label Text="{Binding Description}" />
                    
                    <Grid Margin="15">
                        <Grid.RowDefinitions>
                            <RowDefinition />
                            <RowDefinition Height="70"/>
                            <RowDefinition Height="25"/>
                            <RowDefinition Height="70"/>
                            <RowDefinition Height="25"/>
                            <RowDefinition Height="70"/>
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="125"/>
                            <ColumnDefinition />
                        </Grid.ColumnDefinitions>
                        <Button Grid.Row="1" Grid.Column="0" 
                                Text="A"
                                WidthRequest="75"
                                HeightRequest="75"
                                HorizontalOptions="Start"
                                />
                        <Button Grid.Row="1" Grid.Column="1"
                                Text="B"
                                WidthRequest="75"
                                HeightRequest="75"
                                HorizontalOptions="Start"
                                />
                        <Button Grid.Row="3" Grid.Column="0" 
                                Text="C"
                                WidthRequest="75"
                                HeightRequest="75"
                                HorizontalOptions="Start"
                                />
                        <Button Grid.Row="3" Grid.Column="1"
                                Text="D"
                                WidthRequest="75"
                                HeightRequest="75"
                                HorizontalOptions="Start"
                                />
                        <Button Grid.Row="5" Grid.Column="0"
                                Text="Jouer"
                                WidthRequest="75"
                                HeightRequest="75"
                                HorizontalOptions="Start"
                                Clicked="Play_Music"
                                x:Name="play_music_button"
                                />
                        <Button Grid.Row="5" Grid.Column="1"
                                Text="Arrêter"
                                WidthRequest="75"
                                HeightRequest="75"
                                HorizontalOptions="Start"
                                Clicked="Stop_Music"
                                />
                        
                    </Grid>
                </VerticalStackLayout>
            </HorizontalStackLayout>
            <Border Stroke="#000080" >
                <CollectionView x:Name="Part2"  ItemsSource="{Binding partitions}" ItemsLayout="HorizontalList" >
                <CollectionView.ItemTemplate>
                    <DataTemplate>
                        <Grid Padding="10">
                            <Grid.RowDefinitions>
                                <RowDefinition />
                                <RowDefinition />
                            </Grid.RowDefinitions>
                            <Grid.ColumnDefinitions>
                                    <ColumnDefinition />
                                    <ColumnDefinition />
                                </Grid.ColumnDefinitions>
                            <Image Grid.Row="1" Grid.Column="2"
                                   Source="{Binding Image}"
                                   Aspect="AspectFill"
                                   HeightRequest="65"
                                   WidthRequest="65"
                                />
                            <Label Grid.Row="2" Grid.Column="2"
                                   Text="{Binding Nom}"
                                   FontSize="10"
                                   HorizontalOptions="Center"
                                />
                        </Grid>
                    </DataTemplate>
                </CollectionView.ItemTemplate>
            </CollectionView>
            </Border>
        </VerticalStackLayout>
    </ScrollView>
</ContentPage>
