<UserControl xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:dialogs="clr-namespace:GalaxyBudsClient.Interface.ViewModels.Dialogs"
             xmlns:ui="clr-namespace:FluentAvalonia.UI.Controls;assembly=FluentAvalonia"
             xmlns:ext="clr-namespace:GalaxyBudsClient.Interface.MarkupExtensions"
             xmlns:i18N="clr-namespace:GalaxyBudsClient.Generated.I18N"
             xmlns:model="clr-namespace:GalaxyBudsClient.Platform.Model;assembly=GalaxyBudsClient.Platform"
             mc:Ignorable="d"
             Padding="0, 5, 0, 0"
             x:CompileBindings="True"
             x:DataType="dialogs:ManualPairDialogViewModel"
             x:Class="GalaxyBudsClient.Interface.Dialogs.ManualPairDialog">

    <Design.DataContext>
        <dialogs:ManualPairDialogViewModel />
    </Design.DataContext>

  <StackPanel MinWidth="400" Spacing="16">
        <StackPanel Spacing="12">
            <TextBlock Text="{ext:Translate {x:Static i18N:Keys.ManualpairTitleDialog}}"
                       TextWrapping="Wrap" />
            <ComboBox DisplayMemberBinding="{Binding Name, DataType=model:BluetoothDevice}"
                      ItemsSource="{Binding Devices}"
                      SelectedValue="{Binding SelectedDevice}"
                      HorizontalAlignment="Stretch" />
        </StackPanel>

        <StackPanel Spacing="10">
            <TextBlock Text="{ext:Translate {x:Static i18N:Keys.ManualpairModel}}"
                       TextWrapping="Wrap" Margin="0,0,0,5" />
            <ComboBox Name="Model"
                      DisplayMemberBinding="{Binding ., Converter={StaticResource ModelNameConverter}}"
                      ItemsSource="{Binding Source={ext:ModelsBindingSource}}"
                      SelectedValue="{Binding SelectedModel}"
                      HorizontalAlignment="Stretch" />
        </StackPanel>
        
        <ui:InfoBar Title="{ext:Translate {x:Static i18N:Keys.Hint}}"
                    Message="{ext:Translate {x:Static i18N:Keys.ManualpairNote}}"
                    IsOpen="True"
                    IsClosable="False"
                    Severity="Informational" />
    </StackPanel>
</UserControl>