<Window x:Class="_WPF__CREATE_TREE_OF_FOLDER.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:local="clr-namespace:_WPF__CREATE_TREE_OF_FOLDER"
        mc:Ignorable="d"
        Title="Image SlideShow Sample App"  Height="600" Width="800" MinHeight="600" MinWidth="800"
        WindowStartupLocation="CenterScreen">
    <Window.Resources>
        <local:WidthFourConverter x:Key="widthFourConverter" />
    </Window.Resources>

    <DockPanel>
        <Menu DockPanel.Dock="Top">
            <MenuItem Header="_File" >
                <MenuItem Header="_Open Folder" Click="MenuItem_Click" />
                <Separator />
                <MenuItem Header="_Exit"  Click="MenuItem_Click_1"/>
            </MenuItem>
            <MenuItem Header="_About" Click="MenuItem_Click_2" />
        </Menu>
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"></ColumnDefinition>
                <ColumnDefinition Width="3*"></ColumnDefinition>
            </Grid.ColumnDefinitions>

            <ListView Name="ListView1" Margin="5"  BorderThickness="1"  BorderBrush="Black" ScrollViewer.CanContentScroll="False">
                <ListView.ItemContainerStyle>
                    <Style TargetType="{x:Type ListViewItem}">
                        <Setter Property="Background" Value="Transparent" />
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="{x:Type ListViewItem}">
                                    <ContentPresenter />
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
                </ListView.ItemContainerStyle>


                <Expander  Header="Explorer" Expanded="Expander_Expanded" Margin="5,5,5,5">
                    <TreeView x:Name="foldersItem"  Padding="0,5,5,5"
                        Width="{Binding ElementName=ListView1, Path=ActualWidth, Converter={StaticResource widthFourConverter}}"
                              Background="LightBlue" BorderBrush="Black" Foreground="#FFFFFFFF"
                               >
                    </TreeView>


                </Expander>

                <Expander Name="fileinfo" Header="File Info" Margin="5,5,5,5" Expanded="exp">
                    <StackPanel>
                        <Border Name="bor1" Padding="5" BorderThickness="1"  BorderBrush="black" Background="LightGray"
                                Width="{Binding ElementName=ListView1, Path=ActualWidth, Converter={StaticResource widthFourConverter}}">
                            <TextBlock Name="nofile">No File is Selected</TextBlock>
                        </Border>
                        <Border Name="bor2" Padding="5" BorderThickness="1"  BorderBrush="black" Background="LightGray"
                                Width="{Binding ElementName=ListView1, Path=ActualWidth, Converter={StaticResource widthFourConverter}}">
                            <Grid Name="picinfo">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="*"></ColumnDefinition>
                                    <ColumnDefinition Width="*"></ColumnDefinition>
                                </Grid.ColumnDefinitions>
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="*" />
                                    <RowDefinition Height="*" />
                                    <RowDefinition Height="*" />
                                    <RowDefinition Height="*" />
                                </Grid.RowDefinitions>
                                <TextBlock Grid.Row="0" Name="a" Text="Name" FontWeight="Bold"></TextBlock>
                                <TextBlock Grid.Row="1" Name="b" Text="Width" FontWeight="Bold"></TextBlock>
                                <TextBlock Grid.Row="2" Name="c" Text="Height" FontWeight="Bold"></TextBlock>
                                <TextBlock Grid.Row="3" Name="d" Text="Size" FontWeight="Bold"></TextBlock>

                                <TextBlock Grid.Column="1" Name="filename" ></TextBlock>
                                <TextBlock Grid.Column="1" Grid.Row="1" Name="picwidth" ></TextBlock>
                                <TextBlock Grid.Column="1" Grid.Row="2" Name="picheight" ></TextBlock>
                                <TextBlock Grid.Column="1" Grid.Row="3" Name="picsize" ></TextBlock>
                            </Grid>
                        </Border>
                    </StackPanel>
                </Expander>

                <Expander Name="slideshow" Margin="5,5,5,5"  Header="Slide Show" >
                    <Border Name="b1" Padding="5" BorderThickness="1"  BorderBrush="black"
                            Width="{Binding ElementName=ListView1, Path=ActualWidth, Converter={StaticResource widthFourConverter}}"  >
                        <StackPanel>
                            <Label FontWeight="Bold" FontSize="12">Select SlideShow effect:</Label>
                            <ComboBox Margin="5,5,5,5">
                                <ComboBoxItem IsSelected="True">Horizontal effect</ComboBoxItem>
                                <ComboBoxItem>Opacity effect</ComboBoxItem>
                                <ComboBoxItem>Vertical effect</ComboBoxItem>
                            </ComboBox>

                            <Button Margin="5,5,5,5" Click="Startshow_Click" >Start SlideShow</Button>
                        </StackPanel>
                    </Border>
                </Expander>

            </ListView>

            <ListView Name="list" ItemsSource="{Binding Photos}" Margin="5" BorderThickness="1" BorderBrush="Black" Grid.Column="2" SelectionChanged="list_SelectionChanged">
                <ItemsControl.ItemTemplate>
                    <DataTemplate>
                        <Border BorderThickness="1" BorderBrush="Black" Padding="5" Margin="5,5,5,5">
                            <StackPanel Orientation="Vertical" Margin="5,5,5,5" VerticalAlignment="Center" >

                                <Grid Width="120" Height="90">
                                    <Image Source="{Binding Path}"/>
                                </Grid>

                                <TextBlock Name="ImageName" Margin="1" Foreground="#FF787878" Text="{Binding FileName}" HorizontalAlignment="Center"/>
                                <TextBlock Name="ImageType" Margin="1" Foreground="#FF787878" HorizontalAlignment="Center">
                                    <TextBlock.Text>
                                        <MultiBinding StringFormat="Type: {0}">
                                            <Binding Path="Extension"/>
                                        </MultiBinding>
                                    </TextBlock.Text>
                                </TextBlock>
                                <TextBlock Name="ImageSize" Margin="1" Foreground="#FF787878" HorizontalAlignment="Center">
                                    <TextBlock.Text>
                                        <MultiBinding StringFormat="Size: {0} Bytes">
                                            <Binding Path="Size"/>
                                        </MultiBinding>
                                    </TextBlock.Text>
                                </TextBlock>

                            </StackPanel>
                        </Border>
                    </DataTemplate>
                </ItemsControl.ItemTemplate>
                <ListView.ItemsPanel>
                    <ItemsPanelTemplate>
                        <WrapPanel Width = "{Binding ActualWidth , RelativeSource ={RelativeSource AncestorType = ListView }}"/>
                    </ItemsPanelTemplate>
                </ListView.ItemsPanel>
            </ListView>



        </Grid>
    </DockPanel>

</Window>