<Window x:Class="Example.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:Example.Views"
        xmlns:ViewModel="clr-namespace:Example.ViewModels"
        mc:Ignorable="d"
        Title="WhalleyBot OverlayV2" Height="650" Width="900"
        WindowStyle="None"
        Background="Transparent"
        AllowsTransparency="true">

    <Window.DataContext>
        <ViewModel:MainViewModel/>
    </Window.DataContext>

    <Window.Resources>
        <DataTemplate DataType="{x:Type ViewModel:HomeViewModel}">
            <local:HomeView/>
        </DataTemplate>
        <DataTemplate DataType="{x:Type ViewModel:ProfileViewModel}">
            <local:ProfileView/>
        </DataTemplate>
    </Window.Resources>

    <Border CornerRadius="15"
            BorderThickness="5"
            BorderBrush="{StaticResource PrimaryColor2}">

        <Grid>
            <Grid.RowDefinitions>
                <!--navigation Bar-->
                <RowDefinition Height="50"/>
                <!--Navigation Menu (Left Side)-->
                <RowDefinition Height="*"/>
                <RowDefinition Height="30"/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="175"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>

            <!--Logo-->
            <Border CornerRadius="10,0,0,0"
                        Grid.Column="0"
                        Grid.Row="0" Background="{StaticResource panelColor}"
                        BorderBrush="{StaticResource PrimaryColor2}" BorderThickness="0 0 4 0">
                <StackPanel Orientation="Horizontal" HorizontalAlignment="Left" VerticalAlignment="Center">
                    <Image Source="/img/logo_head.png" Width="35" Height="35" Margin="20 0 0 5"></Image>
                    <TextBlock Text="Whalley" HorizontalAlignment="Left" FontSize="18" FontWeight="Bold" Foreground="{StaticResource White}" Margin="0 10 0 0"></TextBlock>
                    <TextBlock Text="Bot" HorizontalAlignment="Left" FontSize="18" FontWeight="Bold" Foreground="{StaticResource PrimaryColor1}" Margin="0 10 0 0"></TextBlock>
                </StackPanel>
            </Border>

            <!--Navigation Bar (TOP)-->
            <Border x:Name="NavBar" CornerRadius="0,10,0,0"
                Grid.Column="1"
                Grid.Row="0" Background="{StaticResource panelColor}">

                <StackPanel Orientation="Horizontal" HorizontalAlignment="Right" >
                    <!--Drag Area-->
                    <StackPanel PreviewMouseLeftButtonDown="Border_PreviewMouseLeftButtonDown" Background="Transparent" Height="50" Width="{Binding ElementName=NavBar,Path=ActualWidth}"></StackPanel>
                    <!--NavButtons-->
                    <StackPanel Orientation="Horizontal" HorizontalAlignment="Right">
                        <Button x:Name="btnMinimize"  Style="{StaticResource NavButton}" Content="-" Click="btnMinimize_Click"></Button>
                        <Button x:Name="btnMaximise" Style="{StaticResource NavButton}" Content="▢" Click="btnMaximise_Click"></Button>
                        <Button x:Name="btnClose" Style="{StaticResource NavButton}" Content="X" Click="btnClose_Click_1"></Button>
                    </StackPanel>

                </StackPanel>

            </Border>
            <!--Navigation Menu-->
            <Border
                Grid.Column="0"
                Grid.Row="1" Background="{StaticResource panelColor}"
                BorderBrush="{StaticResource PrimaryColor2}" BorderThickness="0 0 4 0">
                <StackPanel Orientation="Vertical">
                    <RadioButton Style="{StaticResource menuButton}"
                                 Tag="{StaticResource PrimaryColor1}"
                                 Command="{Binding ShowHomeViewCommand}">
                        <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="15 0 0 0">
                            <!--<Icons:MaterialIcon Kind="Home" Height="25" Margin="0 0 10 0"/>-->
                            <TextBlock Text="Home" FontSize="18" FontWeight="Bold"/>
                        </StackPanel>
                    </RadioButton>
                    <RadioButton Style="{StaticResource menuButton}"
                                 Tag="{StaticResource PrimaryColor1}"
                                 Command="{Binding ShowProfileViewCommand}">
                        <StackPanel Orientation="Horizontal" Margin="15 0 0 0">
                            <!--<miw:MaterialIcon Kind="Person" Height="25" Margin="0 0 10 0"/>-->
                            <TextBlock Text="Profile" FontSize="18" FontWeight="Bold"/>
                        </StackPanel>
                    </RadioButton>
                    <RadioButton Style="{StaticResource menuButton}"
                                 Tag="{StaticResource PrimaryColor1}">
                        <StackPanel Orientation="Horizontal" Margin="15 0 0 0">
                            <!--<miw:MaterialIcon Kind="Info" Height="25" Margin="0 0 10 0"/>-->
                            <TextBlock Text="About" FontSize="18" FontWeight="Bold"/>
                        </StackPanel>
                    </RadioButton>

                    <Button Content="Overlay" Click="Button_ShowWPFOverlay_Clicked"></Button>
                </StackPanel>
            </Border>

            <!--Main Window-->
            <Border
                Grid.Column="1"
                Grid.Row="1" Background="{StaticResource panelColor}">
                <Grid>
                    <Grid.RowDefinitions>
                        <!--Header / Menu Title-->
                        <RowDefinition Height="35"/>
                        <!--Child View WINDOW-->
                        <RowDefinition/>
                    </Grid.RowDefinitions>

                    <!--Header / Menu Title-->
                    <Grid Grid.Row="0">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition/>
                            <ColumnDefinition/>
                        </Grid.ColumnDefinitions>
                        <!--Window Title-->
                        <StackPanel Grid.Column="0" VerticalAlignment="Center" HorizontalAlignment="Left" Orientation="Horizontal" Margin="10 0 20 0">
                            <!--<miw:MaterialIcon Kind="{Binding WindowIcon}"
                              Height="20"
                              Width="20"
                              Foreground="{StaticResource PrimaryColor1}" Margin="20 0 0 0 ">
                            </miw:MaterialIcon>-->
                            <TextBlock Text="{Binding Windowtitle}" FontWeight="Bold" Foreground="{StaticResource PrimaryColor1}" FontSize="18" Margin="10 0 0 0 "></TextBlock>
                        </StackPanel>
                        <!--User Profile-->
                        <StackPanel Grid.Column="1" Orientation="Horizontal" FlowDirection="RightToLeft" VerticalAlignment="Center" Margin="0 0 10 0">
                            <!--<miw:MaterialIcon  Kind="ArrowBottomCircle" Foreground="{StaticResource PrimaryColor1}" Margin="10 10 0 10"></miw:MaterialIcon>-->
                            <TextBlock x:Name="MainWindow_UserName" Text="{Binding playerInfoModule.playerName}" VerticalAlignment="Center" Margin="10 0 0 0" Foreground="{StaticResource PrimaryColor2}" FontWeight="Bold"></TextBlock>
                            <Ellipse Width="25" Height="25"  Margin="10 0 0 0" Stroke="{StaticResource PrimaryColor2}" StrokeThickness="1">
                                <Ellipse.Fill>
                                    <ImageBrush ImageSource="https://cdn-icons-png.flaticon.com/512/3135/3135715.png"/>
                                </Ellipse.Fill>
                            </Ellipse>
                        </StackPanel>


                    </Grid>


                    <!--Child View WINDOW-->
                    <ContentControl Content="{Binding CurrentChildView}" Grid.Row="1" Margin="20"></ContentControl>
                </Grid>



            </Border>

            <!--Footer Bar -->
            <Border x:Name="Footer_Border" CornerRadius="0,0,10,0"
                Grid.Column="1"
                Grid.Row="2" Background="{StaticResource panelColor}">
                <StackPanel x:Name="Footer" Width="{Binding ElementName=Footer_Border, Path=ActualWidth}" Orientation="Horizontal" VerticalAlignment="Center" HorizontalAlignment="Center">
                    <TextBox  Width="350" HorizontalContentAlignment="Left" Text="©Zypher.com - WhalleyBot" FontWeight="Bold" FontSize="10" Margin="10 0 25 0" Foreground="{StaticResource PrimaryColor1}" BorderThickness="0 0 0 0"></TextBox>
                    <TextBox x:Name="lbl_name" Width="200" HorizontalContentAlignment="Right" Text="Version: (Beta) xxxx"  FontWeight="Bold" FontSize="10" Margin="25 0 10 0" Foreground="{StaticResource PrimaryColor1}" BorderThickness="0 0 0 0"/>
                </StackPanel>

            </Border>

            <!--Footer Bar (Left)-->
            <Border CornerRadius="0,0,0,10"
                Grid.Column="0"
                Grid.Row="2" Background="{StaticResource panelColor}"
                BorderBrush="{StaticResource PrimaryColor2}" BorderThickness="0 0 4 0">

            </Border>





        </Grid>
    </Border>
</Window>
