<UserControl xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:vm="using:DesertPaintCodex.ViewModels"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             mc:Ignorable="d" d:DesignWidth="296" d:DesignHeight="180"
             Height="180"
             x:Class="DesertPaintCodex.Views.CreateProfileView">

    <Design.DataContext>
        <vm:CreateProfileViewModel />
    </Design.DataContext>

    <UserControl.Styles>
        <Style Selector="TextBlock">
            <Setter Property="FontSize" Value="16" />
        </Style>
        <Style Selector="TextBlock.Warning">
            <Setter Property="Foreground" Value="#E1AD56" />
        </Style>
    </UserControl.Styles>

    <DockPanel>
        <TextBlock DockPanel.Dock="Top" Margin="0, 30, 0, 0">Select a name for your profile:</TextBlock>
        <TextBox Name="NameInput" DockPanel.Dock="Top" Text="{Binding ProfileName}" Margin="0, 15" />
        <Grid DockPanel.Dock="Bottom" ColumnDefinitions="*,15,*" RowDefinitions="Auto">
            <Button Name="Cancel" Command="{Binding Cancel}" Grid.Row="0" Grid.Column="0">Cancel</Button>
            <Button Name="Ok" Command="{Binding Ok}" Grid.Row="0" Grid.Column="2">Ok</Button>
        </Grid>
        <TextBlock Classes="Warning" IsVisible="{Binding DuplicateWarning}">Profile name already in use.</TextBlock>
    </DockPanel>
</UserControl>