<UserControl x:Class="Tango.PPC.Power.Views.MainView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:vm="clr-namespace:Tango.PPC.Power.ViewModels"
             xmlns:controls="clr-namespace:Tango.SharedUI.Controls;assembly=Tango.SharedUI"
             xmlns:global="clr-namespace:Tango.PPC.Power"
             xmlns:touch="clr-namespace:Tango.Touch.Controls;assembly=Tango.Touch"
             xmlns:local="clr-namespace:Tango.PPC.Power.Views"
             mc:Ignorable="d" 
             d:DesignHeight="1280" d:DesignWidth="800" d:DataContext="{d:DesignInstance Type=vm:MainViewVM, IsDesignTimeCreatable=False}" DataContext="{x:Static global:ViewModelLocator.MainViewVM}">

    <Grid Background="{StaticResource TangoMidBackgroundBrush}">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="1*"/>
        </Grid.RowDefinitions>

        <Border Padding="20" Background="{StaticResource TangoPrimaryBackgroundBrush}" BorderThickness="0 0 0 1" BorderBrush="{StaticResource TangoDividerBrush}">
            <Border.Effect>
                <DropShadowEffect Color="Silver" ShadowDepth="0" BlurRadius="20" Opacity="1" />
            </Border.Effect>
            <TextBlock VerticalAlignment="Center" FontSize="{StaticResource TangoHeaderFontSize}" FontWeight="SemiBold">Power</TextBlock>
        </Border>

        <UniformGrid Grid.Row="1" Rows="2" Margin="20 50 20 20">

            <StackPanel Margin="-90 0 0 0" Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
                <Image Source="../Images/tablet.png" Width="256" RenderOptions.BitmapScalingMode="Fant" VerticalAlignment="Top" HorizontalAlignment="Left" />

                <Grid VerticalAlignment="Top" Margin="40 0 0 0">
                    <StackPanel>
                        <controls:TableGrid RowHeight="40" MakeFirstColumnVerticalAlignmentBottom="False">
                            <TextBlock FontWeight="SemiBold">CPU:</TextBlock>
                            <TextBlock>38%</TextBlock>
                            <TextBlock FontWeight="SemiBold">RAM:</TextBlock>
                            <TextBlock>50%</TextBlock>
                            <TextBlock FontWeight="SemiBold">UWF:</TextBlock>
                            <TextBlock>Active</TextBlock>
                            <TextBlock FontWeight="SemiBold">Free Space:</TextBlock>
                            <touch:TouchProgressBar Margin="10 5 0 0" Height="10" VerticalAlignment="Top" Maximum="100" Value="60" Foreground="{StaticResource TangoSuccessBrush}" />
                        </controls:TableGrid>

                        <touch:TouchButton Height="60" Margin="0 0 0 0" CornerRadius="30" Width="250" Command="{Binding RestartCommand}">RESTART</touch:TouchButton>
                    </StackPanel>
                </Grid>
            </StackPanel>

            <Grid>
                <Rectangle VerticalAlignment="Top" HorizontalAlignment="Stretch" Margin="100 0" StrokeThickness="1" Stroke="{StaticResource TangoDividerBrush}"></Rectangle>
                <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
                    <Image Source="../Images/machine.png" Width="256" RenderOptions.BitmapScalingMode="Fant" VerticalAlignment="Top" HorizontalAlignment="Left" />

                    <Grid Margin="0 0 0 0" VerticalAlignment="Top">
                        <StackPanel Margin="20 0 0 0">
                            <controls:TableGrid RowHeight="40" MakeFirstColumnVerticalAlignmentBottom="False" HorizontalAlignment="Left">
                                <TextBlock FontWeight="SemiBold">Firmware Version:</TextBlock>
                                <TextBlock Text="{Binding MachineProvider.MachineOperator.DeviceInformation.Version,TargetNullValue='N/A',FallbackValue='N/A'}"></TextBlock>
                                <TextBlock FontWeight="SemiBold">Status:</TextBlock>
                                <TextBlock Text="{Binding MachineProvider.MachineOperator.Status,Converter={StaticResource EnumToDescriptionConverter}}"></TextBlock>
                            </controls:TableGrid>

                            <UniformGrid Columns="3">
                                <touch:TouchButton Style="{StaticResource TangoRoundTouchButton}" Background="{StaticResource TangoErrorBrush}" Width="90" Height="90">TURN OFF</touch:TouchButton>
                                <touch:TouchButton Margin="10 0 0 0" Style="{StaticResource TangoRoundTouchButton}" Background="{StaticResource TangoWarningBrush}" Width="90" Height="90">STAND BY</touch:TouchButton>
                                <touch:TouchButton Margin="10 0 0 0" Style="{StaticResource TangoRoundTouchButton}" Background="{StaticResource TangoSuccessBrush}" Width="90" Height="90">GET READY</touch:TouchButton>
                            </UniformGrid>
                        </StackPanel>
                    </Grid>
                </StackPanel>
            </Grid>
        </UniformGrid>
    </Grid>
</UserControl>