<Window x:Class="AppTunnel.Views.HelpWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:views="clr-namespace:AppTunnel.Views"
        xmlns:services="clr-namespace:AppTunnel.Services"
        Title="راهنمای TunnelX"
        Width="620" Height="700"
        MinWidth="520" MinHeight="560"
        WindowStartupLocation="CenterOwner"
        WindowStyle="None"
        AllowsTransparency="True"
        Background="Transparent"
        FlowDirection="RightToLeft"
        MouseLeftButtonDown="OnTitleBarMouseDown">

    <Border Background="{StaticResource BackgroundBrush}"
            BorderBrush="{StaticResource CardBrush}"
            BorderThickness="1"
            CornerRadius="12">
        <Border.Effect>
            <DropShadowEffect Color="Black" BlurRadius="20" Opacity="0.5" ShadowDepth="0"/>
        </Border.Effect>

        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>

            <Border Grid.Row="0"
                    Background="{StaticResource SurfaceBrush}"
                    CornerRadius="12,12,0,0"
                    Padding="16,12">
                <Grid FlowDirection="LeftToRight">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto"/>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="Auto"/>
                    </Grid.ColumnDefinitions>

                    <StackPanel Grid.Column="0" Orientation="Horizontal">
                        <Viewbox Width="30" Height="30" Margin="0,0,10,0">
                            <Canvas Width="48" Height="48">
                                <Rectangle Width="48" Height="48" RadiusX="8" RadiusY="8"
                                           Fill="{StaticResource PrimaryBrush}"/>
                                <TextBlock Text="Tx" FontSize="24" FontWeight="Bold"
                                           Foreground="White" Canvas.Left="6" Canvas.Top="8"
                                           FontFamily="Segoe UI"/>
                            </Canvas>
                        </Viewbox>
                        <StackPanel VerticalAlignment="Center">
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Text="Tunnel" FontSize="17" FontWeight="Bold"
                                           Foreground="{StaticResource TextPrimaryBrush}"/>
                                <TextBlock Text="X" FontSize="17" FontWeight="Bold"
                                           Foreground="{StaticResource AccentBrush}"/>
                            </StackPanel>
                            <TextBlock Text="{x:Static services:AppInfo.VersionText}"
                                       FontSize="10"
                                       Foreground="{StaticResource TextSecondaryBrush}"/>
                        </StackPanel>
                    </StackPanel>

                    <TextBlock Grid.Column="1"
                               Text="راهنما و عیب‌یابی"
                               FontSize="13"
                               FontWeight="SemiBold"
                               Foreground="{StaticResource TextPrimaryBrush}"
                               HorizontalAlignment="Center"
                               VerticalAlignment="Center"/>

                    <Button Grid.Column="2"
                            Content="✕"
                            Click="OnCloseClick"
                            Style="{StaticResource WindowControlButton}"
                            Width="36" Height="28"
                            FontSize="14"/>
                </Grid>
            </Border>

            <views:HelpTabView Grid.Row="1"/>
        </Grid>
    </Border>
</Window>
