<?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.Accueil"
             xmlns:model="clr-namespace:MusiLib.Model"
             Title="Accueil"
             BackgroundColor="White">

    <ScrollView>
        <Grid x:Name="grille">
            <Grid.RowDefinitions  >
                <RowDefinition Height="85"/>
                <RowDefinition/>
                <RowDefinition/>
                <RowDefinition/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition/>
                <ColumnDefinition/> 
                <ColumnDefinition/>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>


            <Rectangle Grid.Row="0" Grid.Column="0"
                    BackgroundColor="#64C1FF"
                    WidthRequest="650"
                    HeightRequest="65"
                    VerticalOptions="Start"
                    HorizontalOptions="Start"
                    />


            <Image Grid.Row="0" Grid.Column="0"
                    Source="logo.png" 
                    WidthRequest="60"
                    HeightRequest="60"
                    VerticalOptions="Start"
                    HorizontalOptions="Start"
                    />

            <SearchBar Grid.Row="0" Grid.Column="1"
                    WidthRequest="175"
                    MaximumWidthRequest="175"
                    VerticalOptions="Start"
                    HorizontalOptions="Center"
                    Margin="25,5,0,0"
                    TextColor="White"
                    CancelButtonColor="White"
                    Placeholder="Rechercher ..."
                    PlaceholderColor="White"
                    VerticalTextAlignment="Center"
                    HorizontalTextAlignment="Start"
                    TextChanged="SearchBar_TextChanged"
                    />

            <ImageButton Grid.Row="0" Grid.Column="2"
                    Source="tri.png"
                    WidthRequest="60"
                    HeightRequest="60"
                    VerticalOptions="Start"
                    HorizontalOptions="Center"
                    Margin="100,3,0,0"
                    Clicked="TriButton_Clicked"
                    />

            <ImageButton Grid.Row="0" Grid.Column="3"
                    Source="etoile.png"
                    WidthRequest="50"
                    HeightRequest="50"
                    Margin="0,5,0,0"
                    VerticalOptions="Start"
                    HorizontalOptions="End"
                    Clicked="GoToFavorisButton"
                    />
            
            
        </Grid>
    </ScrollView>

</ContentPage>
