<Page x:Class="XFEEDToolBox.Views.SystemMapCataloguePage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:controls="using:XFEEDToolBox.Controls" xmlns:rows="using:XFEEDToolBox.Core.Presentation">
 <Grid>
  <controls:LocalSystemMapView x:Name="SystemMap"/>
  <Grid Margin="16" VerticalAlignment="Top" ColumnSpacing="14"><Grid.ColumnDefinitions><ColumnDefinition Width="Auto"/><ColumnDefinition Width="*"/><ColumnDefinition Width="Auto"/></Grid.ColumnDefinitions>
   <Button Content="返回星图" Click="BackClicked" VerticalAlignment="Center"/>
   <StackPanel Grid.Column="1" Spacing="4"><TextBlock Text="SYSTEM ATLAS" Foreground="{StaticResource AccentBrush}" FontSize="11" CharacterSpacing="140"/><TextBlock Text="{x:Bind ViewModel.RemoteMapTitle,Mode=OneWay}" FontSize="25" FontWeight="SemiBold"/></StackPanel>
   <ProgressRing Grid.Column="2" Width="22" Height="22" IsActive="{x:Bind ViewModel.RemoteMapLoading,Mode=OneWay}" Visibility="{x:Bind ViewModel.RemoteMapLoading,Mode=OneWay,Converter={StaticResource BoolVisibility}}"/>
  </Grid>
  <Grid x:Name="Overlay" Margin="16,94,16,100" ColumnSpacing="14"><Grid.ColumnDefinitions><ColumnDefinition x:Name="CatalogueColumn" Width="285"/><ColumnDefinition Width="*"/><ColumnDefinition Width="250" x:Name="DetailsColumn"/></Grid.ColumnDefinitions>
   <Border Background="#F5101E2B" BorderBrush="#263B4D" BorderThickness="1" CornerRadius="12" Padding="12">
    <Grid RowSpacing="10"><Grid.RowDefinitions><RowDefinition Height="Auto"/><RowDefinition Height="Auto"/><RowDefinition Height="*"/></Grid.RowDefinitions>
     <TextBlock Text="星系内地点" FontSize="18" FontWeight="SemiBold"/>
     <TextBox Grid.Row="1" PlaceholderText="搜索天体或空间站" Text="{x:Bind ViewModel.RemoteMapSearch,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"/>
     <ListView x:Name="LocationsList" Grid.Row="2" ItemsSource="{x:Bind ViewModel.RemoteMapLocations}" SelectedItem="{x:Bind ViewModel.RemoteMapSelection,Mode=TwoWay}" SelectionChanged="LocationSelectionChanged" HorizontalContentAlignment="Stretch" SelectionMode="Single">
      <ListView.ItemContainerTransitions><TransitionCollection/></ListView.ItemContainerTransitions>
      <ListView.ItemTemplate><DataTemplate x:DataType="rows:SystemLocationLiveRow"><Grid Padding="2,8" ColumnSpacing="10"><Grid.ColumnDefinitions><ColumnDefinition Width="22"/><ColumnDefinition Width="*"/></Grid.ColumnDefinitions><controls:GameIcon IconKey="{x:Bind IconKey,Mode=OneWay}" Width="21" Height="21"/><StackPanel Grid.Column="1" Spacing="4"><TextBlock Text="{x:Bind Name,Mode=OneWay}" FontWeight="SemiBold" FontSize="13" TextTrimming="CharacterEllipsis" ToolTipService.ToolTip="{x:Bind Name,Mode=OneWay}"/><TextBlock Text="{x:Bind Details,Mode=OneWay}" FontSize="11" Foreground="{StaticResource MutedBrush}" TextTrimming="CharacterEllipsis"/></StackPanel></Grid></DataTemplate></ListView.ItemTemplate>
     </ListView>
    </Grid>
   </Border>
   <Border Grid.Column="2" VerticalAlignment="Top" Padding="16" Background="#F2132230" BorderBrush="#354C60" BorderThickness="1" CornerRadius="10"><StackPanel Spacing="12"><TextBlock Text="所选目的地" FontSize="11" Foreground="{StaticResource MutedBrush}"/><TextBlock Text="{x:Bind ViewModel.RemoteMapSelectionName,Mode=OneWay}" FontSize="21" FontWeight="SemiBold" TextWrapping="Wrap"/><TextBlock Text="{x:Bind ViewModel.RemoteMapSelectionDetails,Mode=OneWay}" FontSize="12" Foreground="{StaticResource MutedBrush}" TextWrapping="Wrap"/><TextBlock Text="{x:Bind ViewModel.RemoteMapActionHint,Mode=OneWay}" FontSize="12" TextWrapping="Wrap"/>
    <Button Content="跃迁并前往" controls:AsyncAction.Command="{x:Bind ViewModel.StartRemoteJourneyCommand}" controls:AsyncAction.CancelCommand="{x:Bind ViewModel.StopNavigationCommand}" controls:AsyncAction.IsRunning="{x:Bind ViewModel.NavigationActive,Mode=OneWay}" Style="{StaticResource AccentButtonStyle}" HorizontalAlignment="Stretch" HorizontalContentAlignment="Center"/>
   </StackPanel></Border>
  </Grid>
  <StackPanel HorizontalAlignment="Center" VerticalAlignment="Bottom" Orientation="Horizontal" Spacing="6" Margin="0,0,0,104"><Button Content="总览" Click="OverviewClicked"/><Button Content="聚焦" Click="FocusClicked"/><Button Content="−" Click="ZoomOutClicked"/><Button Content="＋" Click="ZoomInClicked"/></StackPanel>
  <Border Margin="16,0,16,12" VerticalAlignment="Bottom" Padding="12,9" Background="#F5101E2B" BorderBrush="#263B4D" BorderThickness="1" CornerRadius="8"><StackPanel Spacing="5"><TextBlock Text="{x:Bind ViewModel.RemoteMapStatus,Mode=OneWay}" FontSize="12" Foreground="{StaticResource MutedBrush}" TextWrapping="Wrap"/><TextBlock Text="{x:Bind ViewModel.NavigationStatus,Mode=OneWay}" FontSize="12" TextWrapping="Wrap"/></StackPanel></Border>
 </Grid>
</Page>
