<UserControl xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:views="using:DodoSSH.Client.Android.Views"
             x:Class="DodoSSH.Client.Android.Views.PendingScreen"
             Background="{StaticResource Canvas}">

  <!--
    The phone's counterpart of the desktop head's NotBuiltScreen, and it exists for the same reason: a
    screen that is not built says so, in its own words, rather than being dropped from the shell or filled
    with plausible-looking data. See README — nothing here is rendered with invented data.

    Two properties rather than a shared string, because the copy is written per state. "No items" would be
    the exact failure this control is here to avoid.

    The two properties are read off this control by $parent rather than by binding to its DataContext, and
    there is no x:DataType here for the same reason: this control must NOT own its data context. Setting one
    is what broke the phone's navigation — see the code-behind, which is where that story is written down.
  -->

  <ScrollViewer>
    <StackPanel VerticalAlignment="Center" Margin="24,48" Spacing="12">

      <!--
        The same filled tile the rest of the head draws since v2, at the same 44 and the same 14 — and
        drained rather than recoloured. Accent on this screen would be the shell's one "this is what the
        screen wants you to do" colour spent on the one screen that wants nothing, so the tile is Raised
        and the glyph stays TextFaint. The shape says which application this is; the colour says the
        screen is inert, which is the whole message.
      -->
      <Border Width="44" Height="44" CornerRadius="14" Background="{StaticResource Raised}"
              HorizontalAlignment="Left">
        <TextBlock Text="&gt;_" Foreground="{StaticResource TextFaint}" FontFamily="{StaticResource MonoFont}"
                   FontSize="16" FontWeight="Bold"
                   HorizontalAlignment="Center" VerticalAlignment="Center" />
      </Border>

      <TextBlock Text="{Binding $parent[views:PendingScreen].Heading}" Foreground="{StaticResource Text}"
                 FontFamily="{StaticResource MonoFont}" FontSize="14" FontWeight="SemiBold"
                 TextWrapping="Wrap" />

      <TextBlock Text="{Binding $parent[views:PendingScreen].Detail}" Foreground="{StaticResource TextDim}"
                 FontFamily="{StaticResource MonoFont}" FontSize="11" LineHeight="19"
                 TextWrapping="Wrap" />

    </StackPanel>
  </ScrollViewer>

</UserControl>
