<?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="Ohara.NewPage3"
             Title="NewPage3"
             BackgroundColor="#e2edf1">
    
    
    <Grid>

        <Grid.RowDefinitions>
            <RowDefinition Height="2*" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="300" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <VerticalStackLayout BackgroundColor="#72a3b3" Grid.Row="0" Grid.Column="0" Spacing="10">

            <Image Source="ohara2.png" HeightRequest="300" HorizontalOptions="Center" >
                <Image.Clip>
                    <EllipseGeometry Center="150,90"  RadiusX="80"  RadiusY="80"/>
                </Image.Clip>
            </Image>


            <Button Style="{StaticResource buttonMenu}" Text="Accueil"/>
            <Button Style="{StaticResource buttonMenu}" Text="Carte"/>
            <Button Style="{StaticResource buttonMenu2}" Text="Personnages"/>
            <Button Style="{StaticResource buttonMenu}" Text="Fruits du démon"/>
            <Button Style="{StaticResource buttonMenu}" Text="Bateaux"/>
            <Button Style="{StaticResource buttonMenu}" Text="Îles"/>
            <Button Style="{StaticResource buttonMenu}" Text="Bestiaire"/>
            <Button Style="{StaticResource buttonMenu}" Text="Équipages"/>
        </VerticalStackLayout>
        <VerticalStackLayout Grid.Row="0" Grid.Column="1" Spacing="40">
            <Grid BackgroundColor="#72a3b3" Padding="10" ColumnSpacing="50" >
                <Grid.RowDefinitions>
                    <RowDefinition Height="10*"/>
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions >
                    <ColumnDefinition Width="20*"/>
                    <ColumnDefinition Width="25*"/>
                    <ColumnDefinition Width="10*"/>
                    <ColumnDefinition Width="10*"/>
                </Grid.ColumnDefinitions>
                <SearchBar Placeholder="Rechercher..." BackgroundColor="#bfe5ef" Grid.Column="0"/>
                <Frame CornerRadius="20" BackgroundColor="#bfe5ef" BorderColor="#bfe5ef" Grid.Column="2">
                    <Label Text="Filtrer" HorizontalTextAlignment="Center" />
                </Frame>

                <Frame CornerRadius="20" BackgroundColor="#bfe5ef" BorderColor="#bfe5ef" Grid.Column="3">
                    <Label Text="Trier" HorizontalTextAlignment="Center"  />
                </Frame>
            </Grid>
            <ScrollView Orientation="Vertical" VerticalScrollBarVisibility="Always">
               
            </ScrollView>
        </VerticalStackLayout>
    </Grid>
</ContentPage>