<%@ page title="" language="C#" masterpagefile="~/html/MasterPage.master" autoeventwireup="true" inherits="html_MainStagewiseProgress, App_Web_susspz30" %>

<%@ Register assembly="System.Web.DataVisualization, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" namespace="System.Web.UI.DataVisualization.Charting" tagprefix="asp" %>  
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>
<%@ Register assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" namespace="System.Web.UI" tagprefix="asp" %>

<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="cc1" %>



<%--<%@ Register Assembly="System.Web.DataVisualization, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
    Namespace="System.Web.UI.DataVisualization.Charting" TagPrefix="asp" %>
--%>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <link href="../css/buttoncss.css" type="text/css" rel="Stylesheet"/>

    <style type="text/css">
        .lbl_heading
        {
        color:White;
        font-size:15px;
        font-weight:bold;
        }
.p1
        {
       background-image: linear-gradient(to bottom, #fcfcfc, #f7f7f7 3%, #ff9966 12%,#ff9966 90%, #bfbfbf);
-webkit-box-shadow: 0 4px 25px rgba(0,0,0,0.32), inset 0 1px 0 white;
-moz-box-shadow: 0 4px 25px rgba(0,0,0,0.32), inset 0 1px 0 white;
box-shadow: 0 4px 25px rgba(0,0,0,0.32), inset 0 1px 0 white;
            height:19px;
            width:202px;
        }
        
        .p2
        {
       background-image: linear-gradient(to bottom, #fcfcfc, #f7f7f7 3%, #ff9966 12%,#ff9966 90%, #bfbfbf);
-webkit-box-shadow: 0 4px 25px rgba(0,0,0,0.32), inset 0 1px 0 white;
-moz-box-shadow: 0 4px 25px rgba(0,0,0,0.32), inset 0 1px 0 white;
box-shadow: 0 4px 25px rgba(0,0,0,0.32), inset 0 1px 0 white;
            height:19px;
            width:302px;
        }

</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">


 <asp:UpdatePanel ID="UpdatePanel1" runat="server">  
                <ContentTemplate>  
                                      
                                      
                                       <table width="100%">
   
    <tr>
    <td align="right"><asp:Label runat="server" ID="Label2" Text="Select Graph type:" Font-Size="12px" ForeColor="Red" Font-Names="Verdana" Font-Bold="true"></asp:Label>   
    </td>
    <td>
     <asp:DropDownList ID="ddl_graph_type" runat="server" AutoPostBack="True" Font-Size="12px"
            onselectedindexchanged="ddl_graph_type_SelectedIndexChanged">
        <asp:ListItem>- Select graph type-</asp:ListItem>
         <asp:ListItem>Bar chart</asp:ListItem>
          <asp:ListItem>Pie chart</asp:ListItem>
          <asp:ListItem>Line graph</asp:ListItem>
                </asp:DropDownList>
    </td>
    <td>

    </td>
    </tr>

   <tr>
   <td align="right" >
   <asp:Label runat="server" ID="lbl_main_stage" Text="Select Main stage" Font-Size="12px" ForeColor="Red" Font-Names="Verdana" Font-Bold="true" Visible="false"></asp:Label></td>
   <td colspan="2">
    <asp:DropDownList ID="ddl_projectmain_stage" runat="server" Font-Size="12px"
                    DataTextField="Mainstage_name" DataValueField="Mainstage_ID"   onselectedindexchanged="ddl_projectmain_stage_SelectedIndexChanged"                  
                    AutoPostBack="True" AppendDataBoundItems="True" Visible="false">
                </asp:DropDownList>
                                   <asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator2" InitialValue="-Select-" 
                                   ControlToValidate="ddl_projectmain_stage" ErrorMessage="Select Project Main stage" ValidationGroup="1" 
                                   ForeColor="Red"></asp:RequiredFieldValidator>

   </td>
   </tr>
<tr>
   <td align="right" >
   <asp:Label runat="server" ID="lbl_select_sub_stage" Text="Select Sub Stage" ForeColor="Red" Font-Size="12px" Font-Bold="true" Font-Names="Verdana" Visible="false"></asp:Label></td>
   <td  colspan="2">
     <asp:DropDownList ID="ddl_sub_stages_list" runat="server"  Font-Size="12px"
                    DataTextField="sub_stage_desc" DataValueField="substage_id" AutoPostBack="True" 
                    onselectedindexchanged="ddl_sub_stages_list_SelectedIndexChanged" Visible="false" ></asp:DropDownList>
       <asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator3" InitialValue="-Select--" ControlToValidate="ddl_sub_stages_list" 
       ErrorMessage="Select Sub Stage" ValidationGroup="1" ForeColor="Red"></asp:RequiredFieldValidator>
       <asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator9" InitialValue="-Select--" 
       ControlToValidate="ddl_sub_stages_list" ErrorMessage="Select Sub Stage" ValidationGroup="all" ForeColor="Red"></asp:RequiredFieldValidator>

   </td>
   </tr>    
    <tr>
    
    <td colspan="3" style="font-size: 20px; font-weight: bold; color: Blue" 
                bgcolor="#ff9966" class="p12"> 
                <asp:Panel ID="pnl_showinfo" runat="server" Visible="false" Font-Names="Verdana">
         <b style="color:#003399;font-size:15px;">Project: </b>
                    <asp:Label ID="lbl_p_n" runat="server" Text="" CssClass="lbl_heading"></asp:Label>
         <%-- <b style="color:White;font-size:15px;">  <%=project_name %></b>--%> 
          
         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <asp:Label runat="server" ID="lbl_client_name" ForeColor="#003399" Font-Bold="true" Text="Client:" Font-Size="15px"  ></asp:Label> 
        <%-- <b style="color:White;font-size:15px;"><%=Client_name %></b>--%>&nbsp;&nbsp;&nbsp;&nbsp;
         <asp:Label ID="lbl_c_n" runat="server" Text="" CssClass="lbl_heading"></asp:Label>
         <asp:Label runat="server" ID="lbl_emp_name" Font-Bold="true" Text="Project Manager:" ForeColor="#003399" Font-Size="15px"></asp:Label>
         <asp:Label ID="lbl_e_n" runat="server" Text="" CssClass="lbl_heading"></asp:Label>
         <%-- <b style="color:White;font-size:15px;"><%=emp_name %></b>--%>
         </asp:Panel>
    </td>
        </tr>
    </table>

  
            

                    
                   <%--  <asp:Chart ID="Chart2"  BorderSkin-SkinStyle="Emboss"
                               runat="server"  
                               Height="715px" 
                               Width="598px" 
                         
                               Palette="SemiTransparent" 
                        
                        style="margin-top: 0px" >
                                  
                        <MapAreas>
                            <asp:MapArea Coordinates="100,100,100,100" />
                        </MapAreas>
                          
                        <series>  
                            <asp:Series ChartType="Column" Name="PieSeriesghh"   
                            XValueMember="Mainstage_name" YValueMembers="t_percenates"  
                            ChartArea="ChartArea1" Legend="Legend1" ShadowOffset="4"   
                            ToolTip="Stage Name  : #VALX \nPercentages   : #VALY%"
                            CustomProperties="PieLabelStyle=OutSide, CollectedThresholdUsePercent=False" Font="Verdana, 11pt, style=Regular"
                            Label="#VALX #VALY%" LabelForeColor="Blue">  
                            </asp:Series>  
                       
                              
                        </series>  
      
                        <chartareas>  
                             <asp:ChartArea Name="ChartArea1" BackGradientStyle="TopBottom" Area3DStyle-Enable3D="true"  
                                BackSecondaryColor= "Ivory" BorderDashStyle="Solid" BorderWidth="1" BorderColor="#FFFF99">  
                                 <Area3DStyle Enable3D="false" />
                            </asp:ChartArea>  
                        </chartareas>  
                          
                    </asp:Chart>  --%>
                    
                    <br />
                    <div id="piechart_div" runat="server" visible="false" style="width:100%;" >
                    <div style="width:50%;float:left;" class="boxshadow">
                    <p class="p12" style="font-family:Verdana; font-size:14px; width:180px; margin-top:0px;color:Blue;font-weight:bold;padding-top:5px;">
     <b style="color:White;">&nbsp;&nbsp;Planned Percentages</b>
      </p>
                   
                             <%--<asp:Chart ID="piechart_acctual_work_per" runat="server" BorderSkin-SkinStyle="Emboss" Height="300px" Width="400px" Visible = "false">
            <Titles>
                <asp:Title ShadowOffset="3" Name="Items" />
            </Titles>
            <Legends>
                <asp:Legend Alignment="Center" Docking="Bottom" IsTextAutoFit="False" Name="Default" LegendStyle="Row" />
            </Legends>
            <Series>
                <asp:Series Name="Default" />
            </Series>
            <ChartAreas>
                <asp:ChartArea Name="ChartArea1" BorderWidth="0" />
            </ChartAreas>
        </asp:Chart>          --%>
        
        <asp:Chart ID="Chart_actual"  BackColor="#fd9800"
                               runat="server"  
                               Height="400px" 
                               Width="500px" 
                               
                               Palette="SemiTransparent" 
                        
                        style="margin-top: 0px" >
                             
      
                        <MapAreas>
                            <asp:MapArea Coordinates="100,100,100,100" />
                        </MapAreas>
                          
                        <series>  
                            <asp:Series ChartType= "Pie" Name="PieSeries"   
                            XValueMember="Mainstage_name" YValueMembers="per_days_percentages"  
                            ChartArea="ChartArea1" Legend="Legend1" ShadowOffset="2"    
                            ToolTip="Mainstage name  : #VALX \nPercentages   : #VALY%" 
                            CustomProperties="PieLabelStyle=OutSide, CollectedThresholdUsePercent=False"  Font="Verdana, 8pt, style=Regular"
                            Label="#VALX\n#VALY%" LabelForeColor="Blue">  
                            </asp:Series>
                              
                        </series>  
      
                        <chartareas>  
                             <asp:ChartArea Name="ChartArea1"  BackGradientStyle="Center" Area3DStyle-Enable3D="true"  
                                BackSecondaryColor= "Ivory" BorderDashStyle="Solid" BorderWidth="1"  BorderColor="#FFFF99">  
                                 <Area3DStyle Enable3D="true" />
                            </asp:ChartArea>  
                        </chartareas>  
                          
                    </asp:Chart> 
        
                   </div>

<div style="width:50%;float:right;" class="boxshadow">
          <p class="p12" style="font-family:Verdana; font-size:14px; width:240px; margin-top:0px;color:Blue;font-weight:bold;padding-top:5px;">
     <b style="color:White;">&nbsp;&nbsp; Work progress percentages
</b>
      </p>                  
        <%--   <asp:Chart ID="PieCategoryChart" runat="server" BorderSkin-SkinStyle="Emboss" Height="300px" Width="400px" Visible = "false">
            <Titles>
                <asp:Title ShadowOffset="3" Name="Items" />
            </Titles>
            <Legends>
                <asp:Legend Alignment="Center" Docking="Bottom" IsTextAutoFit="False" Name="Default" LegendStyle="Row" />
            </Legends>
            <Series>
                <asp:Series Name="Default" />
            </Series>
            <ChartAreas>
                <asp:ChartArea Name="ChartArea1" BorderWidth="0" />
            </ChartAreas>
        </asp:Chart>--%>
        
          <asp:Chart ID="Chart_work_progress"  BackColor="#fd9800"
                               runat="server"  
                               Height="400px" 
                               Width="500px" 
                               
                               Palette="SemiTransparent" 
                        
                        style="margin-top: 0px" >
                             
      
                        <MapAreas>
                            <asp:MapArea Coordinates="100,100,100,100" />
                        </MapAreas>
                          
                        <series>  
                            <asp:Series ChartType= "Pie" Name="PieSeries"   
                            XValueMember="Mainstage_name" YValueMembers="t_percenates"  
                            ChartArea="ChartArea1" Legend="Legend1" ShadowOffset="2"   
                            ToolTip="Mainstage name  : #VALX \nPercentages: #VALY%" 
                            CustomProperties="PieLabelStyle=OutSide, CollectedThresholdUsePercent=False" Font="Verdana, 8pt, style=Regular"
                            Label="#VALX\n#VALY%" LabelForeColor="Blue" >  
                            </asp:Series>
                              
                        </series>  
      
                        <chartareas>  
                             <asp:ChartArea Name="ChartArea1" BackGradientStyle="TopBottom" Area3DStyle-Enable3D="true"  
                                BackSecondaryColor= "Ivory" BorderDashStyle="Solid" BorderWidth="2" BorderColor="#FFFF99">  
                                 <Area3DStyle Enable3D="true" />
                                 
                            </asp:ChartArea>  
                        </chartareas>  
                          
                    </asp:Chart> 

</div> 
<br /><br />
               <asp:Button ID="Button3" runat="server" Text="Back"  CssClass="myButton" 
                            onclick="Button3_Click" />




</div>
                    
                    <br />
                    
                    <%-- <asp:Chart ID="PieCategoryChart" 
                               runat="server"  
                               Height="715px" 
                               Width="998px" 
                              
                               Palette="SemiTransparent" 
                        
                        style="margin-top: 0px" >
                                 
                        <MapAreas>
                            <asp:MapArea Coordinates="100,100,100,100" />
                        </MapAreas>
                          
                        <series>  
                            <asp:Series ChartType="Pie" Name="PieSeries"   
                            XValueMember="Mainstage_name" YValueMembers="t_percenates"  
                            ChartArea="ChartArea1" Legend="Legend1" ShadowOffset="2"   
                            ToolTip="Stage Name  : #VALX \nPercentages   : #VALY%"
                            CustomProperties="PieLabelStyle=OutSide, CollectedThresholdUsePercent=False" Font="Verdana, 11pt, style=Regular"
                            Label="#VALX #VALY%" LabelForeColor="Blue">  
                            </asp:Series>  
                        </series>  
      
                        <chartareas>  
                             <asp:ChartArea Name="ChartArea1" BackGradientStyle="TopBottom" Area3DStyle-Enable3D="true"  
                                BackSecondaryColor= "Ivory" BorderDashStyle="Solid" BorderWidth="2" BorderColor="#FFFF99">  
                                 <Area3DStyle Enable3D="True" />
                            </asp:ChartArea>  
                        </chartareas>  
                          
                    </asp:Chart>  --%>
                                 
                        
                        
                         <%-- <asp:Chart ID="Chart3" 
                               runat="server"  
                               Height="715px" 
                               Width="998px" 
                        
                               Palette="SemiTransparent" 
                        
                        style="margin-top: 0px" >
                          
      
                        <MapAreas>
                            <asp:MapArea Coordinates="100,100,100,100" />
                        </MapAreas>
                          
                        <series>  
                            <asp:Series ChartType="StackedBar" Name="PieSeries"   
                            XValueMember="Mainstage_name" YValueMembers="t_percenates"  
                            ChartArea="ChartArea1" Legend="Legend1" ShadowOffset="4"   
                            ToolTip="Stage Name  : #VALX \nPercentages   : #VALY%"
                            CustomProperties="PieLabelStyle=OutSide, CollectedThresholdUsePercent=False" Font="Verdana, 11pt, style=Regular"
                            Label="#VALX-#VALY%" LabelForeColor="Blue">  
                            </asp:Series>  
                        </series>  
      
                        <chartareas>  
                             <asp:ChartArea Name="ChartArea1" BackGradientStyle="TopBottom" Area3DStyle-Enable3D="true"  
                                BackSecondaryColor= "Ivory" BorderDashStyle="Solid" BorderWidth="1" BorderColor="#FFFF99">  
                                 <Area3DStyle Enable3D="false" />
                            </asp:ChartArea>  
                        </chartareas>  
                          
                    </asp:Chart>  --%>
                        
            
            
         <%--  <asp:chart id="Chart1" runat="server" Height="296px" Width="512px" 
        BorderDashStyle="Solid" BackSecondaryColor="White" 
        BackGradientStyle="TopBottom" BorderWidth="2px" backcolor="211, 223, 240" 
        BorderColor="#1A3B69" DataMember="DefaultView"  >  
       <legends>  
           <asp:Legend IsTextAutoFit="false"  Name="Default" BackColor="Transparent" Font="Trebuchet MS, 8.25pt, style=Bold"></asp:Legend>  
       </legends>  
       <borderskin skinstyle="Sunken"></borderskin>  
       
       <chartareas>  
           <asp:ChartArea Name="ChartArea1" BorderColor="64, 64, 64, 64" BorderDashStyle="Solid" 
                BackSecondaryColor="White" BackColor="64, 165, 191, 228" ShadowColor="Transparent" 
                BackGradientStyle="TopBottom">  
               <area3dstyle Rotation="10" perspective="10" Inclination="15" IsRightAngleAxes="False" 
                    wallwidth="0" IsClustered="False"></area3dstyle>  
               <axisy linecolor="64, 64, 64, 64">  
                   <labelstyle font="Trebuchet MS, 8.25pt, style=Bold" />  
                   <majorgrid linecolor="64, 64, 64, 64" />  
               </axisy>  
               <axisx linecolor="64, 64, 64, 64">  
                   <labelstyle font="Trebuchet MS, 8.25pt, style=Bold" />  
                   <majorgrid linecolor="64, 64, 64, 64" />  
               </axisx>  
               <Position Height="79.02613" Width="61.26034" X="5.55474472" Y="14.414547" />
           </asp:ChartArea>  
       </chartareas>  
   </asp:chart>--%>
   
   
   
   <asp:Panel runat="server" ID="pnl_bar_graph" Visible="false" >
          <asp:Chart ID="Chart_dispaly_per_curr_prog" runat="server" Palette="Bright"  BorderSkin-SkinStyle="Emboss" BackColor="#fd9800"  Width="700px" Height="500px">
            <Titles>
                <asp:Title ShadowOffset="3" Name="Items" />
            </Titles>
              <Legends>
                <asp:Legend Alignment="Center" Docking="Bottom" IsTextAutoFit="true" Name="Default" LegendStyle="Row" />
            </Legends>
             <series> 
             
              <asp:Series Name="Planned Percentages(Days)"   
                            YValueMembers="per_days_percentages" XValueMember="Mainstage_name" 
                            ChartArea="ChartArea1"  ShadowOffset="0"   
                            ToolTip="percentages:#VALY%"
                            CustomProperties="PieLabelStyle=OutSide, CollectedThresholdUsePercent=False" Font="Verdana, 7pt"
                            Label="#VALY%" Color="Green" >  
                          
                          
                            </asp:Series>   
                          
                           <asp:Series Name="Work Progress percentages"   YValueMembers="mainstage_progress_percentages" XValueMember="Mainstage_name"  
                            ChartArea="ChartArea1"  ShadowOffset="0"   
                            ToolTip="percentages:#VALY%"
                            CustomProperties="PieLabelStyle=OutSide, CollectedThresholdUsePercent=False" Font="Verdana, 7pt"
                            Label="#VALY%" Color="Blue" ></asp:Series>    
                        </series> 
                    
           
            <ChartAreas>
                <asp:ChartArea Name="ChartArea1" Area3DStyle-Enable3D="true"  Area3DStyle-IsClustered="true" Area3DStyle-IsRightAngleAxes="true"
                Area3DStyle-LightStyle="Simplistic" >
                <AxisX LabelAutoFitMaxFontSize="10" Enabled="True" Crossing="Auto"  Interval="1" >
                <LabelStyle  ForeColor="Blue" />
                </AxisX>
                </asp:ChartArea>
            </ChartAreas>
        </asp:Chart>
        <br />
        
              <asp:Button ID="Button1" runat="server" Text="Back"  CssClass="myButton" 
              onclick="Button1_Click" />

        </asp:Panel>
   <br /><br />
   
   <asp:Panel runat="server" ID="pnl_line_graph" Visible="false">
  
     <asp:Chart ID="target_achievement" runat="server" Palette="Bright" BorderSkin-SkinStyle="Emboss" AntiAliasing="All" BackColor="#fd9800" Width="654px">
            <Titles>
                <asp:Title ShadowOffset="3" Name="Items" />
            </Titles>
              <Legends>
                <asp:Legend Alignment="Center" Docking="Bottom" IsTextAutoFit="true" Name="Default" LegendStyle="Row" />
            </Legends>
            <Series>
               
            </Series>
           
            <ChartAreas>
                <asp:ChartArea Name="ChartArea1" AlignmentOrientation="Horizontal" Area3DStyle-Enable3D="true"  Area3DStyle-IsClustered="true" Area3DStyle-IsRightAngleAxes="true"
                Area3DStyle-LightStyle="Simplistic">
                  <AxisX LabelAutoFitMaxFontSize="10" Enabled="True" Crossing="Auto"  Interval="1" >
                <LabelStyle  ForeColor="Blue" />
                </AxisX>
                </asp:ChartArea>
            </ChartAreas>
        </asp:Chart>
        <br />
      <asp:Button ID="Button2" runat="server" Text="Back"  CssClass="myButton" 
           onclick="Button2_Click" />
   </asp:Panel>
</ContentTemplate>   
            </asp:UpdatePanel>            
</asp:Content>

