<Window
    x:Class="Correlator.Dialog.CheckResponseDialog"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:converter="clr-namespace:Correlator.Converter"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:hc="https://handyorg.github.io/handycontrol"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    Width="800"
    Height="660"
    AllowsTransparency="True"
    Background="Transparent"
    Closed="CheckResponseDialog_OnClosed"
    Loaded="CheckResponseDialog_OnLoaded"
    ResizeMode="NoResize"
    ShowInTaskbar="False"
    WindowStartupLocation="CenterOwner"
    WindowStyle="None"
    mc:Ignorable="d">

    <Window.Resources>
        <converter:StepButtonStateConverter x:Key="StepButtonStateConverter" />
    </Window.Resources>

    <Border
        Margin="5"
        Background="White"
        CornerRadius="10">
        <Border.Effect>
            <DropShadowEffect
                BlurRadius="5"
                Direction="0"
                Opacity="0.5"
                ShadowDepth="0"
                Color="Blue" />
        </Border.Effect>
        <Grid Margin="10">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition />
                <RowDefinition />
            </Grid.RowDefinitions>

            <Grid Grid.Row="0" Margin="10">
                <StackPanel Orientation="Horizontal">
                    <Button x:Name="GoBackButton" Height="40">
                        <StackPanel Orientation="Horizontal">
                            <Image
                                Width="18"
                                Height="18"
                                Margin="0,0,5,0"
                                Source="/Image/return_g.png" />
                            <TextBlock
                                FontSize="18"
                                Foreground="#cecece"
                                Text="返回" />
                        </StackPanel>
                    </Button>

                    <StackPanel
                        Margin="10,0,0,0"
                        VerticalAlignment="Center"
                        Orientation="Vertical">
                        <TextBlock FontSize="20" Text="水听器信号清点" />
                        <TextBlock
                            FontSize="14"
                            Foreground="#cecece"
                            Text="Hydrophone Signal Inventory" />
                    </StackPanel>
                </StackPanel>

                <Button
                    x:Name="ReCheckButton"
                    Height="40"
                    HorizontalAlignment="Right"
                    IsEnabled="False">
                    <StackPanel Orientation="Horizontal">
                        <Image
                            Width="20"
                            Height="20"
                            Margin="0,0,5,0"
                            Source="/Correlator;component/Image/tubiao_45.png" />
                        <TextBlock FontSize="18" Text="再次检查" />
                    </StackPanel>
                </Button>
            </Grid>

            <Grid Grid.Row="1">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto" />
                    <ColumnDefinition />
                </Grid.ColumnDefinitions>

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

                    <Image
                        Grid.Row="0"
                        Width="50"
                        Height="107"
                        Margin="30,0"
                        VerticalAlignment="Bottom"
                        Source="/Image/gl_icon11.png" />

                    <Button
                        x:Name="RedNextStepButton"
                        Grid.Row="1"
                        Height="35"
                        Margin="0,10"
                        VerticalAlignment="Top"
                        Content="下一步"
                        FontSize="18"
                        Style="{StaticResource ButtonPrimary}" />
                </Grid>

                <StackPanel
                    Grid.Column="1"
                    Margin="0,0,10,0"
                    VerticalAlignment="Center"
                    Orientation="Vertical">
                    <Border
                        Height="200"
                        BorderBrush="#d2d2d2"
                        BorderThickness="1"
                        CornerRadius="5">
                        <WrapPanel
                            Name="RedResponsePanel"
                            Margin="10"
                            HorizontalAlignment="Center"
                            VerticalAlignment="Center" />
                    </Border>

                    <hc:StepBar x:Name="RedSensorStepBar" Margin="0,10">
                        <hc:StepBarItem
                            Content="准备"
                            FontSize="14"
                            Foreground="{StaticResource DarkPrimaryBrush}" />
                        <hc:StepBarItem
                            Content="点名"
                            FontSize="14"
                            Foreground="{StaticResource DarkPrimaryBrush}" />
                        <hc:StepBarItem
                            Content="检查"
                            FontSize="14"
                            Foreground="{StaticResource DarkPrimaryBrush}" />
                        <hc:StepBarItem
                            Content="完成"
                            FontSize="14"
                            Foreground="{StaticResource DarkPrimaryBrush}" />
                    </hc:StepBar>
                </StackPanel>
            </Grid>

            <Grid Grid.Row="2">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto" />
                    <ColumnDefinition />
                </Grid.ColumnDefinitions>

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

                    <Image
                        Grid.Row="0"
                        Width="50"
                        Height="107"
                        Margin="30,0"
                        VerticalAlignment="Bottom"
                        Source="/Image/gl_icon6.png" />

                    <Button
                        x:Name="BlueNextStepButton"
                        Grid.Row="1"
                        Height="35"
                        Margin="0,10"
                        VerticalAlignment="Top"
                        Content="下一步"
                        FontSize="18"
                        IsEnabled="{Binding ElementName=RedSensorStepBar, Path=StepIndex, Converter={StaticResource StepButtonStateConverter}}"
                        Style="{StaticResource ButtonPrimary}" />
                </Grid>

                <StackPanel
                    Grid.Column="1"
                    Margin="0,0,10,0"
                    VerticalAlignment="Center"
                    Orientation="Vertical">
                    <Border
                        Height="200"
                        BorderBrush="#d2d2d2"
                        BorderThickness="1"
                        CornerRadius="5">
                        <WrapPanel
                            Name="BlueResponsePanel"
                            Margin="10"
                            HorizontalAlignment="Center"
                            VerticalAlignment="Center" />
                    </Border>

                    <hc:StepBar x:Name="BlueSensorStepBar" Margin="0,10">
                        <hc:StepBarItem
                            Content="准备"
                            FontSize="14"
                            Foreground="{StaticResource DarkPrimaryBrush}" />
                        <hc:StepBarItem
                            Content="点名"
                            FontSize="14"
                            Foreground="{StaticResource DarkPrimaryBrush}" />
                        <hc:StepBarItem
                            Content="检查"
                            FontSize="14"
                            Foreground="{StaticResource DarkPrimaryBrush}" />
                        <hc:StepBarItem
                            Content="完成"
                            FontSize="14"
                            Foreground="{StaticResource DarkPrimaryBrush}" />
                    </hc:StepBar>
                </StackPanel>
            </Grid>
        </Grid>
    </Border>
</Window>