using UnityEngine;
using System.Collections;
using Noesis;

namespace UserControls
{
    [Noesis.Extended]
    [Noesis.UserControlSource("Assets/XAML/TestWindow.xaml")]
    public class TestWindow : Noesis.UserControl
    {
        StackPanel         _topbarPanel;
        TranslateTransform _gridTranslation;

        float _initialX;
        float _initialY;

        public void OnPostInit()
        {
            _gridTranslation = FindName<TranslateTransform>("GridTranslation");
            _topbarPanel     = FindName<StackPanel>("TopBar");

            MouseDown                        += OnMouseDown;
            _topbarPanel.MouseLeftButtonDown += TopBar_MouseDown;
            _topbarPanel.MouseLeftButtonUp   += TopBar_MouseUp;
            _topbarPanel.MouseMove           += TopBar_MouseMove;
        }

        void OnMouseDown(BaseComponent arg0, MouseButtonEventArgs arg1)
        {
            //Send to top of UI stack
            var parent = this.GetParent().As<Panel>();
            if (parent != null)
            {
                var children = parent.GetChildren();
                if (children.Count() > 1)
                {
                    children.Remove(this);
                    children.Add(this);
                }
            }
        }

        void TopBar_MouseDown(BaseComponent arg0, MouseButtonEventArgs arg1)
        {
            var container = arg0.As<FrameworkElement>();
            if (container != null)
            {
                container.CaptureMouse();
                _initialX = arg1.position.x - _gridTranslation.GetX();
                _initialY = arg1.position.y - _gridTranslation.GetY();
            }
        }

        void TopBar_MouseUp(BaseComponent arg0, MouseButtonEventArgs arg1)
        {
            var container = arg0.As<FrameworkElement>();
            if (container != null)
            {
                container.ReleaseMouseCapture();
            }
        }

        void TopBar_MouseMove(BaseComponent arg0, MouseEventArgs arg1)
        {
            var container = arg0.As<FrameworkElement>();

            if (container != null && container.GetIsMouseCaptured() && _gridTranslation != null)
            {
                float newX = arg1.position.x - _initialX;
                float newY = arg1.position.y - _initialY;

                _gridTranslation.SetX(newX);
                _gridTranslation.SetY(newY);
            }
        }
    }
}

<UserControl
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	x:Class="UserControls.TestWindow"
	UseLayoutRounding="true"
>
  <Grid Background="#FFF4F6F9" Width="300" Height="400">
    <Grid.RenderTransform>
      <TranslateTransform x:Name="GridTranslation" X="0" Y="0" />
    </Grid.RenderTransform>
    <StackPanel x:Name="TopBar" Height="10" VerticalAlignment="Top" Background="#FF767575"/>
  
  </Grid>
</UserControl>

<Canvas
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:usercontrols="clr-namespace:UserControls"
  UseLayoutRounding="true">
  <usercontrols:TestWindow />
  <usercontrols:TestWindow />
  <usercontrols:TestWindow />
  <usercontrols:TestWindow />
  <usercontrols:TestWindow />
</Canvas>

<ProgressBar Value="{Binding Value}" Maximum="100" Width="100">
	<ProgressBar.Triggers>
		<EventTrigger RoutedEvent="RangeBase.ValueChanged">
			<BeginStoryboard>
				<Storyboard>
					<DoubleAnimation Duration="0:0:0.2" Storyboard.TargetProperty="Value" To="{Binding Value}" />
				</Storyboard>
			</BeginStoryboard>
		</EventTrigger>
	</ProgressBar.Triggers>
</ProgressBar>

<TextBlock Text={Binding SelectedCharacter.Name} />

<Grid
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <TextBlock Text="{Binding SelectedCharacter.Name}"/>
</Grid>

using UnityEngine;
using System;
using Noesis;

[Extended]
class SelectedCharacter : BaseComponent
{
    string _name;
    public string Name
    {
        get
        {
            return _name;
        }
        set
        {
            if (_name != value)
            {
                _name = value;
                NotifyPropertyChanged("Name");
            }
        }
    }
}

