<phone:PhoneApplicationPage 
    x:Class="OpenLavoro.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" >

    <!--LayoutRoot è la griglia radice in cui viene inserito tutto il contenuto della pagina-->
    <Grid x:Name="LayoutRoot">
        <Grid.Background>
            <ImageBrush ImageSource="/images/bkg.png">
            </ImageBrush>
        </Grid.Background>
        <!--Controllo Pivot-->
        <controls:Pivot Title="OpenLavoro">
            <!--Elemento Pivot uno-->
            <controls:PivotItem Header="">
                <!--Elenco a doppia riga con testo a capo-->
                <ListBox Name="categoryListBox1" Visibility="Visible" Margin="-12,15,-12,2" ItemsSource="{Binding Items}" LayoutUpdated="categoryListBox1_LayoutUpdated" >
                    <ListBox.ItemTemplate>
                        <DataTemplate>
                            <Border BorderBrush="#FF919191" BorderThickness="1,1,1,0" Background="#19578181" CornerRadius="0,20,0,0" Width="459" Margin="10,10,0,0"  >
                                <StackPanel x:Name="catPanel"  Margin="0,0,0,0" Width="456"  Tap="catPanel_Tap">
                                    <Border BorderBrush="#FF919191" BorderThickness="0,0,0,1" Background="#4CAAAAAA" CornerRadius="0,20,0,0" Width="456" Margin="0,0,0,0"  >
                                        <StackPanel Orientation="Horizontal" >
                                            <Image x:Name="arrow" Width="60" Height="60" HorizontalAlignment="Left" Margin="-5,0,0,0" Source="/images/icon_arrow_down1.png"></Image>
                                            <TextBlock x:Name="category1" Text="{Binding Name}" TextWrapping="Wrap" Foreground="Black" FontWeight="Normal" Height="40" Width="360" TextAlignment="Left" FontSize="25" Margin="0,0,0,0"  />
                                            <!--<Border BorderThickness="1" BorderBrush="#FFD8D8D8" CornerRadius="0,20,0,0" Height="27" Width="27" VerticalAlignment="Top" Margin="0,2,0,0">-->
                                            <TextBlock x:Name="nItem" Text="{Binding ListCat.Count}" Height="23" Width="34" HorizontalAlignment="Center" VerticalAlignment="Top" TextAlignment="Right" Margin="0,5,0,0" Foreground="#FF747474"></TextBlock>
                                            <!--</Border>-->
                                        </StackPanel>
                                    </Border>
                                    <StackPanel x:Name="hiddenPanel1" Visibility="Collapsed">
                                        <ListBox x:Name="categoryListBox2" Background="Transparent" Width="470" ItemsSource="{Binding ListCat}" Visibility="Visible" ScrollViewer.VerticalScrollBarVisibility="Disabled" >
                                            <ListBox.ItemTemplate>
                                                <DataTemplate>
                                                    <StackPanel x:Name="catPanel1" Margin="30,0,0,8" Width="450" HorizontalAlignment="Right" Background="Transparent" Tap="catPanel1_Tap">
                                                        <StackPanel Orientation="Horizontal">
                                                            <Image x:Name="arrow" Width="60" Height="60" HorizontalAlignment="Left" Margin="-5,0,0,0" Source="/images/icon_arrow_down1.png"></Image>
                                                            <TextBlock x:Name="category2" Text="{Binding Name}" Visibility="Visible" TextWrapping="Wrap" Foreground="Black" Width="335" TextAlignment="Left" Margin="0,15,0,15" />
                                                            <TextBlock x:Name="nItem" Text="{Binding NElem}" Height="30" Width="30" VerticalAlignment="Top" Foreground="#FF747474" Margin="20,10,0,0"></TextBlock>
                                                        </StackPanel>
                                                        <StackPanel x:Name="hiddenPanel2" Visibility="Collapsed">
                                                            <ListBox x:Name="articleListBox" Background="Transparent" Width="400" ItemsSource="{Binding ListArt}" Visibility="Visible" ScrollViewer.VerticalScrollBarVisibility="Disabled" SelectionChanged="articleListBox_SelectionChanged">
                                                                <ListBox.ItemTemplate>
                                                                    <DataTemplate>
                                                                        <StackPanel Orientation="Horizontal" Margin="0,0,0,5" Width="400" Background="Transparent">
                                                                            <Image x:Name="iconArticle" Width="80" Height="80" HorizontalAlignment="Left" Margin="-5,0,0,0" Source="/images/icon_article.png"></Image>
                                                                            <TextBlock x:Name="article" Text="{Binding Name}" Visibility="Visible" Foreground="Black" Width="305" FontSize="18" FontStyle="Italic" Margin="0,0,0,0" TextAlignment="Left" TextWrapping="Wrap" Tap="article_Tap"></TextBlock>
                                                                        </StackPanel>
                                                                    </DataTemplate>
                                                                </ListBox.ItemTemplate>
                                                            </ListBox>
                                                        </StackPanel>
                                                    </StackPanel>
                                                </DataTemplate>
                                            </ListBox.ItemTemplate>
                                        </ListBox>
                                    </StackPanel>
                                </StackPanel>
                            </Border>
                        </DataTemplate>
                    </ListBox.ItemTemplate>
                </ListBox>
            </controls:PivotItem>
        </controls:Pivot>
        <StackPanel x:Name="searchPanel" Orientation="Vertical" Margin="15,95,15,15" Visibility="Collapsed">
            <StackPanel Orientation="Vertical">
                <TextBlock Foreground="Black" FontSize="26">CERCA NEI DOCUMENTI</TextBlock>
                <Border Background="#4CAAAAAA" Margin="0,10,0,0" CornerRadius="0,15,0,15">
                    <StackPanel Width="450" Height="90" Orientation="Horizontal">
                        <Border BorderBrush="#FF0099CC" BorderThickness="0,0,0,2" CornerRadius="0,0,15,15" Margin="0,0,0,0">
                            <TextBox x:Name="textSearched" Margin="0,0,0,0" TextAlignment="Left" Width="350" Height="80" Background="#4CAAAAAA" BorderThickness="0"></TextBox>
                        </Border>
                        <Button x:Name="findButton" Height="90" Width="90" Margin="10,0,0,0" BorderThickness="0" Style="{StaticResource ButtonStyleFind}" Click="findButton_Click">
                            <Button.Background>
                                <ImageBrush ImageSource="/images/icon_find.png"></ImageBrush>
                            </Button.Background>
                        </Button>
                    </StackPanel>
                </Border>
            </StackPanel>
            <StackPanel Orientation="Vertical" Margin="0,20,0,0">
                <TextBlock Foreground="Black" FontSize="26">Ordina per</TextBlock>
                <Border Background="#4CAAAAAA" Margin="0,10,0,0" CornerRadius="0,15,0,15">
                    <StackPanel Orientation="Vertical">
                        <RadioButton x:Name="dataRadio" Content="Data di creazione" Foreground="Black" Height="56" Padding="10,-7,0,0" FontSize="18" Style="{StaticResource radioButtonLittleStyle}" ></RadioButton>
                        <RadioButton x:Name="titoloRadio" Content="Titolo" Foreground="Black" IsChecked="true" Height="56" Padding="10,-7,0,0" FontSize="18" Style="{StaticResource radioButtonLittleStyle}" ></RadioButton>
                        <RadioButton x:Name="popolaritaRadio" Content="Popolarità" Foreground="Black" Height="56" Padding="10,-7,0,0" FontSize="18" Style="{StaticResource radioButtonLittleStyle}"></RadioButton>
                        <RadioButton x:Name="catRadio" Content="Categoria" Foreground="Black" Height="56" Padding="10,-7,0,0" FontSize="18" Style="{StaticResource radioButtonLittleStyle}"></RadioButton>
                    </StackPanel>
                </Border>
            </StackPanel>
            <StackPanel Orientation="Vertical" Margin="0,20,0,0">
                <TextBlock Foreground="Black" FontSize="26">Tipo</TextBlock>
                <Border Background="#4CAAAAAA" Margin="0,10,0,0" CornerRadius="0,15,0,15">
                    <StackPanel Orientation="Vertical">
                        <RadioButton x:Name="esatRadio" Content="Esattamante" Foreground="Black" Height="56" Padding="10,-5,0,0" FontSize="18" Style="{StaticResource radioButtonLittleStyle}"></RadioButton>
                        <RadioButton x:Name="qualsiasiRadio" Content="Qualsiasi" Foreground="Black" IsChecked="true" Height="56" Padding="10,-5,0,0" FontSize="18" Style="{StaticResource radioButtonLittleStyle}"></RadioButton>
                        <RadioButton x:Name="tuttiRadio" Content="Tutti" Foreground="Black" Height="56" Padding="10,-5,0,0" FontSize="18" Style="{StaticResource radioButtonLittleStyle}"></RadioButton>
                    </StackPanel>
                </Border>
            </StackPanel>
        </StackPanel>
        <!--<StackPanel x:Name="resultPanel" Margin="15,95,15,15" Visibility="Collapsed">-->
        <TextBlock x:Name="resultcount" Visibility="Collapsed" Height="30" TextAlignment="Left" VerticalAlignment="Top" FontSize="26" Foreground="Black" FontWeight="Bold" Margin="15,90,0,0"></TextBlock>
        <ListBox Name="resultListBox" Visibility="Collapsed" HorizontalAlignment="Center" Margin="-12,140,-12,0" ItemsSource="{Binding Items}" ScrollViewer.VerticalScrollBarVisibility="Visible" >
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <Border x:Name="resultBox" BorderBrush="#FF919191" BorderThickness="0,0,0,1" Background="Transparent" CornerRadius="0,0,0,0" Width="459" Margin="0,0,0,0" Tap="resultBox_Tap">
                        <TextBlock x:Name="ArticleName" Text="{Binding Name}" TextWrapping="Wrap" Foreground="Black" FontWeight="Normal" Width="430" TextAlignment="Left" FontSize="20" Margin="10,20,10,20" Loaded="ArticleName_Loaded" />
                    </Border>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>
        <!--</StackPanel>-->
        <phone:WebBrowser x:Name="webBrowser1" Margin="0,80,0,0" Background="White" Visibility="Collapsed" LoadCompleted="webBrowser1_LoadCompleted" />
        <phone:WebBrowser x:Name="webBrowser2" Margin="0,80,0,0" Background="White" Visibility="Collapsed" LoadCompleted="webBrowser2_LoadCompleted" />
        <StackPanel x:Name="loadingPanel1" Visibility="Collapsed">
            <Canvas Width="1000" Height="800" Margin="0,0,0,0">
                <Canvas.Background>
                    <ImageBrush ImageSource="/images/backSmoothCanvas480x800.png" />
                </Canvas.Background>
            </Canvas>
        <toolkit:PerformanceProgressBar Name="loadingBar1" Margin="0,-600,0,0" IsIndeterminate="True" Foreground="{StaticResource PhoneAccentBrush}" />
        </StackPanel>
        <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>
            <toolkit:PerformanceProgressBar Name="loadingBar2" Margin="0,-600,0,0" IsIndeterminate="True" Foreground="{StaticResource PhoneAccentBrush}" />
        </StackPanel>
        <StackPanel x:Name="loadingPanel" Visibility="Visible">
            <Canvas Width="1000" Height="800" Margin="0,0,0,0">
                <Canvas.Background>
                    <ImageBrush ImageSource="/images/backSmoothCanvas480x800.png" />
                </Canvas.Background>
            </Canvas>
            <toolkit:PerformanceProgressBar Name="loadingBar" Margin="0,-600,0,0" IsIndeterminate="True" Foreground="{StaticResource PhoneAccentBrush}" />
        </StackPanel>
        <StackPanel x:Name="headerPanel" Orientation="Vertical" Height="80" Width="480" VerticalAlignment="Top" Background="#FF222222" >
            <Image Height="41" Width="250" HorizontalAlignment="Left" Margin="20,20,0,0" Source="/images/actionbar_logo.png" ></Image>
            <Button x:Name="searchButton" Height="80" Width="80" Margin="0,-61,15,0" HorizontalAlignment="Right" BorderThickness="0" Style="{StaticResource ButtonStyleSearch}" Click="searchButton_Click">
                <Button.Background>
                    <ImageBrush ImageSource="/images/icon_search.png"></ImageBrush>
                </Button.Background>
            </Button>
        </StackPanel>
    </Grid>
 
</phone:PhoneApplicationPage>