<UserControl xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:vm="using:DodoSSH.Client.Shell.ViewModels"
             x:Class="DodoSSH.Client.App.Views.KnownHostsScreen"
             x:DataType="vm:KnownHostsViewModel">

  <!--
    The host keys this keychain has approved.

    These were a category on the keychain screen, alongside SSH keys and passwords, and they do not belong
    there: the other two are things a person creates and edits, and a pin is a decision recorded at the
    moment of connecting. Nobody goes looking for one in a list of credentials. They are also the only items
    with a workflow of their own — compare a fingerprint against what the operator published — and that
    workflow needs a filter and a column layout the shared table could not give them.

    The data layer did not move and did not change. Every pin is still a vault item, still end-to-end
    encrypted, still synced; see KnownHostSecret. What is here is a screen over VaultViewModel.KnownHostPins.

    v5c-3: restyled against KnownHosts.dc.html — still a main-chrome screen (the rail's own Keys item stays
    the way in), a 40px back arrow to Keychain rather than the old link inside it, a bordered radius-12
    container in place of the plain list-and-sidebar split, and a Copy fingerprint button beside Withdraw
    pin. Everything the screen could do before still can: Filter, Selected, ForgetSelectedCommand and the
    provenance notes below are unchanged, just repainted.
  -->

  <UserControl.Styles>
    <!--
      A row, not a card: Track fill on hover, Track fill plus an accent ring on the selected one, matching
      the design's own "selected = Track bg + accent ring, hover Track" — the same idiom SnippetsScreen's
      own ListBox.snipcards uses, at this design's own 8px radius rather than that one's 10.
    -->
    <Style Selector="ListBox.pinrows > ListBoxItem /template/ ContentPresenter#PART_ContentPresenter">
      <Setter Property="CornerRadius" Value="8" />
      <Setter Property="BorderThickness" Value="1" />
      <Setter Property="BorderBrush" Value="Transparent" />
    </Style>
    <Style Selector="ListBox.pinrows > ListBoxItem:pointerover /template/ ContentPresenter#PART_ContentPresenter">
      <Setter Property="Background" Value="{StaticResource Track}" />
    </Style>
    <Style Selector="ListBox.pinrows > ListBoxItem:selected /template/ ContentPresenter#PART_ContentPresenter">
      <Setter Property="Background" Value="{StaticResource Track}" />
      <Setter Property="BorderBrush" Value="{StaticResource Accent}" />
    </Style>
    <Style Selector="ListBox.pinrows > ListBoxItem:selected:pointerover /template/ ContentPresenter#PART_ContentPresenter">
      <Setter Property="Background" Value="{StaticResource Track}" />
      <Setter Property="BorderBrush" Value="{StaticResource Accent}" />
    </Style>
  </UserControl.Styles>

  <Grid RowDefinitions="Auto,Auto,*" Margin="26">

    <!-- ============ HEADER ============ -->
    <Grid Grid.Row="0" ColumnDefinitions="Auto,Auto,Auto,*,Auto">
      <Button Grid.Column="0" Classes="ghost" Width="40" Height="40" Padding="0"
              Command="{Binding BackCommand}" ToolTip.Tip="Back to Keychain">
        <TextBlock FontFamily="{StaticResource IconFont}" Text="&#xE5C4;" FontSize="17"
                   Foreground="{StaticResource TextFaint}" HorizontalAlignment="Center"
                   VerticalAlignment="Center" />
      </Button>
      <TextBlock Grid.Column="1" Text="Host keys" FontSize="33" FontWeight="Bold" LetterSpacing="-0.5"
                 Foreground="{StaticResource Text}" VerticalAlignment="Center" Margin="14,0,0,0" />
      <Border Grid.Column="2" MinWidth="30" Height="26" CornerRadius="8" Padding="8,0" Margin="12,0,0,0"
              Background="{StaticResource Chip}" VerticalAlignment="Center" IsVisible="{Binding HasPins}">
        <TextBlock Classes="mono" Text="{Binding Count}" FontSize="12.5" FontWeight="SemiBold"
                   Foreground="{StaticResource TextDim}" HorizontalAlignment="Center"
                   VerticalAlignment="Center" />
      </Border>
      <!--
        Matches fingerprints as well as host names, which is the point of it. What somebody does with
        this screen is check whether a published SHA256:… is the one they approved, and searching only
        by name would answer a different question.
      -->
      <TextBox Grid.Column="4" x:Name="PinFilter" Text="{Binding Filter}" Width="320" Height="40"
               PlaceholderText="filter by host or fingerprint" VerticalAlignment="Center" />
    </Grid>

    <TextBlock Grid.Row="1" Classes="hint" FontSize="12" Margin="0,10,0,0" TextWrapping="Wrap"
               Text="Every pin is a decision recorded at the moment of connecting. Fingerprints are never trimmed — compare them character by character against what the operator published." />

    <!-- ============ THE TABLE ============ -->
    <Border Grid.Row="2" Margin="0,18,0,0" CornerRadius="12" BorderBrush="{StaticResource Border}"
            BorderThickness="1" ClipToBounds="True">
      <Grid ColumnDefinitions="*,320">

        <Grid Grid.Column="0" Background="{StaticResource Pane}" RowDefinitions="Auto,*">

          <Border Grid.Row="0" Padding="24,14,24,10" BorderBrush="{StaticResource Border}"
                  BorderThickness="0,0,0,1" IsVisible="{Binding HasVisiblePins}">
            <Grid ColumnDefinitions="2,1.4*,58,104,*,96">
              <TextBlock Grid.Column="1" Classes="label" Text="HOST" FontSize="9.5" LetterSpacing="1"
                         Margin="12,0,8,0" />
              <TextBlock Grid.Column="2" Classes="label" Text="PORT" FontSize="9.5" LetterSpacing="1" />
              <TextBlock Grid.Column="3" Classes="label" Text="ALGORITHM" FontSize="9.5" LetterSpacing="1" />
              <TextBlock Grid.Column="4" Classes="label" Text="FINGERPRINT" FontSize="9.5" LetterSpacing="1" />
              <TextBlock Grid.Column="5" Classes="label" Text="APPROVED" FontSize="9.5" LetterSpacing="1" />
            </Grid>
          </Border>

          <ListBox Grid.Row="1" x:Name="PinList" Classes="pinrows" Focusable="True" Margin="12,8"
                   ItemsSource="{Binding VisiblePins}" SelectedItem="{Binding Selected}">
            <ListBox.ItemTemplate>
              <DataTemplate x:DataType="vm:KnownHostRowViewModel">
                <Grid ColumnDefinitions="2,1.4*,58,104,*,96" Margin="12">
                  <Border Grid.Column="0" Classes="rowmark" />
                  <TextBlock Grid.Column="1" Classes="mono" Text="{Binding Host}" FontSize="12.5"
                             FontWeight="Medium" Foreground="{StaticResource Text}" Margin="12,0,8,0"
                             TextTrimming="CharacterEllipsis" VerticalAlignment="Center" />
                  <TextBlock Grid.Column="2" Classes="mono" Text="{Binding Port}" FontSize="11"
                             Foreground="{StaticResource TextDim}" VerticalAlignment="Center" />
                  <TextBlock Grid.Column="3" Classes="mono" Text="{Binding Algorithm}" FontSize="10.5"
                             Foreground="{StaticResource TextDim}" Margin="0,0,8,0"
                             TextTrimming="CharacterEllipsis" VerticalAlignment="Center" />
                  <!--
                    Never trimmed, and this column is why the table is laid out the way it is. The only thing
                    anybody does with a fingerprint is compare it character by character against one an
                    operator published; an ellipsis in the middle turns that into a glance, which is the habit
                    the whole mechanism exists to replace.
                  -->
                  <TextBlock Grid.Column="4" Classes="mono" Text="{Binding Fingerprint}" FontSize="10.5"
                             Foreground="{StaticResource TextFaint}" Margin="0,0,8,0"
                             VerticalAlignment="Center" />
                  <TextBlock Grid.Column="5" Classes="mono" Text="{Binding Approved}" FontSize="10.5"
                             Foreground="{StaticResource TextFaint}" VerticalAlignment="Center" />
                </Grid>
              </DataTemplate>
            </ListBox.ItemTemplate>
          </ListBox>

          <TextBlock Grid.Row="1" Classes="hint" Text="{Binding EmptyMessage}" FontSize="12"
                     Margin="24" HorizontalAlignment="Center" VerticalAlignment="Center"
                     TextAlignment="Center" MaxWidth="340" IsVisible="{Binding !HasVisiblePins}" />

        </Grid>

        <!-- ============ DETAIL SIDEBAR ============ -->
        <Border Grid.Column="1" Background="{StaticResource Sidebar}"
                BorderBrush="{StaticResource Border}" BorderThickness="1,0,0,0">
          <ScrollViewer>
            <StackPanel Margin="20,22" Spacing="14">

              <TextBlock Classes="hint" FontSize="12"
                         Text="Choose a pinned key to see it in full, and to withdraw it."
                         IsVisible="{Binding !HasSelection}" />

              <StackPanel Spacing="14" IsVisible="{Binding HasSelection}">

                <StackPanel Orientation="Horizontal" Spacing="12">
                  <Border Width="36" Height="36" CornerRadius="10" Background="{StaticResource AccentSoft}">
                    <TextBlock FontFamily="{StaticResource IconFont}" Text="&#xE90D;" FontSize="17"
                               Foreground="{StaticResource AccentText}" HorizontalAlignment="Center"
                               VerticalAlignment="Center" />
                  </Border>
                  <StackPanel Spacing="4" VerticalAlignment="Center">
                    <TextBlock Classes="mono" Text="{Binding Selected.Host}" FontSize="13.5" FontWeight="Bold"
                               Foreground="{StaticResource Text}" TextWrapping="Wrap" />
                    <TextBlock Classes="mono" Text="{Binding Selected.Label}" FontSize="10.5"
                               Foreground="{StaticResource TextDim}" TextWrapping="Wrap" />
                  </StackPanel>
                </StackPanel>

                <Border Classes="chip warn" Background="{StaticResource WarnWash}" HorizontalAlignment="Left"
                        IsVisible="{Binding !Selected.IsDialledByAHost}">
                  <TextBlock Text="no host uses this" />
                </Border>

                <StackPanel Spacing="6">
                  <TextBlock Classes="label" Text="FINGERPRINT" />
                  <Border Background="{StaticResource Pane}" BorderBrush="{StaticResource Border}"
                          BorderThickness="1" CornerRadius="10" Padding="12,10">
                    <SelectableTextBlock Classes="mono" Text="{Binding Selected.Fingerprint}"
                                         FontSize="10.5" Foreground="{StaticResource TextDim}"
                                         TextWrapping="Wrap" LineHeight="16" />
                  </Border>
                </StackPanel>

                <StackPanel Spacing="6">
                  <TextBlock Classes="label" Text="APPROVED" />
                  <TextBlock Classes="mono" Text="{Binding Selected.Approved}" FontSize="11.5"
                             Foreground="{StaticResource TextDim}" TextWrapping="Wrap" />
                  <!--
                    Said rather than implied. No vault item carries a timestamp, so this date is read back out
                    of the item's own version 7 id — which records when the pin was created and knows nothing
                    about it being re-approved since. Presenting that as "last used" would be inventing a fact.
                  -->
                  <TextBlock Classes="hint" FontSize="10.5" TextWrapping="Wrap"
                             Text="Taken from the item's identifier, so it is when this key was first approved — not when it was last checked. Nothing here records that." />
                </StackPanel>

                <!--
                  ◆ VAULT. Real, not decorative — KnownHostRowViewModel.VaultName comes off the same
                  VaultId/VaultName pair HostRowViewModel carries, so this chip never names a vault the pin
                  is not actually stored in.
                -->
                <StackPanel Spacing="6">
                  <TextBlock Classes="label" Text="VAULT" />
                  <Border Classes="chip" HorizontalAlignment="Left">
                    <TextBlock Text="{Binding Selected.VaultName}" />
                  </Border>
                </StackPanel>

                <TextBlock Classes="hint" FontSize="10.5" TextWrapping="Wrap" Margin="0,4,0,0"
                           Text="A pin outlives whatever it was approved for: deleting a host leaves it, and so does changing a host's address. That is deliberate — trust is about the endpoint, not the bookmark." />

                <StackPanel Spacing="8" Margin="0,10,0,0">
                  <Button Classes="ghost" Height="38" HorizontalAlignment="Stretch"
                          Content="COPY FINGERPRINT" Command="{Binding CopyFingerprintCommand}"
                          ToolTip.Tip="Fingerprints are public. Puts it on the clipboard in full." />
                  <Button Classes="danger" Height="38" HorizontalAlignment="Stretch"
                          Content="WITHDRAW PIN" Command="{Binding ForgetSelectedCommand}"
                          ToolTip.Tip="Withdraws trust. The next connection to this endpoint asks you to check the fingerprint again, which is the safe direction to be wrong in — and it is the way back from a server that was legitimately rebuilt." />
                  <TextBlock Classes="hint" FontSize="10.5" TextWrapping="Wrap" TextAlignment="Center"
                             Text="The next connection will ask you to approve this host's key again." />
                </StackPanel>

              </StackPanel>

            </StackPanel>
          </ScrollViewer>
        </Border>

      </Grid>
    </Border>

  </Grid>

</UserControl>
