<?xml version="1.0" encoding="utf-8" ?>
<ui:BillingPage xmlns="http://xamarin.com/schemas/2014/forms"
                xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                xmlns:r="clr-namespace:Billing.Languages"
                xmlns:ui="clr-namespace:Billing.UI"
                xmlns:v="clr-namespace:Billing.Views"
                x:Class="Billing.Views.AddCategoryPage"
                x:Name="addCategoryPage"
                x:DataType="v:AddCategoryPage"
                BindingContext="{x:Reference addCategoryPage}">

    <ContentPage.Resources>
        <ui:IconConverter x:Key="iconConverter"/>
    </ContentPage.Resources>

    <ContentPage.ToolbarItems>
        <ToolbarItem Order="Primary" IconImageSource="check.png" Command="{Binding CheckCategory}"/>
    </ContentPage.ToolbarItems>

    <ContentPage.Content>
        <TableView Intent="Settings" HasUnevenRows="True">
            <TableSection Title=" ">
                <ui:OptionEditorCell x:Name="editorName" Height="120" Icon="pencil.png"
                                     FontSize="20" Keyboard="Text"
                                     Title="{r:Text Name}"
                                     Text="{Binding CategoryName, Mode=TwoWay}"
                                     Placeholder="{r:Text NamePlaceholder}"/>
                <ui:OptionImageCell Height="44" Icon="face.png"
                                    Title="{r:Text Icon}" 
                                    ImageSource="{Binding CategoryIcon, Converter={StaticResource iconConverter}}"
                                    TintColor="{Binding TintColor}"
                                    Command="{Binding SelectIcon}"/>
            </TableSection>
            <TableSection>
                <TableSection.Title>
                    <OnPlatform x:TypeArguments="x:String" Android=" "/>
                </TableSection.Title>
                <ui:OptionEntryCell Height="44" Icon="color.png" Keyboard="Numeric"
                                    Title="{r:Text PrimaryColor}"
                                    Text="{Binding TintColorString, Mode=TwoWay}"/>
                <ViewCell Height="120">
                    <Grid BackgroundColor="{DynamicResource OptionTintColor}"
                          ColumnDefinitions=".35*, .65*" Padding="10">
                        <ui:ColorPicker Grid.Column="1" Command="{Binding ColorPickerCommand}"/>
                    </Grid>
                </ViewCell>
            </TableSection>
        </TableView>
    </ContentPage.Content>
</ui:BillingPage>