<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="768" 
    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}"  BackKeyPress="PhoneApplicationPage_BackKeyPress" OrientationChanged="PhoneApplicationPage_OrientationChanged">

    
    
    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="White">
        
        <Image Width="50" Height="50"  Margin="20,20,0,0" VerticalAlignment="Top" HorizontalAlignment="Left"  Source="/NotizieTL;component/images/ic_logo_loader.png"></Image>
        
        <!--Pivot Control-->
        <controls:Pivot Title="           POWERED BY NEXTREK" Margin="0,30,0,0" Foreground="{StaticResource PhoneAccentBrush}" x:Name="pivot" SelectionChanged="Pivot_SelectionChanged" >
            
            <controls:Pivot.TitleTemplate>
                <DataTemplate>
                    <Grid Margin="0,0,0,0">
                        <TextBlock FontSize="20" FontFamily="Segoe WP" Text="{Binding}" Foreground="LightGray"></TextBlock>
                    </Grid>
                </DataTemplate>
            </controls:Pivot.TitleTemplate>

            

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

                    <ListBox.ItemTemplate>
                        <DataTemplate>
                            <StackPanel x:Name="boxArticolo" Margin="0,0,0,0" Width="480" Tap="boxArticolo_Tap" Loaded="boxArticolo_Loaded" Background="{Binding Colore}">

                                <!--<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" ></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"/>
                                    <!--<TextBlock x:Name="numeroArticolo" Text="{Binding Numero}" Foreground="Black"></TextBlock>-->
                                    <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}" SelectionMode="Multiple" ScrollViewer.VerticalScrollBarVisibility="Auto" >
                    <ListBox.ItemTemplate>
                        <DataTemplate>
                            <StackPanel Orientation="Horizontal" Background="LightGray">
                                <CheckBox IsChecked="{Binding IsChecked}" Checked="CheckBox_Checked" Unchecked="CheckBox_Unchecked" Margin="10,0,0,0" />
                                <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="360" Height="60"  VerticalAlignment="Stretch" HorizontalAlignment="Center" TextAlignment="Left" Margin="-10,5,0,0" TextWrapping="Wrap" FontFamily="Arial Black" FontSize="20" Foreground="#FF008DFF" ></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>

            
                
        </controls:Pivot>

        <TextBlock x:Name="noFavoritesText" Width="480" Foreground="{StaticResource PhoneAccentBrush}" TextAlignment="Center" FontWeight="Bold"  HorizontalAlignment="Center" VerticalAlignment="Center" Visibility="Collapsed">Nessuna notizia aggiunta ai preferiti</TextBlock>
        
        
        
        <Canvas x:Name="notiziaCanvas" Visibility="Collapsed" Background="White">
            
            <StackPanel x:Name="pannelloNotizie" Orientation="Vertical" Width="490">

                <TextBlock x:Name="titleCanvas" Width="450" Height="85"  VerticalAlignment="Center" Margin="20,20,20,5" TextWrapping="Wrap" TextAlignment="Left" FontFamily="Arial Black" FontSize="20" Foreground="#FF008DFF" ></TextBlock>
                <TextBlock x:Name="dateCanvas" Width="450" Margin="20,0,20,5" FontFamily="Arial" FontSize="18" Foreground="Green"></TextBlock>
                <StackPanel>
                        <TextBox x:Name="boxNote" Margin="0,0,10,0" Height="150" Background="#FFDEDEDE" TextWrapping="Wrap" Visibility="Visible" GotFocus="boxNote_GotFocus" LostFocus="boxNote_LostFocus" ></TextBox>
                </StackPanel>
                
                <Grid x:Name="grigliaTesto" Margin="-10,0,0,0" >
                    <ScrollViewer x:Name="webScroller">
                    <phone:WebBrowser x:Name="webBrowser1" Margin="0,-23,0,0" LoadCompleted="webBrowser1_LoadCompleted" />
                    </ScrollViewer>
                    <ScrollViewer x:Name="scroller" Visibility="Collapsed" Canvas.Top="0" Canvas.Left="5">
                    <TextBlock x:Name="textCanvas" Visibility="Collapsed" 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>
            <StackPanel x:Name="editNotePanel" Orientation="Horizontal" Width="200" Height="100" Margin="260,60,0,0" Visibility="Collapsed" >
                <Button x:Name="deleteNoteButton" Height="100" Width="100" BorderThickness="0"  Click="deleteNoteButton_Click">
                    <Button.Background>
                        <ImageBrush ImageSource="/images/appbar.delete.rest.black.png"></ImageBrush>
                    </Button.Background>
                </Button>
                <Button x:Name="saveNoteButton" Height="100" Width="100" BorderThickness="0" Click="saveNoteButton_Click">
                    <Button.Background>
                        <ImageBrush ImageSource="/images/appbar.save.rest.black.png"></ImageBrush>
                    </Button.Background>
                </Button>
            </StackPanel>
        </Canvas>


        <StackPanel x:Name="loadingPanel" Orientation="Vertical" VerticalAlignment="Center" Width="480" Visibility="Collapsed">
            <Canvas x:Name="sfondoLoading" Background="White" Width="480" Height="650" Margin="0,190,0,0"></Canvas>
            <StackPanel Orientation="Vertical" Margin="0,-400,0,0">
                <TextBlock HorizontalAlignment="Center" Foreground="{StaticResource PhoneAccentBrush}">Caricamento</TextBlock>
                <toolkit:PerformanceProgressBar Name="caricamentoProgress" IsIndeterminate="True" Foreground="{StaticResource PhoneAccentBrush}" />
            </StackPanel>
        </StackPanel>
        
  
        <TextBlock x:Name="nomeAppTesto" Height="35" Width="300" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="83,11,0,0" Foreground="{StaticResource PhoneAccentBrush}" TextAlignment="Left" TextWrapping="Wrap" FontSize="24" FontFamily="Segoe WP" Text="{Binding}" ></TextBlock>

        <Button x:Name="refreshButton" Width="77" Height="77" BorderThickness="0" Margin="0,4,33,0" VerticalAlignment="Top" HorizontalAlignment="Right" Click="refreshButton_Click" Style="{StaticResource ButtonStyleReload}">
            <Button.Background>
                <ImageBrush ImageSource="/images/reloadGray.png"></ImageBrush>
            </Button.Background>
        </Button>


        <StackPanel x:Name="loadingPanel2"  Visibility="Collapsed">
            <Canvas Width="1000" Height="800" Margin="0,0,0,0">
                <Canvas.Background>
                    <ImageBrush ImageSource="/images/backSmoothCanvas480x800.png" />
                </Canvas.Background>
            </Canvas>
            <StackPanel Orientation="Vertical" Margin="0,-400,0,0">
                <TextBlock HorizontalAlignment="Center" Foreground="White">Caricamento</TextBlock>
                <toolkit:PerformanceProgressBar IsIndeterminate="True" Foreground="White" />
            </StackPanel>
        </StackPanel>


        <Border x:Name="artAddFavCanvas" Height="100" Width="480" CornerRadius="0" VerticalAlignment="Top" Margin="0,20,0,0" Visibility="Collapsed">
            <Border.Background>
                <ImageBrush ImageSource="/images/sfondoOpaco.png" />
            </Border.Background>
            <TextBlock FontSize="35" Width="430" Height="50" Margin="0,-5,0,0" TextAlignment="Center" FontWeight="Bold" VerticalAlignment="Center" Foreground="White" >AGGIUNTO AI PREFERITI</TextBlock>
        </Border>

        <Border x:Name="artDelFavCanvas" Height="100" Width="480" VerticalAlignment="Bottom" Margin="0,180,0,0" Visibility="Collapsed">
            <Border.Background>
                <ImageBrush ImageSource="/images/sfondoOpaco.png" />
            </Border.Background>
            <TextBlock FontSize="37" Width="430" Height="50" TextAlignment="Center" FontWeight="Bold" Foreground="White"  >RIMOSSI DAI PREFERITI</TextBlock>
        </Border>

        <Border x:Name="savedNoteCanvas" Height="100" Width="430" CornerRadius="5" VerticalAlignment="Top" Margin="0,160,0,0" Visibility="Collapsed">
            <Border.Background>
                <ImageBrush ImageSource="/images/sfondoOpaco.png" />
            </Border.Background>
            <TextBlock FontSize="40" Width="430" Height="100" TextAlignment="Center" FontWeight="Bold" Foreground="White" Margin="0,15,0,0"  >NOTA SALVATA</TextBlock>
        </Border>

        <Border x:Name="deletedNoteCanvas" Height="100" Width="480" CornerRadius="0" VerticalAlignment="Bottom" Margin="0,175,0,0" Visibility="Collapsed">
            <Border.Background>
                <ImageBrush ImageSource="/images/sfondoOpaco.png" />
            </Border.Background>
            <TextBlock FontSize="40" Width="430" Height="100" TextAlignment="Center" FontWeight="Bold" Foreground="White" Margin="0,15,0,0" >NOTA CANCELLATA</TextBlock>
        </Border>

        <Canvas x:Name="splashScreenCanvas" Visibility="Collapsed">
            <Canvas.Background>
                <ImageBrush ImageSource="/images/sfondo.jpg"></ImageBrush>
            </Canvas.Background>
        </Canvas>
        
    </Grid>
    
 
    <!--Sample code showing usage of ApplicationBar-->
    <phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="false" IsMenuEnabled="True" Mode="Default" >
            <shell:ApplicationBarIconButton x:Name="appBarPrev" IconUri="/images/appbar.back.rest.png" Text="precedente" Click="appBarPrev_Click" />
            <shell:ApplicationBarIconButton x:Name="appBarAddNote" IconUri="/images/appbar.edit.rest.png" Text="aggiungi nota" Click="appBarAddNote_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="appBarDelete" IsEnabled="False" Text="rimuovi selezionati" Click="appBarDelete_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>