<UserControl xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:plugins="clr-namespace:Artemis.UI.Screens.Workshop.Plugins"
             xmlns:avalonia="clr-namespace:Material.Icons.Avalonia;assembly=Material.Icons.Avalonia"
             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
             x:Class="Artemis.UI.Screens.Workshop.Plugins.PluginManageView"
             x:DataType="plugins:PluginManageViewModel">
    <Border Classes="card" VerticalAlignment="Top">
        <StackPanel>
            <Grid ColumnDefinitions="Auto,*,Auto">
                <Button Grid.Row="0" Grid.Column="0" VerticalAlignment="Center" Classes="icon-button" Command="{CompiledBinding Close}">
                    <avalonia:MaterialIcon Kind="ArrowBack" />
                </Button>
                <TextBlock Grid.Row="0" Grid.Column="1" Theme="{StaticResource SubtitleTextBlockStyle}">Manage plugin</TextBlock>
            </Grid>
            
            <Border Classes="card-separator" />
            
            <Grid ColumnDefinitions="4*,5*" Height="160">
                <ContentControl Grid.Column="0" Content="{CompiledBinding PluginViewModel}" />

                <Border Grid.Column="1" BorderBrush="{DynamicResource ButtonBorderBrush}" BorderThickness="1 0 0 0" Margin="10 0 0 0" Padding="10 0 0 0">
                    <Grid RowDefinitions="Auto,*">
                        <TextBlock Classes="h5">Plugin features</TextBlock>
                        <ListBox Grid.Row="1" MaxHeight="135" ItemsSource="{CompiledBinding PluginFeatures}" />
                    </Grid>
                </Border>
            </Grid>
        </StackPanel>
    </Border>
</UserControl>