[Extended]
class MyViewModel : BaseComponent
{
    SelectedCharacter _selectedCharacter;
    public SelectedCharacter SelectedCharacter
    {
        get
        {
            return _selectedCharacter;
        }
        set
        {
            if (_selectedCharacter != value)
            {
                _selectedCharacter = value;
                NotifyPropertyChanged("SelectedCharacter");
            }
        }
    }
}

public class _Test : MonoBehaviour
{
    void Start()
    {
        var gui = GetComponent<NoesisGUIPanel>();
        var root = gui.GetRoot<Grid>();
        MyViewModel viewModel = new MyViewModel
        {
            SelectedCharacter = new SelectedCharacter { Name = "Peter" }
        };
        root.SetDataContext(viewModel);
    }
}

<UserControl
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  x:Class="WindowControl">
    <StackPanel>
        <Border Background="SkyBlue" CornerRadius="2,2,0,0" Padding="20,1">
            <TextBlock Text="{Binding Title}" Foreground="White" FontWeight="Bold" FontSize="20" HorizontalAlignment="Center"/>
        </Border>
        <Border BorderBrush="SkyBlue" BorderThickness="2,0,2,2" Background="#80DFEFFF" CornerRadius="0,0,2,2" Padding="5">
            <ContentPresenter Content="{Binding Child}"/>
        </Border>
    </StackPanel>
</UserControl>

[Extended]
[UserControlSource("Assets/Sample/WindowControl.xaml")]
public class WindowControl : Noesis.UserControl
{
    string _title;
    public string Title
    {
        get
        {
            return _title;
        }
        set
        {
            if (_title != value)
            {
                _title = value;
                NotifyPropertyChanged("Title");
            }
        }
    }

    Noesis.BaseComponent _child;
    public Noesis.BaseComponent Child
    {
        get
        {
            return _child;
        }
        set
        {
            if (_child != value)
            {
                _child = value;
                NotifyPropertyChanged("Child");
            }
        }
    }

    public WindowControl()
    {
        SetDataContext(this);
    }
}

<Grid
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <WindowControl Title="Some window" HorizontalAlignment="Center" VerticalAlignment="Center">
        <WindowControl.Child>
            <StackPanel>
                <TextBlock Text="Some text in the window" Margin="0,0,0,10"/>
                <StackPanel Orientation="Horizontal" HorizontalAlignment="Right">
                    <Button Content="OK" Width="100"/>
                    <Button Content="Cancel" Width="100" Margin="8,0,0,0"/>
                </StackPanel>
            </StackPanel>
        </WindowControl.Child>
    </WindowControl>
</Grid>

<DataTemplate x:Key="NeedDataTemplate">
	<ProgressBar Grid.Column="1" Height="8" Maximum="{Binding MaxValue}" Value="{Binding CurrentValue, Mode=OneWay}" 
				  ToolTip="{Binding Tooltip}" Style="{StaticResource VitalProgressBarStyle}" Margin="5,0">
		<ProgressBar.Triggers>
			<EventTrigger RoutedEvent="RangeBase.ValueChanged">
				<BeginStoryboard>
					<Storyboard>
						<DoubleAnimation Duration="0:0:0.2" Storyboard.TargetProperty="Value" To="{Binding Content, ElementName=Temp}" />
					</Storyboard>
				</BeginStoryboard>
			</EventTrigger>
		</ProgressBar.Triggers>
	</ProgressBar>
	<!--<TextBlock Grid.Column="2" x:Name="Temp" Text="{Binding CurrentValue}" Margin="5,0" />-->
	<ContentControl Grid.Column="2" x:Name="Temp" Content="{Binding CurrentValue, Mode=TwoWay}" Margin="5,0" />
</DataTemplate>

