<Window xmlns="https://github.com/avaloniaui"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:vm="clr-namespace:TepelneCerpadlo.ViewModels;assembly=TepelneCerpadlo"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="480"
        xmlns:i="clr-namespace:Avalonia.Xaml.Interactivity;assembly=Avalonia.Xaml.Interactivity"
        xmlns:ia="clr-namespace:Avalonia.Xaml.Interactions.Core;assembly=Avalonia.Xaml.Interactions"
        Width="800" Height="480"
        x:Class="TepelneCerpadlo.Views.MainScreenView"
        Background="Blue"
        Icon="avares://TepelneCerpadlo/Assets/avalonia-logo.ico"
        Title="TepelneCerpadlo">

  <i:Interaction.Behaviors>
    <ia:EventTriggerBehavior EventName="Opened">
      <ia:InvokeCommandAction Command="{Binding InitializedCommand}" />
    </ia:EventTriggerBehavior>
  </i:Interaction.Behaviors>

  <Design.DataContext>
    <vm:MainScreenViewModel/>
  </Design.DataContext>

  <Grid>
    <Grid.ColumnDefinitions>
      <ColumnDefinition Width="*" />
      <ColumnDefinition Width="*" />
    </Grid.ColumnDefinitions>

    <Grid Grid.Column="0">
      <Grid.RowDefinitions>
        <RowDefinition Height="4*" />
        <RowDefinition Height="10*" />
        <RowDefinition Height="*" />
        <RowDefinition Height="3*" />
        <RowDefinition Height="*" />
        <RowDefinition Height="9*" />
        <RowDefinition Height="*" />
      </Grid.RowDefinitions>

      <StackPanel Grid.Row="1" Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
        <TextBlock Text="{Binding Temp}" FontSize="145" />
        <TextBlock Text=" °" FontSize="90" FontFamily="Times New Roman" />
        <TextBlock Text="C" FontSize="90" />
      </StackPanel>

      <Grid Grid.Row="3">
        <Grid.ColumnDefinitions>
          <ColumnDefinition Width="*" />
          <ColumnDefinition Width="3*" />
          <ColumnDefinition Width="7*" />
          <ColumnDefinition Width="3*" />
          <ColumnDefinition Width="7*" />
          <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>

        <Image Grid.Column="1" Margin="5" Source="avares://TepelneCerpadlo/Assets/Icons/power.png" />
        <StackPanel Grid.Column="2" Margin="5,0,0,0" Orientation="Horizontal" VerticalAlignment="Center" >
          <TextBlock Text="{Binding Power}" />
          <TextBlock Text=" W" />
        </StackPanel>
        <Image Grid.Column="3" Margin="5" Source="avares://TepelneCerpadlo/Assets/Icons/efficiency.png" />
        <StackPanel Grid.Column="4" Margin="5,0,0,0" Orientation="Horizontal" VerticalAlignment="Center" >
          <TextBlock Text="{Binding Efficiency}" />
          <TextBlock Text=" %" />
        </StackPanel>
      </Grid>
      <Grid Grid.Row="5">
        <Grid.ColumnDefinitions>
          <ColumnDefinition Width="*" />
          <ColumnDefinition Width="*" />
          <ColumnDefinition Width="*" />
          <ColumnDefinition Width="*" />
          <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
          <RowDefinition Height="*" />
          <RowDefinition Height="*" />
          <RowDefinition Height="*" />
        </Grid.RowDefinitions>
        <Image Grid.Row="0" Grid.Column="1" Margin="5" Source="avares://TepelneCerpadlo/Assets/Icons/compressor1.png" />
        <Image Grid.Row="0" Grid.Column="2" Margin="5" Source="avares://TepelneCerpadlo/Assets/Icons/compressor2.png" />
        <Image Grid.Row="0" Grid.Column="3" Margin="5" Source="avares://TepelneCerpadlo/Assets/Icons/heating-element.png" />
        <Image Grid.Row="1" Grid.Column="1" Margin="5" Source="avares://TepelneCerpadlo/Assets/Icons/fan.png" />
        <Image Grid.Row="1" Grid.Column="2" Margin="5" Source="avares://TepelneCerpadlo/Assets/Icons/pump.png" />
        <Image Grid.Row="1" Grid.Column="3" Margin="5" Source="avares://TepelneCerpadlo/Assets/Icons/three-way-valve.png" />
        <Image Grid.Row="2" Grid.Column="1" Margin="5" Source="avares://TepelneCerpadlo/Assets/Icons/warning.png" />
        <Image Grid.Row="2" Grid.Column="2" Margin="5" Source="avares://TepelneCerpadlo/Assets/Icons/leak.png" />
      </Grid>
    </Grid>
    <Grid Grid.Column="1">
      <Grid.RowDefinitions>
        <RowDefinition Height="*" />
        <RowDefinition Height="*" />
        <RowDefinition Height="*" />
        <RowDefinition Height="*" />
        <RowDefinition Height="*" />
      </Grid.RowDefinitions>
      <TextBlock Text="{Binding Clock}" Margin="10,5" HorizontalAlignment="Right" VerticalAlignment="Top" />
      <Button Grid.Row="1" Content="NASTAVENÍ TEPLOTY" Margin="15,15,15,10"/>
      <Button Grid.Row="2" Content="MENU" Margin="15,10"/>
      <Button Grid.Row="3" Content="VOLBA MODU" Margin="15,10,15,15"/>
    </Grid>
  </Grid>

</Window>