<?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="Linaris.MainPage"
             Title="Home">
    
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="6*"/>
        </Grid.ColumnDefinitions>
        <ContentView Style="{StaticResource FlyoutStyle}" Grid.Column="0"></ContentView>

        <ScrollView Grid.Column="1"
                             BackgroundColor="#404040">
            <VerticalStackLayout>


                <SearchBar Style="{StaticResource SearchBar}"/>

                <FlexLayout Direction="Row"
                AlignItems="Start"
                JustifyContent="SpaceAround"
                Wrap="Wrap">

                    <VerticalStackLayout Margin="10">
                        <Image
                            Source="album1.jpg"
                            SemanticProperties.Description="Album 1"
                            HeightRequest="175"
                            HorizontalOptions="Center"/>
                        <Label Text="Adios Bahamas"
                               FontSize="30"
                               TextColor="White"
                               HorizontalOptions="Center">
                            
                        </Label>
                    </VerticalStackLayout>

                    <VerticalStackLayout Margin="10">
                        <Image
                            Source="album2.jpg"
                            SemanticProperties.Description="Album 2"
                            HeightRequest="175"
                            HorizontalOptions="Center"/>
                        <Label Text="Album" Style="{StaticResource Titre}">

                        </Label>
                    </VerticalStackLayout>

                    <VerticalStackLayout Margin="10">
                        <Image
                            Source="album3.jpg"
                            SemanticProperties.Description="Album 3"
                            HeightRequest="175"
                            HorizontalOptions="Center"/>
                        <Label Text="Album" Style="{StaticResource Titre}">

                        </Label>
                    </VerticalStackLayout>

                    <VerticalStackLayout Margin="10">
                        <Image
                            Source="album4.jpg"
                            SemanticProperties.Description="Album 4"
                            HeightRequest="175"
                            HorizontalOptions="Center"/>
                        <Label Text="Album" Style="{StaticResource Titre}">

                        </Label>
                    </VerticalStackLayout>
                    
                    <VerticalStackLayout Margin="10">
                        <Image
                            Source="album5.jpg"
                            SemanticProperties.Description="Album 5"
                            HeightRequest="175"
                            HorizontalOptions="Center"/>
                        <Label Text="Album" Style="{StaticResource Titre}">

                        </Label>
                    </VerticalStackLayout>

                    <VerticalStackLayout Margin="10">
                        <Image
                            Source="album6.jpg"
                            SemanticProperties.Description="Album 6"
                            HeightRequest="175"
                            HorizontalOptions="Center"/>
                        <Label Text="Album" Style="{StaticResource Titre}">

                        </Label>
                    </VerticalStackLayout>

                    <VerticalStackLayout Margin="10">
                        <Image
                            Source="album7.png"
                            SemanticProperties.Description="Album 7"
                            HeightRequest="175"
                            HorizontalOptions="Center"/>
                        <Label Text="Album" Style="{StaticResource Titre}">

                        </Label>
                    </VerticalStackLayout>

                    <VerticalStackLayout Margin="10">
                        <Image
                            Source="album8.jpg"
                            SemanticProperties.Description="Album 8"
                            HeightRequest="175"
                            HorizontalOptions="Center"/>
                        <Label Text="Album" Style="{StaticResource Titre}">

                        </Label>
                    </VerticalStackLayout>

                    <VerticalStackLayout Margin="10">
                        <Image
                            Source="album9.jpg"
                            SemanticProperties.Description="Album 9"
                            HeightRequest="175"
                            HorizontalOptions="Center"/>
                        <Label Text="Night Visions" Style="{StaticResource Titre}">

                        </Label>
                    </VerticalStackLayout>

                    <VerticalStackLayout Margin="10">
                        <Image
                            Source="album10.jpg"
                            SemanticProperties.Description="Album 10"
                            HeightRequest="175"
                            HorizontalOptions="Center"/>
                        <Label Text="Smoke &amp; Mirrors" Style="{StaticResource Titre}">

                        </Label>
                    </VerticalStackLayout>

                    <VerticalStackLayout Margin="10">
                        <Image
                            Source="album11.jpg"
                            SemanticProperties.Description="Album 11"
                            HeightRequest="175"
                            HorizontalOptions="Center"/>
                        <Label Text="Evolve" Style="{StaticResource Titre}">

                        </Label>
                    </VerticalStackLayout>

                    <VerticalStackLayout Margin="10">
                        <Image
                            Source="album12.jpg"
                            SemanticProperties.Description="Album 12"
                            HeightRequest="175"
                            HorizontalOptions="Center"/>
                        <Label Text="Origins" Style="{StaticResource Titre}">

                        </Label>
                    </VerticalStackLayout>

                    <VerticalStackLayout Margin="10">
                        <Image
                            Source="album13.jpg"
                            SemanticProperties.Description="Album 13"
                            HeightRequest="175"
                            HorizontalOptions="Center"/>
                        <Label Text="Mercury Act 1" Style="{StaticResource Titre}">
                        </Label>
                    </VerticalStackLayout>

                    <VerticalStackLayout Margin="10">
                        <Image
                            Source="album14.jpg"
                            SemanticProperties.Description="Album 14"
                            HeightRequest="175"
                            HorizontalOptions="Center"/>
                        <Label Text="Mercury Act 2" Style="{StaticResource Titre}">

                        </Label>
                    </VerticalStackLayout>

                </FlexLayout>

            </VerticalStackLayout>

        </ScrollView>

    </Grid>

</ContentPage>