<UserControl
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  x:Class="WindowControl"
  x:Name="Root">
    <StackPanel>
        <Border Background="SkyBlue" CornerRadius="2,2,0,0" Padding="20,1">
            <TextBlock Text="{Binding Title, ElementName=Root}" Foreground="White" FontWeight="Bold" FontSize="20" HorizontalAlignment="Center"/>
        </Border>
        <Border BorderBrush="SkyBlue" BorderThickness="2,0,2,2" Background="#80DFEFFF" CornerRadius="0,0,2,2" Padding="5">
            <ContentPresenter Content="{Binding Child, ElementName=Root}"/>
        </Border>
    </StackPanel>
</UserControl>

[Extended]
[UserControlSource("Assets/Sample/WindowControl.xaml")]
public class WindowControl : Noesis.UserControl
{
    public static Noesis.DependencyProperty TitleProperty = Noesis.DependencyProperty.Register("Title",
        typeof(string), typeof(WindowControl), new Noesis.PropertyMetadata(string.Empty));

    public string Title
    {
        get { return GetValue<string>(TitleProperty); }
        set { SetValue<string>(TitleProperty, value); }
    }

    public static Noesis.DependencyProperty ChildProperty = Noesis.DependencyProperty.Register("Child",
        typeof(Noesis.BaseComponent), typeof(WindowControl), new Noesis.PropertyMetadata(null));

    public Noesis.BaseComponent Child
    {
        get { return GetValue<Noesis.BaseComponent>(ChildProperty); }
        set { SetValue<Noesis.BaseComponent>(ChildProperty, value); }
    }

    public WindowControl()
    {
    }
}

<Grid
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
  
    <WindowControl HorizontalAlignment="Center" VerticalAlignment="Center"
        Title="{Binding DataTitle}"
        Child="{Binding DataChild}"/>

</Grid>

[Extended]
class DataViewModel : Noesis.BaseComponent
{
    string _title;
    public string DataTitle
    {
        get { return _title; }
        set
        {
            if (_title != value)
            {
                _title = value;
                NotifyPropertyChanged("DataTitle");
            }
        }
    }

    Noesis.BaseComponent _child;
    public Noesis.BaseComponent DataChild
    {
        get { return _child; }
        set
        {
            if (_child != value)
            {
                _child = value;
                NotifyPropertyChanged("DataChild");
            }
        }
    }
}

public class _Test : MonoBehaviour
{
    void Start()
    {
        var gui = GetComponent<NoesisGUIPanel>();
        var root = gui.GetRoot<Grid>();

        Noesis.StackPanel sp = new Noesis.StackPanel();
        Noesis.TextBlock tb = new Noesis.TextBlock("Some text in the window");
        tb.SetMargin(new Thickness(0,0,0,10));
        sp.GetChildren().Add(tb);
        Noesis.StackPanel sph = new Noesis.StackPanel();
        sph.SetOrientation(Noesis.Orientation.Horizontal);
        sph.SetHorizontalAlignment(Noesis.HorizontalAlignment.Right);
        Noesis.Button ok = new Noesis.Button();
        ok.SetContent("OK");
        ok.SetWidth(100.0f);
        sph.GetChildren().Add(ok);
        Noesis.Button cancel = new Noesis.Button();
        cancel.SetContent("Cancel");
        cancel.SetWidth(100.0f);
        cancel.SetMargin(new Thickness(8,0,0,0));
        sph.GetChildren().Add(cancel);
        sp.GetChildren().Add(sph);

        DataViewModel viewModel = new DataViewModel
        {
            DataTitle = "Some Window",
            DataChild = sp
        };

        root.SetDataContext(viewModel);
    }
}

<Grid
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

	<Grid.Resources>
		<DataViewModel x:Key="ViewModel" />
	</Grid.Resources>
 
    <Grid DataContext="{StaticResource ViewModel}">
        <WindowControl HorizontalAlignment="Center" VerticalAlignment="Center"
            Title="{Binding DataTitle}"
            Child="{Binding DataChild}"/>
    </Grid>
</Grid>