<UserControl x:Class="MainShell.Recipe.View.ProcessRecipeView"
             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:MainShell.Recipe.View"
             mc:Ignorable="d" 
             d:DesignHeight="720" d:DesignWidth="1180">
    <UserControl.Resources>
        <SolidColorBrush x:Key="ProcessRecipePageBackgroundBrush" Color="#F4F7FB"/>
        <SolidColorBrush x:Key="ProcessRecipeTabBorderBrush" Color="#D6E0EA"/>
        <SolidColorBrush x:Key="ProcessRecipeTabHeaderBrush" Color="#425466"/>
        <SolidColorBrush x:Key="ProcessRecipeTabHoverBrush" Color="#F4F8FE"/>
        <SolidColorBrush x:Key="ProcessRecipeTabSelectedBrush" Color="#FFFFFF"/>
        <SolidColorBrush x:Key="ProcessRecipeTabAccentBrush" Color="#2E5FA7"/>

        <Style x:Key="ProcessRecipeTabItemStyle" TargetType="TabItem">
            <Setter Property="Padding" Value="28,12"/>
            <Setter Property="Foreground" Value="{StaticResource ProcessRecipeTabHeaderBrush}"/>
            <Setter Property="FontWeight" Value="SemiBold"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="TabItem">
                        <Border x:Name="TabBorder"
                                Background="#E9EEF4"
                                BorderBrush="{StaticResource ProcessRecipeTabBorderBrush}"
                                BorderThickness="1,1,1,0"
                                Margin="0,0,6,0"
                                Padding="{TemplateBinding Padding}">
                            <ContentPresenter HorizontalAlignment="Center"
                                              VerticalAlignment="Center"
                                              ContentSource="Header"/>
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter TargetName="TabBorder" Property="Background" Value="{StaticResource ProcessRecipeTabHoverBrush}"/>
                            </Trigger>
                            <Trigger Property="IsSelected" Value="True">
                                <Setter TargetName="TabBorder" Property="Background" Value="{StaticResource ProcessRecipeTabSelectedBrush}"/>
                                <Setter TargetName="TabBorder" Property="BorderBrush" Value="{StaticResource ProcessRecipeTabAccentBrush}"/>
                                <Setter Property="Foreground" Value="{StaticResource ProcessRecipeTabAccentBrush}"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </UserControl.Resources>
    <Grid Background="{StaticResource ProcessRecipePageBackgroundBrush}">
        <Border Margin="12"
                Background="White"
                BorderBrush="{StaticResource ProcessRecipeTabBorderBrush}"
                BorderThickness="1">
            <TabControl Background="Transparent"
                        BorderThickness="0"
                        ItemContainerStyle="{StaticResource ProcessRecipeTabItemStyle}">
                <TabItem Header="PID参数">
                    <local:PidRecipeEditorView/>
                </TabItem>
                <TabItem Header="补偿参数">
                    <local:ProcessCompensationView DataContext="{Binding ProcessCompensationViewModel}"/>
                </TabItem>
            </TabControl>
        </Border>
    </Grid>
</UserControl>
