<Window x:Class="GlyphsConverter.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        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:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
        xmlns:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"
        xmlns:dxmvvm="http://schemas.devexpress.com/winfx/2008/xaml/mvvm"
        xmlns:models="clr-namespace:GlyphsConverter.Models"
        mc:Ignorable="d"
        Title="GlyphsConverter" Height="490" Width="700"
        DataContext="{dxmvvm:ViewModelSource Type=models:FolderBrowser}" ResizeMode="NoResize">
    <dxmvvm:Interaction.Behaviors>
        <dxmvvm:FolderBrowserDialogService
            Description="{Binding Description}"
            ShowNewFolderButton="{Binding ShowNewFolderButton}"
            RootFolder="Desktop"
            RestorePreviouslySelectedDirectory="True"/>
    </dxmvvm:Interaction.Behaviors>
    <Grid HorizontalAlignment="Left" Margin="0,0,0,0.5">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="*"></RowDefinition>
        </Grid.RowDefinitions>

        <TextBlock Grid.Column="0"  Grid.Row="0" Text="Path for Windows Glyphs:" Height="20" Padding="5" Margin="3"/>
        <TextBlock Grid.Column="1"  Grid.Row="0" Text="Path for Linux Glyphs:" Height="20" Padding="5" Margin="3"/>

        <Grid Grid.Column="0" Grid.Row="1">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <StackPanel Orientation="Horizontal" Margin="5">
                <TextBox VerticalAlignment="Center"
                    Margin="3"
                    Width="255"
                    Name="ResultPath1"
                    Text="{Binding ResultPath1, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
                    TextChanged="TextChangedEventHandler1"/>
                <Button Content="Browse"
                    Margin="5"
                    Click="BrowseButton1_Click"/>
            </StackPanel>
        </Grid>
        <Grid Grid.Column="1" Grid.Row="1">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <StackPanel Orientation="Horizontal" Margin="5">
                <TextBox VerticalAlignment="Center"
                         Margin="3"
                         Width="255"
                         Name="ResultPath2"
                         Text="{Binding ResultPath2, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
                         TextChanged="TextChangedEventHandler2"/>
                <Button Content="Browse"
                        Margin="5"
                        Click="BrowseButton2_Click"/>
            </StackPanel>
        </Grid>

        <Grid Grid.Column="0" Grid.Row="2" Height="350" Name="DataGrid1">
            <!--context menu-->
            <dxb:BarManager.DXContextMenu>
                <dxb:PopupMenu>
                    <dxb:PopupMenu.Items>
                        <dxb:BarButtonItem
                            Content="Sort asc"
                            Glyph="/Images/asc16x16.png"
                            ItemClick="sortAsc1_ItemClick" />
                        <dxb:BarButtonItem
                            Content="Sort desc"
                            Glyph="/Images/desc16x16.png"
                            ItemClick="sortDesc1_ItemClick" />
                    </dxb:PopupMenu.Items>
                </dxb:PopupMenu>
            </dxb:BarManager.DXContextMenu>

            <ScrollViewer VerticalScrollBarVisibility="Auto"  Name="ScrollViewer1" models:ScrollSynchronizer.ScrollGroup="Group1">
                <ListView Name="ImageList1" ItemsSource="{Binding ImageList1}">
                    <ItemsControl.ItemTemplate>
                        <DataTemplate>
                            <Border BorderThickness="1" BorderBrush="#FFD0D1D7" Padding="5" Width="285">
                                <StackPanel Orientation="Horizontal" CanVerticallyScroll="True">
                                    <!--image-->
                                    <Grid Width="Auto" Height="Auto">
                                        <Image Source="{Binding Path}"/>
                                    </Grid>
                                    <!--name, type and size-->
                                    <StackPanel Orientation="Vertical" Margin="5,0,0,0" VerticalAlignment="Center">
                                        <TextBlock Name="ImageName" Margin="1" Foreground="#FF787878" Text="{Binding FileName}"/>
                                        <TextBlock Name="ImageType" Margin="1" Foreground="#FF787878">
                                            <TextBlock.Text>
                                                <MultiBinding StringFormat="{}{0}x{1}">
                                                    <Binding Path="Height"/>
                                                    <Binding Path="Width"/>
                                                </MultiBinding>
                                            </TextBlock.Text>
                                        </TextBlock>
                                        <TextBlock Name="ImageSize" Margin="1" Foreground="#FF787878">
                                            <TextBlock.Text>
                                                <MultiBinding StringFormat="Size: {0} Bytes">
                                                    <Binding Path="Size"/>
                                                </MultiBinding>
                                            </TextBlock.Text>
                                        </TextBlock>
                                    </StackPanel>
                                </StackPanel>
                            </Border>
                        </DataTemplate>
                    </ItemsControl.ItemTemplate>
                </ListView>
            </ScrollViewer>
        </Grid>
        <Grid Grid.Column="1" Grid.Row="2" Height="350" Name="DataGrid2">
            <ScrollViewer VerticalScrollBarVisibility="Auto" Name="ScrollViewer2" models:ScrollSynchronizer.ScrollGroup="Group1">
                <dxb:BarManager.DXContextMenu>
                    <dxb:PopupMenu>
                        <dxb:PopupMenu.Items>
                            <dxb:BarButtonItem
                                Content="Sort asc"
                                Glyph="/Images/asc16x16.png"
                                ItemClick="sortAsc2_ItemClick" />
                            <dxb:BarButtonItem
                                Content="Sort desc"
                                Glyph="/Images/desc16x16.png"
                                ItemClick="sortDesc2_ItemClick" />
                            <dxb:BarButtonItem
                                Content="Rename up"
                                Glyph="/Images/undo16x16.png"
                                ItemClick="renameUp_ItemClick" />
                            <dxb:BarButtonItem
                                Content="Rename down"
                                Glyph="/Images/redo16x16.png"
                                ItemClick="renameDown_ItemClick" />
                        </dxb:PopupMenu.Items>
                    </dxb:PopupMenu>
                </dxb:BarManager.DXContextMenu>


                <ListView Name="ImageList2" ItemsSource="{Binding ImageList2}">
                    <ItemsControl.ItemTemplate>
                        <DataTemplate>
                            <Border BorderThickness="1" BorderBrush="#FFD0D1D7" Padding="5" Width="285">
                                <StackPanel Orientation="Horizontal" CanVerticallyScroll="True">
                                    <!--image-->
                                    <Grid Width="Auto" Height="Auto">
                                        <Image Source="{Binding Path}"/>
                                    </Grid>
                                    <!--name, type and size-->
                                    <StackPanel Orientation="Vertical" Margin="5,0,0,0" VerticalAlignment="Center">
                                        <TextBlock Name="ImageName" Margin="1" Foreground="#FF787878" Text="{Binding FileName}"/>
                                        <TextBlock Name="ImageType" Margin="1" Foreground="#FF787878">
                                            <TextBlock.Text>
                                                <MultiBinding StringFormat="{}{0}x{1}">
                                                    <Binding Path="Height"/>
                                                    <Binding Path="Width"/>
                                                </MultiBinding>
                                            </TextBlock.Text>
                                        </TextBlock>
                                        <TextBlock Name="ImageSize" Margin="1" Foreground="#FF787878">
                                            <TextBlock.Text>
                                                <MultiBinding StringFormat="Size: {0} Bytes">
                                                    <Binding Path="Size"/>
                                                </MultiBinding>
                                            </TextBlock.Text>
                                        </TextBlock>
                                    </StackPanel>
                                </StackPanel>
                            </Border>
                        </DataTemplate>
                    </ItemsControl.ItemTemplate>
                </ListView>
            </ScrollViewer>
        </Grid>
        <TextBlock Grid.Column="0"  Grid.Row="3" Text="Count:" Height="30" Width="50" Padding="5" Margin="3" HorizontalAlignment="Left"/>
        <TextBlock Grid.Column="0"  Grid.Row="3" Height="30" Width="40" Padding="5" Margin="50,3,0,7" HorizontalAlignment="Left" Name="ImagesList1Count" />
        <TextBlock Grid.Column="1"  Grid.Row="3" Text="Count:" Height="30" Width="50" Padding="5" Margin="3" HorizontalAlignment="Left"/>
        <TextBlock Grid.Column="1"  Grid.Row="3" Height="30" Width="40" Padding="5" Margin="50,3,0,7" HorizontalAlignment="Left" Name ="ImagesList2Count" />
    </Grid>
</Window>