<phone:PhoneApplicationPage 
    x:Class="NotizieTL.MainPage"
    xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="696" 
    d:DataContext="{d:DesignData SampleData/MainViewModelSampleData.xaml}"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait"  Orientation="Portrait"
    shell:SystemTray.IsVisible="True" Loaded="PhoneApplicationPage_Loaded" DataContext="{Binding}" LayoutUpdated="PhoneApplicationPage_LayoutUpdated" BackKeyPress="PhoneApplicationPage_BackKeyPress" >
    
   

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="Transparent">
        <Image Width="35" Height="35"  Margin="20,20,0,0" VerticalAlignment="Top" HorizontalAlignment="Left"  Source="/images/ic_logo_loader.png"></Image>
        <!--Pivot Control-->
        <controls:Pivot Title="       NOTIZIE TUTTO LAVORO" Margin="0,0,0,0" Foreground="{StaticResource PhoneAccentBrush}" x:Name="pivot" SelectionChanged="Pivot_SelectionChanged">

            <!--Pivot item one-->
            <controls:PivotItem Header="notizie">
                <!--Double line list with text wrapping-->
                <ListBox Name="feedListBoxNews1" Visibility="Collapsed" Margin="-12,-20,-12,0" ItemsSource="{Binding Items}" ScrollViewer.VerticalScrollBarVisibility="Auto" Hold="feedListBoxNews1_Hold" SelectionChanged="feedListBox_SelectionChanged" LayoutUpdated="feedListBoxNews1_LayoutUpdated" >

                    <ListBox.ItemTemplate>
                        <DataTemplate>
                            <StackPanel x:Name="boxArticolo" Margin="0,0,0,0" Width="480" Hold="boxArticolo_Hold" Tap="boxArticolo_Tap" Loaded="boxArticolo_Loaded">

                                <!--<toolkit:ContextMenuService.ContextMenu>
                                    <toolkit:ContextMenu VerticalOffset="0.0">
                                        <toolkit:MenuItem Header="Aggiungi ai preferiti"  Click="MenuItem_Click"/>
                                    </toolkit:ContextMenu>
                                </toolkit:ContextMenuService.ContextMenu>-->

                                
                                    <!--Replace rectangle with image-->
                                    
                                        
                                    <!--<Image Height="200" Width="200" Margin="12,0,9,0" Source="{Binding Links[1].Uri}" VerticalAlignment="Top" />-->
                                    <TextBlock x:Name="titolo1"  Text="{Binding Titolo}" Width="420" Height="60"  VerticalAlignment="Stretch" HorizontalAlignment="Center" TextAlignment="Left" Margin="-20,5,0,0" TextWrapping="Wrap" FontFamily="Arial Black" FontSize="20" Foreground="#FF008DFF" ManipulationCompleted="titolo1_ManipulationCompleted" LayoutUpdated="titolo1_LayoutUpdated"></TextBlock>
                                        
                                    
                                    <TextBlock x:Name="testo1" Text="{Binding Testo}" Height="65"  TextWrapping="Wrap" Margin="22,0,12,0" FontFamily="Arial" FontSize="18" VerticalAlignment="Top" Foreground="Black"/>
                                    <TextBlock x:Name="data1" Text="{Binding DataPub}" TextWrapping="Wrap" Margin="22,0,12,8" FontFamily="Arial" FontSize="18" Foreground="Green"/>
                                    <Image Source="/images/separator.png"></Image>
                                
                            </StackPanel>
                        </DataTemplate>
                    </ListBox.ItemTemplate>

                </ListBox>
            </controls:PivotItem>
 
            <!--Pivot item two-->
            <controls:PivotItem Header="preferiti"> 
                <!--Triple line list no text wrapping-->
                <ListBox Name="feedListPreferiti" Margin="0,-20,-12,0" Foreground="Red" ItemsSource="{Binding Items}" ScrollViewer.VerticalScrollBarVisibility="Auto" >
                    <ListBox.ItemTemplate>
                        <DataTemplate>
                            <StackPanel Orientation="Horizontal">
                                <CheckBox IsChecked="{Binding IsChecked}" Checked="CheckBox_Checked" Unchecked="CheckBox_Unchecked" />
                                <StackPanel x:Name="boxArticoloPreferito" Width="420" Orientation="Vertical" Margin="0,0,0,0"  Tap="articoloPreferitoPanel_Tap" Loaded="boxArticoloPreferito_Loaded">
                                    <!--Replace rectangle with image-->

                                    <!--<Image Height="200" Width="200" Margin="12,0,9,0" Source="{Binding Links[1].Uri}" VerticalAlignment="Top" />-->
                                    <TextBlock x:Name="titolo1"  Text="{Binding Titolo}" Width="400" Height="60"  VerticalAlignment="Stretch" HorizontalAlignment="Center" TextAlignment="Left" Margin="20,5,0,0" TextWrapping="Wrap" FontFamily="Arial Black" FontSize="20" Foreground="#FF008DFF" ManipulationCompleted="titolo1_ManipulationCompleted" LayoutUpdated="titolo1_LayoutUpdated"></TextBlock>
                                    <TextBlock x:Name="testo1" Text="{Binding Testo}" Height="65"  TextWrapping="Wrap" Margin="22,0,32,0" FontFamily="Arial" FontSize="18" VerticalAlignment="Top" Foreground="Black"/>
                                    <TextBlock x:Name="data1" Text="{Binding DataPub}" TextWrapping="Wrap" Margin="22,0,12,8" FontFamily="Arial" FontSize="18" Foreground="Green"/>
                                    <Image Source="/images/separator.png"></Image>
                                </StackPanel>
                            </StackPanel>
                        </DataTemplate>
                    </ListBox.ItemTemplate>
                </ListBox>
            </controls:PivotItem>

            <!--Pivot item three-->
            <controls:PivotItem Header="app">
                <!--Triple line list no text wrapping-->
                <ListBox Name="feedListBoxNews3" Margin="0,-20,-12,5" ItemsSource="{Binding Items}" ScrollViewer.VerticalScrollBarVisibility="Auto" SelectionChanged="feedListBox3_SelectionChanged" >
                    <ListBox.ItemTemplate>
                        <DataTemplate>
                            
                            <StackPanel x:Name="pannello3" Orientation="Horizontal" Margin="0,0,0,17" Background="Transparent">
                                <!--Replace rectangle with image-->
                                <Image Height="200" Width="200" Margin="12,0,9,0" Source="{Binding Icona}" VerticalAlignment="Top" />
                                <StackPanel Orientation="Vertical" VerticalAlignment="Center">
                                    <TextBlock Text="{Binding Titolo}" Width="230" TextWrapping="Wrap" FontFamily="Arial Black" FontSize="20" Foreground="#FF539EDE" TextAlignment="Center"/>
                                    <TextBlock Text="{Binding Testo}" TextWrapping="Wrap" Margin="12,-6,12,0" FontFamily="Arial" FontSize="18" VerticalAlignment="Top" Foreground="White" TextAlignment="Center"/>

                                </StackPanel>
                                
                                <!--<TextBlock Text="{Binding DataPub, Converter={StaticResource RssTextTrimmer}}" TextWrapping="Wrap" Margin="12,0,12,0" FontFamily="Arial" FontSize="18" VerticalAlignment="Top" Foreground="White"/>-->
                            </StackPanel>
                            
                        </DataTemplate>
                    </ListBox.ItemTemplate>
                </ListBox>
            </controls:PivotItem>
                
        </controls:Pivot>
        
        <StackPanel x:Name="loadingPanel" Orientation="Vertical" VerticalAlignment="Center" Width="480">
            <TextBlock HorizontalAlignment="Center" Foreground="{StaticResource PhoneAccentBrush}">Caricamento</TextBlock>
            <toolkit:PerformanceProgressBar Name="caricamentoProgress" IsIndeterminate="True" Foreground="{StaticResource PhoneAccentBrush}" Visibility="Visible"/>
        </StackPanel>
        
        <Canvas x:Name="notiziaCanvas" Visibility="Collapsed" Background="White">
            
            <StackPanel Orientation="Vertical" Width="490">

                <TextBlock x:Name="titleCanvas" Width="450" Height="85"  VerticalAlignment="Center" Margin="20,20,20,20" TextWrapping="Wrap" TextAlignment="Left" FontFamily="Arial Black" FontSize="20" Foreground="#FF008DFF" ></TextBlock>
                <TextBlock x:Name="dateCanvas" Width="450" Margin="20,0,20,20" FontFamily="Arial" FontSize="18" Foreground="Green"></TextBlock>
                
                <Grid x:Name="grigliaTesto" Height="600">
                <ScrollViewer x:Name="scroller" Canvas.Top="0" Canvas.Left="5">
                    <TextBlock x:Name="textCanvas" ScrollViewer.VerticalScrollBarVisibility="Auto" VerticalAlignment="Stretch" Width="450" Margin="0,0,0,20" TextWrapping="Wrap" TextAlignment="Left" FontFamily="Arial" FontSize="20" Foreground="Black" ></TextBlock>
                </ScrollViewer>
                </Grid>
                
            </StackPanel>
            
        </Canvas>
        
    </Grid>
 
    <!--Sample code showing usage of ApplicationBar-->
    <phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True" Mode="Minimized" >
            <shell:ApplicationBarIconButton x:Name="appBarPrev" IconUri="/images/appbar.back.rest.png" Text="precedente" Click="appBarPrev_Click" />
            <shell:ApplicationBarIconButton x:Name="appBarDelete" IconUri="/images/appbar.delete.rest.png" Text="rimuovi selezionati" Click="appBarDelete_Click" />
            <shell:ApplicationBarIconButton x:Name="appBarAddFavorites" IconUri="/images/appbar.favs.addto.rest.png" Text="aggiungi ai preferiti" Click="appBarAddFavorites_Click" />
            <shell:ApplicationBarIconButton x:Name="appBarNext" IconUri="/images/appbar.next.rest.png" Text="successivo" Click="appBarNext_Click" />
            <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem x:Name="appBarZoomIn" Text="zoom in" Click="appBarZoomIn_Click" />
                <shell:ApplicationBarMenuItem x:Name="appBarZoomOut" Text="zoom out" Click="appBarZoomOut_Click"/>
                <shell:ApplicationBarMenuItem x:Name="appBarCondividi" Text="condividi" Click="appBarCondividi_Click"/>
                <shell:ApplicationBarMenuItem x:Name="appBarInfo" Text="informazioni" Click="appBarinfo_Click"/>
            </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>

</phone:PhoneApplicationPage>