<Window xmlns="https://github.com/avaloniaui"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        x:Class="MarkdownEditor.Views.SaveConfirmationDialog"
        Title="Save Changes?"
        Width="480" Height="220"
        CanResize="False"
        WindowStartupLocation="CenterOwner"
        Background="#1E1E1E"
        BorderBrush="#3E3E42"
        BorderThickness="1">

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

        <!-- Icon and Message -->
        <StackPanel Grid.Row="0" 
                    Orientation="Horizontal" 
                    Spacing="20"
                    Margin="0,0,0,25">
            <!-- Warning Icon -->
            <Border Width="48" 
                    Height="48" 
                    Background="#4A90E2"
                    CornerRadius="24"
                    VerticalAlignment="Top"
                    Margin="0,5,0,0">
                <TextBlock Text="⚠"
                          FontSize="28"
                          Foreground="White"
                          HorizontalAlignment="Center"
                          VerticalAlignment="Center"/>
            </Border>

            <!-- Message Text -->
            <TextBlock x:Name="MessageText"
                       Grid.Row="0"
                       Foreground="#D4D4D4"
                       FontSize="15"
                       FontWeight="Normal"
                       TextWrapping="Wrap"
                       VerticalAlignment="Center"
                       LineHeight="22"/>
        </StackPanel>

        <!-- Buttons -->
        <StackPanel Grid.Row="2"
                    Orientation="Horizontal"
                    HorizontalAlignment="Right"
                    Spacing="12"
                    Margin="0,20,0,0">
            <!-- Don't Save Button -->
            <Button Content="Don't Save"
                    Click="OnDontSave"
                    Padding="20,10"
                    MinWidth="110"
                    Background="#2D2D2D"
                    Foreground="#CCCCCC"
                    BorderBrush="#3E3E42"
                    BorderThickness="1"
                    CornerRadius="4"
                    Cursor="Hand">
                <Button.Styles>
                    <Style Selector="Button:pointerover">
                        <Setter Property="Background" Value="#3E3E42"/>
                    </Style>
                    <Style Selector="Button:pressed">
                        <Setter Property="Background" Value="#505050"/>
                    </Style>
                </Button.Styles>
            </Button>

            <!-- Cancel Button -->
            <Button Content="Cancel"
                    Click="OnCancel"
                    Padding="20,10"
                    MinWidth="110"
                    Background="#2D2D2D"
                    Foreground="#CCCCCC"
                    BorderBrush="#3E3E42"
                    BorderThickness="1"
                    CornerRadius="4"
                    Cursor="Hand">
                <Button.Styles>
                    <Style Selector="Button:pointerover">
                        <Setter Property="Background" Value="#3E3E42"/>
                    </Style>
                    <Style Selector="Button:pressed">
                        <Setter Property="Background" Value="#505050"/>
                    </Style>
                </Button.Styles>
            </Button>

            <!-- Save Button (Primary) -->
            <Button Content="Save"
                    Click="OnSave"
                    Padding="20,10"
                    MinWidth="110"
                    Background="#4A90E2"
                    Foreground="White"
                    BorderThickness="0"
                    CornerRadius="4"
                    FontWeight="SemiBold"
                    IsDefault="True"
                    Cursor="Hand">
                <Button.Styles>
                    <Style Selector="Button:pointerover">
                        <Setter Property="Background" Value="#5BA0F2"/>
                    </Style>
                    <Style Selector="Button:pressed">
                        <Setter Property="Background" Value="#3A80D2"/>
                    </Style>
                </Button.Styles>
            </Button>
        </StackPanel>
    </Grid>
</Window>
