<UserControl
    d:DesignHeight="450"
    d:DesignWidth="800"
    mc:Ignorable="d"
    x:Class="PicView.Avalonia.Views.Config.GalleryView"
    x:DataType="viewModels:MainViewModel"
    xmlns="https://github.com/avaloniaui"
    xmlns:customControls="clr-namespace:PicView.Avalonia.CustomControls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:uc="clr-namespace:PicView.Avalonia.Views.UC"
    xmlns:viewModels="clr-namespace:PicView.Avalonia.ViewModels"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Design.DataContext>
        <viewModels:MainViewModel />
    </Design.DataContext>
    <StackPanel HorizontalAlignment="Center" Orientation="Vertical">

        <TextBlock
            Classes="txt"
            FontFamily="/Assets/Fonts/Roboto-Bold.ttf#Roboto"
            FontSize="14"
            Foreground="{StaticResource SecondaryTextColor}"
            Margin="0,20,0,20"
            Text="{CompiledBinding Translation.GallerySettings.Value,
                                   Mode=OneWay}" />

        <ToggleButton
            Background="Transparent"
            BorderThickness="0"
            Classes="altHover changeColor"
            Command="{CompiledBinding Gallery.ToggleBottomGalleryCommand}"
            IsChecked="{CompiledBinding Gallery.IsBottomGalleryShown.Value}"
            Margin="0,0,0,10"
            Width="300"
            x:Name="ToggleBottomGalleryButton">
            <TextBlock
                Classes="txt"
                Foreground="{StaticResource SecondaryTextColor}"
                Margin="0"
                MaxWidth="240"
                Padding="0,1,5,0"
                Text="{CompiledBinding Translation.IsShowingBottomGallery.Value,
                                       Mode=OneWay}" />
        </ToggleButton>

        <ToggleButton
            Background="Transparent"
            BorderThickness="0"
            Classes="altHover changeColor"
            Command="{CompiledBinding Tools.ToggleBottomGalleryShownInHiddenUICommand}"
            IsChecked="{CompiledBinding SettingsViewModel.IsBottomGalleryShownInHiddenUI.Value}"
            Margin="0,0,0,10"
            Width="300">
            <TextBlock
                Classes="txt"
                Foreground="{StaticResource SecondaryTextColor}"
                Margin="0"
                MaxWidth="240"
                Padding="0,1,5,0"
                Text="{CompiledBinding Translation.ShowBottomGalleryWhenUiIsHidden.Value,
                                       Mode=OneWay}" />
        </ToggleButton>

        <TextBlock
            Classes="txt"
            FontFamily="/Assets/Fonts/Roboto-Bold.ttf#Roboto"
            Foreground="{StaticResource SecondaryTextColor}"
            Margin="0,10,0,10"
            MaxWidth="300"
            Text="{CompiledBinding Translation.ExpandedGalleryItemSize.Value,
                                   Mode=OneWay}" />
        <customControls:CustomSlider
            Height="30"
            HorizontalAlignment="Center"
            IsSnapToTickEnabled="True"
            Margin="0,1,0,1"
            Maximum="{CompiledBinding Gallery.GalleryItem.MaxExpandedGalleryItemHeight}"
            Minimum="{CompiledBinding Gallery.GalleryItem.MinExpandedGalleryItemHeight}"
            TickFrequency="1"
            TickPlacement="BottomRight"
            Value="{CompiledBinding Gallery.GalleryItem.ExpandedGalleryItemHeight.Value,
                                    Mode=TwoWay}"
            Width="300"
            x:Name="ExpandedGallerySlider" />
        <TextBlock
            Classes="txt"
            FontFamily="/Assets/Fonts/Roboto-Bold.ttf#Roboto"
            Foreground="{StaticResource SecondaryTextColor}"
            Margin="0,0,0,15"
            Text="{CompiledBinding Gallery.GalleryItem.ExpandedGalleryItemHeight,
                                   Mode=OneWay}" />

        <TextBlock
            Classes="txt"
            FontFamily="/Assets/Fonts/Roboto-Bold.ttf#Roboto"
            FontSize="12"
            Foreground="{StaticResource SecondaryTextColor}"
            Margin="0,10,0,10"
            MaxWidth="300"
            Text="{CompiledBinding Translation.BottomGalleryItemSize.Value,
                                   Mode=OneWay}" />
        <customControls:CustomSlider
            Height="30"
            HorizontalAlignment="Center"
            IsSnapToTickEnabled="True"
            Margin="0,1,0,1"
            Maximum="{CompiledBinding Gallery.GalleryItem.MaxGalleryItemHeight}"
            Minimum="{CompiledBinding Gallery.GalleryItem.MinGalleryItemHeight}"
            TickFrequency="1"
            TickPlacement="BottomRight"
            Value="{CompiledBinding Gallery.GalleryItem.BottomGalleryItemHeight.Value,
                                    Mode=TwoWay}"
            Width="300"
            x:Name="BottomGallerySlider" />
        <TextBlock
            Classes="txt"
            FontFamily="/Assets/Fonts/Roboto-Bold.ttf#Roboto"
            Foreground="{StaticResource SecondaryTextColor}"
            Margin="0,0,0,15"
            Text="{CompiledBinding Gallery.GalleryItem.BottomGalleryItemHeight,
                                   Mode=OneWay}" />

        <TextBlock
            Classes="txt"
            FontFamily="/Assets/Fonts/Roboto-Bold.ttf#Roboto"
            FontSize="12"
            Foreground="{StaticResource SecondaryTextColor}"
            Margin="0,10,0,15"
            MaxWidth="300"
            Text="{CompiledBinding Translation.GalleryThumbnailStretch.Value,
                                   Mode=OneWay}" />
        <ComboBox
            Background="{DynamicResource SecondaryBackgroundColor}"
            BorderBrush="{DynamicResource MainBorderColor}"
            BorderThickness="1"
            FontFamily="/Assets/Fonts/Roboto-Medium.ttf#Roboto"
            Foreground="{DynamicResource MainTextColor}"
            Margin="0,5,0,15"
            Padding="5,7,0,7"
            Width="300"
            x:Name="FullGalleryComboBox">
            <ComboBoxItem
                Content="{CompiledBinding Translation.Uniform.Value,
                                          Mode=OneWay}"
                Foreground="{DynamicResource MainTextColor}"
                x:Name="FullGalleryUniformItem" />
            <ComboBoxItem
                Content="{CompiledBinding Translation.UniformToFill.Value,
                                          Mode=OneWay}"
                Foreground="{DynamicResource MainTextColor}"
                x:Name="FullGalleryUniformToFillItem" />
            <ComboBoxItem
                Content="{CompiledBinding Translation.Fill.Value,
                                          Mode=OneWay}"
                Foreground="{DynamicResource MainTextColor}"
                x:Name="FullGalleryFillItem" />
            <ComboBoxItem
                Content="{CompiledBinding Translation.None.Value,
                                          Mode=OneWay}"
                Foreground="{DynamicResource MainTextColor}"
                x:Name="FullGalleryNoneItem" />
            <ComboBoxItem
                Content="{CompiledBinding Translation.Square.Value,
                                          Mode=OneWay}"
                Foreground="{DynamicResource MainTextColor}"
                x:Name="FullGallerySquareItem" />
            <ComboBoxItem
                Content="{CompiledBinding Translation.FillSquare.Value,
                                          Mode=OneWay}"
                Foreground="{DynamicResource MainTextColor}"
                x:Name="FullGalleryFillSquareItem" />
        </ComboBox>

        <TextBlock
            Classes="txt"
            FontFamily="/Assets/Fonts/Roboto-Bold.ttf#Roboto"
            FontSize="12"
            Foreground="{StaticResource SecondaryTextColor}"
            Margin="0,3,0,15"
            MaxWidth="300"
            Text="{CompiledBinding Translation.BottomGalleryThumbnailStretch.Value,
                                   Mode=OneWay}" />
        <ComboBox
            Background="{DynamicResource SecondaryBackgroundColor}"
            BorderBrush="{DynamicResource MainBorderColor}"
            BorderThickness="1"
            FontFamily="/Assets/Fonts/Roboto-Medium.ttf#Roboto"
            Foreground="{DynamicResource MainTextColor}"
            Margin="0,5,0,15"
            Padding="5,7,0,7"
            Width="300"
            x:Name="BottomGalleryComboBox">
            <ComboBoxItem
                Content="{CompiledBinding Translation.Uniform.Value,
                                          Mode=OneWay}"
                Foreground="{DynamicResource MainTextColor}"
                x:Name="BottomGalleryUniformItem" />
            <ComboBoxItem
                Content="{CompiledBinding Translation.UniformToFill.Value,
                                          Mode=OneWay}"
                Foreground="{DynamicResource MainTextColor}"
                x:Name="BottomGalleryUniformToFillItem" />
            <ComboBoxItem
                Content="{CompiledBinding Translation.Fill.Value,
                                          Mode=OneWay}"
                Foreground="{DynamicResource MainTextColor}"
                x:Name="BottomGalleryFillItem" />
            <ComboBoxItem
                Content="{CompiledBinding Translation.None.Value,
                                          Mode=OneWay}"
                Foreground="{DynamicResource MainTextColor}"
                x:Name="BottomGalleryNoneItem" />
            <ComboBoxItem
                Content="{CompiledBinding Translation.Square.Value,
                                          Mode=OneWay}"
                Foreground="{DynamicResource MainTextColor}"
                x:Name="BottomGallerySquareItem" />
            <ComboBoxItem
                Content="{CompiledBinding Translation.FillSquare.Value,
                                          Mode=OneWay}"
                Foreground="{DynamicResource MainTextColor}"
                x:Name="BottomGalleryFillSquareItem" />
        </ComboBox>
    </StackPanel>
</UserControl>