<Page
    x:Class="SmartCharging.MapPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:SmartCharging"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    xmlns:converter="using:SmartCharging.Converter"
    xmlns:maps="using:Windows.UI.Xaml.Controls.Maps"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">

    <Page.Resources>
        <converter:VisibilityConverter x:Key="visibilityConverter" ></converter:VisibilityConverter>
        <Flyout x:Key="ImagePreviewFlyout" Placement="Left" x:Name="ImagePreviewFlyout" FlyoutPresenterStyle="{StaticResource FlyoutPresenterStyleDefault}">
            <!-- The DataContext of the Image that the flyout is attached to must be the Image's Source. -->
            <Image x:ConnectionId='1' Source="{Binding }" MaxHeight="400" MaxWidth="400" Stretch="Uniform" VerticalAlignment="Center" HorizontalAlignment="Center"                              />
          
        </Flyout>

    </Page.Resources>
    <ScrollViewer ScrollViewer.VerticalScrollBarVisibility="Visible" VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
        <Grid  x:Name="LayoutRoot" Background="White" MinHeight="650">

            <Grid.ChildrenTransitions>
                <TransitionCollection>
                    <EntranceThemeTransition/>
                </TransitionCollection>
            </Grid.ChildrenTransitions>

            <Grid.RowDefinitions>
                <RowDefinition Height="450"/>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>


            <maps:MapControl
            x:Name="MapControl"
            VerticalAlignment="Stretch"
            HorizontalAlignment="Stretch"
            MapServiceToken="nB2lyDpm91b5cTiMGd7lyw"
            Margin="0,0,0,0" >

                <maps:MapItemsControl x:Name="MapItemsControl">
                    <maps:MapItemsControl.ItemTemplate>
                        <DataTemplate>
                            <StackPanel Background="#00000000" maps:MapControl.NormalizedAnchorPoint="{Binding NormalizedPoint}" maps:MapControl.Location="{Binding Position}">
                                <Button x:ConnectionId='4' Style="{StaticResource ButtonPOIStyle}"                                                     ></Button>
                            </StackPanel>
                        </DataTemplate>
                    </maps:MapItemsControl.ItemTemplate>
                </maps:MapItemsControl>

            </maps:MapControl>

            <Border Grid.Row="0" VerticalAlignment="Bottom" MaxHeight="50" Margin="20,0,20,20" Background="#AAFFFFFF" Visibility="{Binding Address, Converter={StaticResource visibilityConverter}, TargetNullValue=Collapsed, FallbackValue=Collapsed }">
                <TextBlock x:Name="AddressBox" Text="{Binding Address}" Foreground="#FF666666" FontSize="17" FontWeight="SemiBold" IsDoubleTapEnabled="False" IsHoldingEnabled="False" IsRightTapEnabled="False" IsTapEnabled="False" TextAlignment="Center" Padding="8"/>
            </Border>
           
            <Border Grid.Row="1" Background="White" VerticalAlignment="Stretch">
                <Grid  x:Name="SelectedSiteDetailsContainer" Margin="0,15,0,0" >
                    <Grid.RowDefinitions>
                        <RowDefinition Height="140"></RowDefinition>
                        <!--image/name/type/n° of chargers-->
                        <RowDefinition Height="Auto"></RowDefinition>
                        <!--description-->
                        <RowDefinition Height="Auto"></RowDefinition>
                        <!--button write review-->
                        <RowDefinition Height="Auto"></RowDefinition>
                        <!--images-->
                        <RowDefinition Height="Auto"></RowDefinition>
                        <!--reviews-->
                        <!--images-->
                        <!--description-->
                    </Grid.RowDefinitions>

                    <Grid Grid.Row="0" Margin="40,0">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="*"></RowDefinition>
                            <RowDefinition Height="*"></RowDefinition>
                            <RowDefinition Height="2*"></RowDefinition>
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*"></ColumnDefinition>
                            <ColumnDefinition Width="3*"></ColumnDefinition>
                        </Grid.ColumnDefinitions>

                        <Ellipse Grid.Row="0" Grid.RowSpan="2" Grid.Column="0" Height="65" Width="65" VerticalAlignment="Center" HorizontalAlignment="Center">
                            <Ellipse.Fill>
                                <ImageBrush  ImageSource="{Binding IconImageUrl}" >
                                </ImageBrush>
                            </Ellipse.Fill>
                        </Ellipse>

                        <StackPanel Grid.Row="0" Grid.RowSpan="2" Grid.Column="1" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="10,0,0,0" >
                            <TextBlock Text="{Binding Name}" Foreground="#FF666666" FontSize="20" FontWeight="SemiBold" Padding="2" TextWrapping="WrapWholeWords"></TextBlock>
                            <TextBlock Text="{Binding Type.Label}"  Foreground="#FF666666" FontSize="15" Padding="2" IsHoldingEnabled="False" IsRightTapEnabled="False" IsHitTestVisible="False" IsTapEnabled="False" IsDoubleTapEnabled="False" IsColorFontEnabled="False"></TextBlock>
                        </StackPanel>

                        <local:ChargeRating Grid.Row="2" Grid.ColumnSpan="1" Grid.Column="1" Value="{Binding Rating}" ></local:ChargeRating>


                    </Grid>

                    <TextBlock  Margin="40,5" TextWrapping="WrapWholeWords" Text="{Binding Description}" Grid.Row="1" Foreground="#FF666666" FontSize="16"></TextBlock>

                    <Button x:ConnectionId='2' x:Name="WriteReviewButton" x:Uid="WriteReviewButton" Grid.Row="2" Grid.Column="1" Grid.ColumnSpan="2"  BorderBrush="#FF564966" Content="Scrivi una recensione"  Foreground="#FF564966" Margin="40,5" Height="64" Style="{StaticResource ButtonStyleFlat}" VerticalAlignment="Top"  Visibility="{Binding Address, Converter={StaticResource visibilityConverter}, TargetNullValue=Collapsed, FallbackValue=Collapsed }"                                  />

                    <ListView x:Name="SiteImageList" ItemsSource="{Binding SiteImageUrls}" Grid.Row="3" VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
                        <ListView.ItemsPanel>
                            <ItemsPanelTemplate>
                                <WrapGrid MaximumRowsOrColumns="2"   ItemWidth="180" ItemHeight="140" Orientation="Horizontal" HorizontalAlignment="Center"></WrapGrid>
                            </ItemsPanelTemplate>
                        </ListView.ItemsPanel>
                        <ListView.ItemTemplate>
                            <DataTemplate>
                                <Image x:ConnectionId='3'  Source="{Binding }" Width="200" Margin="7" FlyoutBase.AttachedFlyout="{StaticResource ImagePreviewFlyout}"                       ></Image>
                            </DataTemplate>
                        </ListView.ItemTemplate>

                       </ListView>


                    <ListView x:Name="ReviewList" ItemsSource="{Binding ReviewList}" Grid.Row="4"  HorizontalAlignment="Stretch">
                        <ListView.ItemsPanel>
                            <ItemsPanelTemplate>
                                <StackPanel Orientation="Vertical" HorizontalAlignment="Stretch"></StackPanel>
                            </ItemsPanelTemplate>
                        </ListView.ItemsPanel>
                        <ListView.ItemTemplate>
                            <DataTemplate>
                                <Grid Margin="40,30" MinWidth="320">
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="Auto"></RowDefinition>
                                        <RowDefinition Height="Auto"></RowDefinition>
                                    </Grid.RowDefinitions>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="3*"></ColumnDefinition>
                                        <ColumnDefinition Width="4*"></ColumnDefinition>
                                    </Grid.ColumnDefinitions>
                                    <TextBlock Text="{Binding ReviewerName}" Foreground="#FF666666" FontSize="20" Padding="2" TextWrapping="WrapWholeWords" Grid.Row="0" Grid.Column="0" TextTrimming="CharacterEllipsis"></TextBlock>
                                    <local:ChargeRating Grid.Row="0" Grid.Column="1" HorizontalAlignment="Right" HorizontalContentAlignment="Right" Value="{Binding Rating}"></local:ChargeRating>
                                    <TextBlock  TextWrapping="WrapWholeWords" Text="{Binding Description}" Grid.Row="1" Grid.ColumnSpan="2" Foreground="#FF666666" FontSize="16" Margin="0,15,0,0"></TextBlock>

                                </Grid>
                            </DataTemplate>
                        </ListView.ItemTemplate>
                    </ListView>
                
                   
                </Grid>


            </Border>


            <ProgressRing x:Name="Loader" IsActive="True" Grid.RowSpan="100" Grid.ColumnSpan="100" Background="#99000000" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" IsHitTestVisible="True" Visibility="Collapsed" Foreground="#FF2CDAFF" MinHeight="650"/>

        </Grid>
    </ScrollViewer>
    
    



</Page>