<?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="App.Pages.ChampionAddEditPage"
             xmlns:converters="clr-namespace:App.Converters"
             Title="Add Champion"
             BackgroundColor="Black">
    <ContentPage.ToolbarItems>
        <ToolbarItem Text="Edit" Command="{Binding NavigateToChampionEditPageCommand}"/>
        <ToolbarItem Text="Edit" Command="{Binding NavigateToChampionEditPageCommand}"/>
    </ContentPage.ToolbarItems>

    <ContentPage.Resources>
        <converters:Base64ToImage x:Key="Base64ToImageConv"/>

        <Style TargetType="Label">
            <Setter Property="TextColor" Value="{StaticResource Primary}"/>
        </Style>

        <Style TargetType="Entry">
            <Setter Property="ClearButtonVisibility" Value="WhileEditing"/>
            <Setter Property="TextColor" Value="{StaticResource Black}"/>
            <Setter Property="BackgroundColor" Value="{StaticResource Primary}"/>
            <Setter Property="PlaceholderColor" Value="{StaticResource Gray500}"/>
        </Style>
    </ContentPage.Resources>

    <VerticalStackLayout>
        <ScrollView>
            <StackLayout Padding="20,0,0,0" Orientation="Vertical">
                <StackLayout Orientation="Horizontal" VerticalOptions="CenterAndExpand">
                    <Label Text="Name"/>
                    <Entry Placeholder="Champion name"/>
                </StackLayout>

                <!--<StackLayout Orientation="Horizontal" VerticalOptions="CenterAndExpand">
                    <Label Text="Icon"/>
                    
                </StackLayout>

                <StackLayout Orientation="Horizontal" VerticalOptions="CenterAndExpand">
                    <Label Text="Image"/>
                    
                </StackLayout>-->

                <StackLayout Orientation="Horizontal" VerticalOptions="CenterAndExpand">
                    <Label Text="Bio"/>
                    <Entry/>
                </StackLayout>
            </StackLayout>
        </ScrollView>
    </VerticalStackLayout>
</ContentPage>
