﻿<hb:PluginControl x:Class="Plugin.DataBoard.DataBoard"
             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:local="clr-namespace:Plugin.DataBoard"
             xmlns:hb="clr-namespace:HMI.Base;assembly=HMI.Base"
         xmlns:uic="clr-namespace:HMI.UI.Converter;assembly=HMI.UI"
         xmlns:pw="https://opensource.panuon.com/wpf"
         xmlns:pu="https://opensource.panuon.com/wpf-ui"
         xmlns:dp="clr-namespace:HMI.UI.DpUtil;assembly=HMI.UI"
                  xmlns:wv2="clr-namespace:Microsoft.Web.WebView2.Wpf;assembly=Microsoft.Web.WebView2.Wpf"
             mc:Ignorable="d" 
                  Loaded="PluginControl_Loaded"
             d:DesignHeight="450" d:DesignWidth="800">
    <UserControl.Resources>
        <Style TargetType="ComboBox" BasedOn="{StaticResource FormComboxStyle}">
            <EventSetter Event="SelectionChanged" Handler="ComboBox_SelectionChanged"/>
        </Style>
        <Style TargetType="pu:DateTimePicker" BasedOn="{StaticResource TimePicker}">
            <Setter Property="MinWidth" Value="0"/>
            <Setter Property="ClearButtonVisibility" Value="Collapsed"/>
        </Style>
    </UserControl.Resources>

    <Border Style="{StaticResource CardBoarder}">
        <Grid dp:GridHelper.Space="20" dp:GridHelper.SpaceIgnore="ALL">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition/>
                <ColumnDefinition/>
                <ColumnDefinition/>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>

            <ComboBox x:Name="cb0" ItemsSource="{Binding Options}" SelectedValuePath="Value" DisplayMemberPath="Name"/>

            <ComboBox x:Name="cb1" Grid.Column="1" ItemsSource="{Binding Options}" 
                      SelectedValuePath="Value" DisplayMemberPath="Name"/>
            <ComboBox x:Name="cb2" Grid.Column="2" ItemsSource="{Binding Options}" 
                      SelectedValuePath="Value" DisplayMemberPath="Name"/>

            <ComboBox x:Name="cb3" Grid.Column="3" ItemsSource="{Binding Options}" 
                      SelectedValuePath="Value" DisplayMemberPath="Name"/>

            <Grid Grid.Row="1" Grid.Column="0">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition/>
                    <ColumnDefinition Width="Auto"/>
                    <ColumnDefinition/>
                    <ColumnDefinition Width="Auto"/>
                </Grid.ColumnDefinitions>
                <pu:DateTimePicker x:Name="dtp00"></pu:DateTimePicker>
                <TextBlock Grid.Column="1" Text="——" VerticalAlignment="Center"/>
                <pu:DateTimePicker x:Name="dtp01" Grid.Column="2"></pu:DateTimePicker>
                <Button x:Name="btn0" Grid.Column="3" Click="Button_Click" 
                        Style="{StaticResource PrimaryButton}" 
                        pu:ButtonHelper.Icon="&#xe752;"
                        Content="{DynamicResource bd.btn}"/>
            </Grid>

            <Grid Grid.Row="1" Grid.Column="1">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition/>
                    <ColumnDefinition Width="Auto"/>
                    <ColumnDefinition/>
                    <ColumnDefinition Width="Auto"/>
                </Grid.ColumnDefinitions>
                <pu:DateTimePicker x:Name="dtp10"></pu:DateTimePicker>
                <TextBlock Grid.Column="1" Text="——" VerticalAlignment="Center"/>
                <pu:DateTimePicker x:Name="dtp11" Grid.Column="2"/>
                <Button x:Name="btn1" Grid.Column="3" Click="Button_Click" 
        Style="{StaticResource PrimaryButton}" 
        pu:ButtonHelper.Icon="&#xe752;"
        Content="{DynamicResource bd.btn}"/>
            </Grid>

            <Grid Grid.Row="1" Grid.Column="2">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition/>
                    <ColumnDefinition Width="Auto"/>
                    <ColumnDefinition/>
                    <ColumnDefinition Width="Auto"/>
                </Grid.ColumnDefinitions>
                <pu:DateTimePicker x:Name="dtp20"></pu:DateTimePicker>
                <TextBlock Grid.Column="1" Text="——" VerticalAlignment="Center"/>
                <pu:DateTimePicker x:Name="dtp21" Grid.Column="2"/>
                <Button x:Name="btn2" Grid.Column="3" Click="Button_Click" 
        Style="{StaticResource PrimaryButton}" 
        pu:ButtonHelper.Icon="&#xe752;"
        Content="{DynamicResource bd.btn}"/>
            </Grid>

            <Grid Grid.Row="1" Grid.Column="3">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition/>
                    <ColumnDefinition Width="Auto"/>
                    <ColumnDefinition/>
                    <ColumnDefinition Width="Auto"/>
                </Grid.ColumnDefinitions>
                <pu:DateTimePicker x:Name="dtp30"></pu:DateTimePicker>
                <TextBlock Grid.Column="1" Text="——" VerticalAlignment="Center"/>
                <pu:DateTimePicker x:Name="dtp31" Grid.Column="2"/>
                <Button x:Name="btn3" Grid.Column="3" Click="Button_Click" 
        Style="{StaticResource PrimaryButton}" 
        pu:ButtonHelper.Icon="&#xe752;"
        Content="{DynamicResource bd.btn}"/>
            </Grid>

            <wv2:WebView2 Grid.Row="2" Grid.ColumnSpan="4" Name = "webview2" 
                      SizeChanged="webview2_SizeChanged"
                      NavigationCompleted="Webview2_NavigationCompleted"
                      Loaded="webview2_Loaded"/>
        </Grid>
    </Border>
</hb:PluginControl>
