<%@ page title="" language="C#" masterpagefile="~/html/MasterPage.master" autoeventwireup="true" inherits="html_New_TimeSheet, App_Web_susspz30" %>
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="cc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <link href="../css/buttoncss.css" type="text/css" rel="Stylesheet"/>   
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    
    <script type="text/javascript"> 
function DivExpandFun(divid, FixedImg, upImg, downImg) 
{ 
    if (typeof ccollect != "undefined") 
    { 
        if (document.getElementById(divid).style.display != "none") 
        { 
            document.getElementById(divid).style.display = "none" 
            document.getElementById(FixedImg).src = downImg; 
            document.getElementById(FixedImg).title = "Open div" 
        } 
        else 
        { 
            document.getElementById(divid).style.display = "block" 
            document.getElementById(FixedImg).src = upImg; 
            document.getElementById(FixedImg).title = "Close div" 
        } 
    } 
} 

function GetStyle(classname) 
{ 
    ccollect = new Array() 
}

function do_onload() 
{ 
    GetStyle("hideContent")//give the name of style class 
}

if (document.getElementById) 
window.onload = do_onload 

</script> 

<style type="text/css"> 
.hideContent 
{ 
    display: block; 
} 
</style>     
     
<style type="text/css">

.lbl_heading
{
    color:White;
    font-size:15px;
    font-weight:bold;
    
    }
/*.btn_Add_Activity
{
    color:blue;
}*/
.shadow_five4 
{
    
       background-color:#fd9800;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        -ms-border-radius: 10px;
        border-radius: 10px;
       -moz-box-shadow: 0px 0px 0px #B1A59A;
        -webkit-box-shadow: 0px 0px 0px #B1A59A;
        -o-box-shadow: 0px 0px 0px #B1A59A;
        -ms-box-shadow: 0px 0px 0px #B1A59A;
        box-shadow: 0px 0px 0px #B1A59A;
        padding: 10px;



     
        
    }
    .shadow_five
    {
         background-color:#FFDDAA;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        -ms-border-radius: 10px;
        border-radius: 10px;
       -moz-box-shadow: 0px 0px 0px #B1A59A;
        -webkit-box-shadow: 0px 0px 0px #B1A59A;
        -o-box-shadow: 0px 0px 0px #B1A59A;
        -ms-box-shadow: 0px 0px 0px #B1A59A;
        box-shadow: 0px 0px 0px #B1A59A;
        padding: 10px;
        
        }
    .lnk_taskassign{
        color:blue;
    }
     .modelbackground1
        {
        	background-color:Gray;
	        filter:alpha(opacity=70);
	        opacity:0.7;
        }
      .categorypanel1
        {
        	background-color:#FFF0DB;
        	border:2px solid black;
        	
        		}
        .shadow_five122
          {
              width:100%;
         background-color:White;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        -ms-border-radius: 10px;
        border-radius: 10px;
       -moz-box-shadow: 0px 0px 0px #B1A59A;
        -webkit-box-shadow: 0px 0px 0px #B1A59A;
        -o-box-shadow: 0px 0px 0px #B1A59A;
        -ms-box-shadow: 0px 0px 0px #B1A59A;
        box-shadow: 0px 0px 0px #B1A59A;
        padding: 0px;
        }
        
        
         .p1
        {
       background-image: linear-gradient(to bottom, #fcfcfc, #f7f7f7 3%, #ff9966 12%,#cc6600 90%, #cc6600);
-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:35px;
        width: 103px;
    }
       .contactpanelcss
        {
        	width:65%;
        	margin:0px;
        	background-color:White;
        	border:6px solid ActiveBorder;
        	padding:5px;
        	margin-top:10%;
        	height:500px;
        	overflow:auto;
        	     	   	
        }   
         .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:15px;
            width:202px;
        }
        
                .cssLoadingTimer
        {        	
        	/* filter:alpha(opacity=90);       	
        	opacity:0.7; */        	
        	text-align:center; 
        	position:fixed; 
        	margin:5% 0% 0px 30%; 
        	   
        	width:300px;
        	height:20%;
        	background-color:#ffebcc;
        	display:inline;
            z-index:999;
            margin-top:200px;
            align:center;
        	
        
        }
        
</style>

<script type="text/javascript">
        $().ready(function () {
              
            var PRid = $('input[id$=hf_prid]').val();
            var user_id = $('input[id$=hf_user_id]').val();
            var designation = $('input[id$=hf_designation]').val();

            var Pageload = $('input[id$=hfpageload]').val();
            if (Pageload == "Yes") {
               // $find("show_activity_stage_popup").show();
                GetActivityDropDownData();
                Bind_other_details();
                Bind_activityList(PRid, "", "");
                $('#<%=hf_prid.ClientID%>').val();
                
                $('input[id$=hfpageload]').val("");
            }

            function Bind_other_details() {

                $.ajax({

                    type: "POST",
                    url: "ShowClientwiseReport.aspx/bind_OtherDetails_List",
                    data: "{PRid:'" + PRid + "'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (msg) {

                        $.each(msg.d, function () {

                            $("#<%=lbl_p_n.ClientID %>").html(this['project_name']);
                            $("#<%=lbl_e_n.ClientID %>").html(this['emp_name']);
                            $("#<%=lbl_c_n.ClientID %>").html(this['Client_name']);

                        });

                        $("#dv_showinfo").show();
                    }
                });
            }

            function Bind_activityList(PRid, Isclick, SrNo) {

                $.ajax({
                    type: "post",
                    url: "ShowClientwiseReport.aspx/bind_Activity_list",
                    data: "{PRid:'" + PRid + "',user_id:'" + user_id + "'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (response) {
                        $("#Activity_list").empty();
                        $.each(response.d, function () {

                            var amount = parseFloat(this['mainstage_cost']).toLocaleString('en') 
                            var seereport = "";
                            var changecolor = "";
                            if (this['see_report'] == "1") {
                                seereport = "style='text-decoration:underline;'";
                            }
                            if (this['mainstage_progress_percentages'] == "100.00")
                            {
                                //alert("sss");
                                changecolor = "style='color:#008000;'";
                                //alert(changecolor);
                            }
                          
                            var click_tr = "";
                            if (Isclick == "1" && SrNo == this['Row']) { //if activity link is clicked then change background color
                                click_tr = "style='background-color:#ffff1c;'";
                            }

                            //var table = document.getElementById("Project_Activity_table");
                            //var table_len = (table.rows.length);
                            //var row = table.insertRow(table_len).outerHTML = "<tr " + click_tr + " ><td align='center'>" + this['Row'] + "</td><td style='color:#000099;cursor:pointer;'><a  id='lnk_activity' " + seereport + ">" + this['Mainstage_name'] + "</a></td><td style='width:80px;'>" + this['start_datenew'] + "</td><td style='width:80px;'>" + this['end_datenew'] + "</td><td>" + this['mainstage_percentage'] + "</td><td align='right'>" + amount + "</td><td>" + this['Extanded_days'] + "</td><td style='color:red;'>" + this['main_progress_hundred'] + "   <input type='hidden' value='" + this['Row'] + "'  id='hf_Activity_srno' /></td></tr>";
                          
                            $("#Activity_list").append("<tr " + click_tr + " " + changecolor + " ><td align='center'>" + this['Row'] + "</td><td style='color:#000099;cursor:pointer;'> <b> <a  id='lnk_activity' " + changecolor + "  " + seereport + ">" + this['Mainstage_name'] + "</a> </b> </td><td style='width:80px;'> " + changecolor + " " + this['start_datenew'] + "</td><td style='width:80px;'>" + this['end_datenew'] + "</td><td>" + this['mainstage_percentage'] + "</td><td align='right'>" + amount + "</td><td>" + this['Extanded_days'] + "</td><td style='color:red;'>" + this['main_progress_hundred'] + "   <input type='hidden' value='" + this['Row'] + "'  id='hf_Activity_srno' />   <input type='hidden' value='" + this['Mainstage_ID'] + "'  id='hf_IdActivity' /> </td><td align='center'>" + this['Total_time'] + "</td></tr>");

                        });                       
                    },
                    failure: function (response) {
                        alert(response.d);
                    }

                });
            }

            $("#Project_Activity_table a").live('click', function (event) {
                var id = event.target.id;
               
                if (id == "lnk_activity") {

                    var SrNo = $(this).closest('tr').find('input[id$=hf_Activity_srno]').val();
                    var activityid = $(this).closest('tr').find('input[id$=hf_IdActivity]').val();
                    
                    $('input[id$=hf_main_stage_sr_no]').val(SrNo);
                    $('input[id$=hf_mainstage_id]').val(activityid);
                    var ActivitySrNo = $('input[id$=hf_main_stage_sr_no]').val();
                    Bind_activityList(PRid, "1", SrNo);
                    Bind_StagesList(activityid, "", "", ActivitySrNo);
                }                
            });


            function Bind_StagesList(ActivityId, Isclick, SrNo, ActivitySrNo) {

                $.ajax({
                    type: "post",
                    url: "ShowClientwiseReport.aspx/bind_Stages_list",
                    data: "{ActivityId:'" + ActivityId + "',user_id:'" + user_id + "',ActivitySrNo:'" + ActivitySrNo + "'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (response) {
                        $("#Stage_list").empty();                                          

                        $.each(response.d, function () {

                            var amount = parseFloat(this['mainstage_cost']).toLocaleString('en')
                            var seereport = "";
                            if (this['see_report'] == "1") {
                                seereport = "style='text-decoration:underline;'";
                            }                       
                            changecolor = "";
                            if (this['substage_percentages'] == "100") {
                              //  alert("sss");
                                changecolor = "style='color:#008000;'";
                                //alert(changecolor);
                            }
                         
                            var click_tr = "";
                            if (Isclick == "1" && SrNo == this['Row']) { //if stage link is clicked then change background color
                                click_tr = "style='background-color:#ffff1c;'";
                            }

                            $("#Stage_list").append("<tr " + click_tr + " " + changecolor + "><td align='center'>" + this['Row'] + "</td><td style='color:#000099;cursor:pointer;'> <b> <a  id='lnk_Stage' " + changecolor + " " + seereport + " >" + this['Mainstage_name'] + "</a> </b> </td><td style='width:80px;'> " + changecolor + "  " + this['start_datenew'] + "</td><td style='width:80px;'>" + this['end_datenew'] + "</td><td>" + this['mainstage_percentage'] + "</td><td align='right'>" + amount + "</td><td>" + this['Extanded_days'] + "</td><td style='color:red;'>" + this['main_progress_hundred'] + "   <input type='hidden' value='" + this['Row'] + "'  id='hf_stage_srno' />  <input type='hidden' value='" + this['Mainstage_ID'] + "'  id='hf_Idstage' /> </td><td align='center'>" + this['Total_time'] + "</td></tr>");
                           //<td align='center'>" + this['Actual_total_time'] + "</td>
                        });

                        $("#dv_stage").show();
                    },
                    failure: function (response) {
                        alert(response.d);
                    }

                });
            }


            $("#Project_Stage_table a").live('click', function (event) {
                var id = event.target.id;

                if (id == "lnk_Stage") {
                  
                    var StageSrNo = $(this).closest('tr').find('input[id$=hf_stage_srno]').val();
                    var stageid = $(this).closest('tr').find('input[id$=hf_Idstage]').val();
                    //alert(stageid);
                    $('input[id$=hf_sub_stage_id]').val(stageid);
                    $('input[id$=hf_sub_stage_sr_no]').val(StageSrNo);

                    var activityid = $('input[id$=hf_mainstage_id]').val();
                    var ActivitySrNo = $('input[id$=hf_main_stage_sr_no]').val();

                    Bind_workprogress_withouttask(PRid, activityid, stageid, designation, user_id);

                    Bind_StagesList(activityid, "1", StageSrNo, ActivitySrNo, stageid);
                    Bind_TaskList(stageid, "", "", StageSrNo)
                }
            });

            function Bind_workprogress_withouttask(PRid, activityid, stageid, designation, user_id) {
                $("#dv_workreport").empty();

                $.ajax({

                    type: "POST",
                    url: "ShowClientwiseReport.aspx/bind_workprogress_reportwithouttask",
                    data: "{PRid:'" + PRid + "',activityid:'" + activityid + "',stageid:'" + stageid + "',designation:'" + designation + "',user_id:'" + user_id + "'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (msg) {

                        $("#dv_workreport").append(msg.d);
                    }
                });
            }


            function Bind_TaskList(stageid, Isclick, SrNo, StageSrNo) {

                $.ajax({
                    type: "post",
                    url: "ShowClientwiseReport.aspx/bind_Task_list",
                    data: "{stageid:'" + stageid + "',user_id:'" + user_id + "',StageSrNo:'" + StageSrNo + "'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (response) {
                        $("#task_list").empty();
                        var cnt = 0;
                        $.each(response.d, function () {
                            cnt++;
                            var amount = parseFloat(this['mainstage_cost']).toLocaleString('en')
                            var seereport = "";
                            if (this['see_report'] == "1") {
                                seereport = "style='text-decoration:underline;'";
                            }
                               var Assign_Task='Assign Task';
                            changecolor = "";
                            if (this['subsubstage_percentages'] == "100") {
                               //   alert("sss");
                                changecolor = "style='color:#008000;'";
                                //alert(changecolor);
                            }
                            var remarkcolor = "";
                            if (this['remark'] == "") {
                                //alert("sss");

                                //alert(changecolor);
                            }
                            else {
                            //    alert("sss");
                                remarkcolor = "style='color:#FF0000;'";

                            }
                            var click_tr = "";
                            if (Isclick == "1" && SrNo == this['Row']) { //if task link is clicked then change background color
                                click_tr = "style='background-color:#ffff1c;'";
                            }

                            $("#task_list").append("<tr " + click_tr + " " + changecolor + " " + remarkcolor + " ><td align='center'>" + this['Row'] + "</td><td style='color:#000099;cursor:pointer;'> <b> <a  id='lnk_task' " + changecolor + " " + remarkcolor + " " + seereport + ">" + this['task_name'] + "</a> </b> </td><td style='width:80px;'> " + changecolor + "   " + this['start_datenew'] + "</td><td style='width:80px;'>" + this['end_datenew'] + "</td><td  align='right'  style='width:80px;'>" + this['total_time'] + "</td><td  align='right'>" + this['Actual_total_time'] + "</td><td align='right'>" + amount + "</td><td>" + this['Extanded_days'] + "</td><td style='color:red;'>" + this['main_progress_hundred'] + "   <input type='hidden' value='" + this['Row'] + "'  id='hf_task_srno' />  <input type='hidden' value='" + this['task_ID'] + "'  id='hf_Idtask' /> <td style='color:#000099;cursor:pointer;'> <b> <a  id='lnk_taskassign' >" + ['Assign_Task'] + "</a> </b> </td></td></tr>");

                        });

                        if (cnt > 0) {

                            $("#dv_Task").show();
                        }
                        else {

                            $("#dv_Task").hide();
                        }
                    },
                    failure: function (response) {
                        alert(response.d);
                    }

                });
            }
            //below code is for assign task
           
             $("#Project_Task_table a").live('click', function (event) {
                var id = event.target.id;
                 //alert(id)
                 if (id == "lnk_taskassign") {
                    HiddenField1 = $(this).closest('tr').find('input[id$=hf_Idtask]').val();
                     //alert(Taskid);
                  GetActivityDropDownData();
                  
                     $find("show_activity_stage_popup").show();
                     
                    
                    
                      
                  
                     //alert("this is home");
                    
                   
                  
                   
               
                 
                          
                 }
               
            });

              $("[id*=lnk_close_pop]").click(function () {
             $find("show_activity_stage_popup").hide();
         });



            $("#Project_Task_table a").live('click', function (event) {
                var id = event.target.id;

                if (id == "lnk_task") {
                   // alert("this is home");
                    var TaskSrNo = $(this).closest('tr').find('input[id$=hf_task_srno]').val();
                    var Taskid = $(this).closest('tr').find('input[id$=hf_Idtask]').val();

                    var StageSrNo = $('input[id$=hf_sub_stage_sr_no]').val();
                    var activityid = $('input[id$=hf_mainstage_id]').val();
                    var stageid = $('input[id$=hf_sub_stage_id]').val();
                    var ActivitySrNo = $('input[id$=hf_main_stage_sr_no]').val();

                    Bind_Taskwise_workprogress(PRid, activityid, stageid, Taskid, designation, user_id);
                    Bind_TaskList(stageid, "1", TaskSrNo, StageSrNo);
                    Bind_StagesList(activityid, "1", StageSrNo, ActivitySrNo);
                    Bind_activityList(PRid, "1", ActivitySrNo);
                }
            });

            function Bind_Taskwise_workprogress(PRid, activityid, stageid, Taskid, designation, user_id) {
                $("#dv_workreport").empty();

                $.ajax({

                    type: "POST",
                    url: "ShowClientwiseReport.aspx/Bind_Taskwise_workprogress",
                    data: "{PRid:'" + PRid + "',activityid:'" + activityid + "',stageid:'" + stageid + "',Taskid:'" + Taskid + "',designation:'" + designation + "',user_id:'" + user_id + "'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (msg) {

                        $("#dv_workreport").append(msg.d);
                    }
                });
            }


            //code for assign task for employee
              $("[id*=ddl_Assign_Task_employee]").change(function () {

                  HiddenField3 = $("[id*=ddl_Assign_Task_employee]").find("option:selected").text();
               // HiddenField3=  $("#ddl_Assign_Task_employee option:selected").text();

                  //$('input[id$=HiddenField1]').val(PID);
                  alert(HiddenField3);
                      
                  });

            //$("[id*=ddl_Assign_Task_employee]").change(function () {
               
            //    HiddenField2 = $(this).find("option:selected").val();
            //    alert(HiddenField2);
            //});




            $(document).ready(function() {
  $("#btn_Add_Activity").click(function(e) {
      e.preventDefault();
      var PrID = $('input[id$=hf_prid]').val();
      
      var activityid = $('input[id$=hf_mainstage_id]').val();
    
      var stageid = $('input[id$=hf_sub_stage_id]').val();

      //alert(HiddenField2);
      $.ajax({
          type: "POST",
          url: "ShowClientwiseReport.aspx/send_data_for_approve",
          data: "{prid:'" + PrID + "',activityid:'" + activityid + "',stageid:'" + stageid + "',Taskid:'" + HiddenField1 + "',user_id:'" + user_id + "',HiddenField3:'" + HiddenField3 + "'}",
          contentType: "application/json; charset=utf-8",
          dataType: "json",

          success: function (result) {
              alert('Task Send For Approve');
              $find("show_activity_stage_popup").hide();
          },
          error: function (result) {
              alert('error');
          }
      });
    });
  });




             function GetActivityDropDownData() {

           
                 var PrID = $('input[id$=hf_prid]').val();
                
          
             $.ajax({
                 type: "POST",
                 url: "ShowClientwiseReport.aspx/Bind_Mainstage_list",
                 data: "{prid:'" + PrID + "'}",
                 contentType: "application/json; charset=utf-8",
                 dataType: "json",
     
                 success: function (response) {
                    // alert("Test");
                     $("[id*=ddl_Assign_Task_employee]").empty();
                     $("<option value='-Select-'>-Select-</option>").appendTo("[id*=ddl_Assign_Task_employee]");
                     $.each(response.d, function () {

            //             var str = $('#response').val();
            //var strarray = str.split(',');
            //             for (var i = 0; i < strarray.length; i++) {
            //                 alert(strarray[i]);
            //             }


                    //       var ddl = $('#ddl_Assign_Task_employee');

                    //ddl.append("<option value='0'>-select-</option>");
                    //     var length = 1;
                    //     for (var i = 0; i < response.d.length; i++) {
                    //         alert(length);

                    //         var City = response.Bind_Mainstage_listResult[i].split(',')[0];
                    //         alert(PrID);

                    //         var Code = response.Bind_Mainstage_listResult[i].split(',')[1];

                    //         ddl.append("<option value='" + Code + "'>" + City + "</options>");
                    //     }

                         $("<option value=" + this['PrID'] + ">" + this['Project_team'] + "</option>").appendTo("[id*=ddl_Assign_Task_employee]");
                       
                     });
                 },
                 failure: function (response) {
                     // alert("Test
                    // alert("Test");
                        
                 }
             });
         }
});
   

    </script>


</asp:Content>


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

  <asp:HiddenField ID="hf_main_stage" runat="server" />
           
  <asp:HiddenField ID="hf_sub_stage_sr_no" runat="server" />
  <asp:HiddenField ID="hf_task_sr_no" runat="server" />
  <asp:HiddenField ID="hf_main_stage_sr_no" runat="server" />
      <asp:HiddenField ID="HiddenField4" runat="server" />


   <%--for popup added--%>
  
        <asp:Button ID="btn_popup21" runat="server" style="display:none;" Text="Popup" />
        <cc1:ModalPopupExtender ID="model_popup_show_cust_person_info" runat="server" 
                     PopupControlID="pnlCrDetails" BehaviorID="show_activity_stage_popup"
                    TargetControlID="btn_popup21" BackgroundCssClass="modelbackground1">
                </cc1:ModalPopupExtender>
        <asp:Panel ID="pnlCrDetails" runat="server" CssClass="categorypanel1" Width="40%" 
               style="margin-left:0px;margin-top:10px;height:150px;overflow:auto;"> 
        
     <table width="100%" style="border:Solid 2px #D46900;width:100%; height:150px"cellpadding="0" cellspacing="0">
<tr style="background-image:url(../images/header.gif)">
<td style="height:8px; color:White; font-weight:bold;padding:3px; font-size:larger; font-family:Calibri" align="left">

    <asp:Label ID="lbl_main_sub_stage_add_heading" runat="server" Text=""></asp:Label>

</td>
<td style=" color:White; font-weight:bold;padding:3px; font-size:larger" align="right">  
<a href="#" id="lnk_close_pop">  <img src="../images/Close.gif" alt="Close" style="border :0px" align="right"/> </a>

  </td>
</tr>
<tr>
<td colspan="2">


 <div runat="server" id="div_show_main_stage_add_from">
 
 
     <table width="100%" style="line-height:40px;">
       
<%--        <tr>
        <td colspan="4">
         <asp:Label ID="lbl_project_name" runat="server" Text="Job Name :" Font-Bold="true" Font-Size="14px" Font-Names="Verdana"
            ForeColor="#cc0000" ></asp:Label>
  <asp:Label ID="lbl_main_stage_Project_name" runat="server" Text="" Font-Bold="true" Font-Size="14px" Font-Names="Verdana"></asp:Label>
          </td>
             
        </tr>--%>
       
       <%-- <tr>
        <td align="right">	Activity</td>
        <td><b style="color:Red;">*</b></td>
        <td colspan="2">
         <asp:TextBox ID="txt_main_stage_name" runat="server"  
             Width="200px"  ></asp:TextBox>

             
         <asp:RequiredFieldValidator ID="RequiredFieldValidator8" runat="server" ErrorMessage="Enter Activity" 
         ControlToValidate="txt_main_stage_name" ValidationGroup="12" ForeColor="Red"></asp:RequiredFieldValidator>
</td>
        </tr>
        --%>
         <%-- <tr>
        <td align="right">
     Cost
        </td>
        <td>
     

        </td>
        <td colspan="2">
         <asp:TextBox ID="txt_Main_Stage_Cost" runat="server"  Width="110px" MaxLength="10"
                ></asp:TextBox>
                  <cc1:FilteredTextBoxExtender ID="FilteredTextBoxExtender1" runat="server" FilterType="Numbers" TargetControlID="txt_Main_Stage_Cost">
                </cc1:FilteredTextBoxExtender>
                
          
                
       
    
        
    
 
            <tr>--%>
        <%--<td  align="right">
          	Start Date
                    </td><td>
     
      <b  id=B1  runat="server" style="color:Red;">*</b>
        </td>
                                      <td colspan="2">
             <asp:TextBox ID="txt_main_stage_Start_Date" runat="server"  Width="110px"></asp:TextBox>
             <cc1:CalendarExtender ID="CalendarExtender_start_date" runat="server"
                   TargetControlID="txt_main_stage_Start_Date" Format="dd/MM/yyyy">
                </cc1:CalendarExtender>
            
   
 <asp:RequiredFieldValidator ID="RequiredFieldValidator11" runat="server" ErrorMessage="Select End Date" ControlToValidate="txt_main_stage_Start_Date" 
ValidationGroup="12" ForeColor="Red"  ></asp:RequiredFieldValidator>

</td></tr>--%>

<%-- <tr>
        <td align="right" >Time (Days)</td>
        <td><b style="color:Red;">*</b></td>
        <td colspan="2">
        
         <asp:TextBox ID="txt_main_stage_Time_days" runat="server" Width="110px" MaxLength="4" onchange='return myjs();' ></asp:TextBox>       
               
     
          

                 <asp:RequiredFieldValidator ID="RequiredFieldValidator10" runat="server" ErrorMessage="Enter Time (Days)" 
         ControlToValidate="txt_main_stage_Time_days" ValidationGroup="12" ForeColor="Red"></asp:RequiredFieldValidator>
         
             <cc1:FilteredTextBoxExtender ID="FilteredTextBoxExtender3" runat="server" FilterType="Numbers" TargetControlID="txt_main_stage_Time_days">
                </cc1:FilteredTextBoxExtender>
         <br />
              <asp:Label ID="lbl_main_stage_datecheck" runat="server" Text="" Font-Names="Verdana" Font-Size="12px" ForeColor="Red" ></asp:Label>
</td>
        </tr>
    <tr>
        <td align="right" >	End Date</td>
        <td>
     
        </td>
        <td colspan="2">
         <asp:TextBox ID="txt_main_stage_End_Date" runat="server"  
             Width="110px" Enabled="false"  ></asp:TextBox>
              <cc1:CalendarExtender ID="CalendarExtender4" runat="server"
                   TargetControlID="txt_main_stage_End_Date" Format="dd-MM-yyyy">
                </cc1:CalendarExtender>

      
       
         
</td>
        </tr>--%>
     <tr>
    <td align="right">Employee Name</td>
       <td><b style="color:Red;">*</b></td>
                <td>
                    <asp:DropDownList ID="ddl_Assign_Task_employee" runat="server" AppendDataBoundItems="true">
                    </asp:DropDownList>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server"
               ErrorMessage="Select Employee" InitialValue="-SELECT-" ControlToValidate="ddl_Assign_Task_employee" 
         ValidationGroup="12" ForeColor="Red"></asp:RequiredFieldValidator>
                    </td>
                    </tr>   
                    
                  <%--  
                    <tr>
    <td align="right" >Shift To No.</td>
       <td><b style="color:Red;">*</b></td>
                <td>
                     <asp:TextBox ID="TextBox10" runat="server" Width="110px"   ></asp:TextBox>
                      <cc1:FilteredTextBoxExtender ID="FilteredTextBoxExtender13" runat="server" FilterType="Numbers" TargetControlID="TextBox10">
                </cc1:FilteredTextBoxExtender>
                    </td>
                    </tr>  --%>
                      

                 <tr>
                     <td colspan="2">
                      <b> <a style="color:Red;  padding-right:20px; float:right;">* Indicates Compulsory Fields</a></b>
                     </td>
                
                      <td>
                      <input id="btn_Add_Activity" style="color:white; background-color:#0061a7;height:30px;width:70px;    display: inline-block;
    color: #ffffff;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 10px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #154682;"  type="button" value="Submit" class="btn btn-primary"  validationgroup="12"  />
                      
                      
                     </td>
                     <td align="center">
                      
                     </td>
                     <asp:Label ID="assign" runat="server" Text="" ></asp:Label>
                     <td>
                     </td>
                   
                 </tr>
                 <tr>
                     <td>
                     </td>
                     <td>
                     </td>
                     <td>
                         <asp:Label ID="lbl_main_stage_msg" runat="server" Font-Bold="true" 
                             ForeColor="Red" Text=""></asp:Label>
                     </td>
                     <td>
                     </td>
                 </tr>
                 
                   <tr>
                     <td>
                     </td>
                     <td>
                     </td>
                     <td>
                        &nbsp;
                     </td>
                     <td>
                     </td>
                 </tr>
                  <tr>
                     <td>
                     </td>
                     <td>
                     </td>
                     <td>
                        &nbsp;
                     </td>
                     <td>
                     </td>
                 </tr>
          <asp:HiddenField ID="HiddenField2" runat="server" />
       <asp:HiddenField ID="HiddenField6" runat="server" />
         <asp:HiddenField ID="hf_Idtask" runat="server" />
        </table>
     
   
       </div>

        
   
  <%--<div runat="server" id="sub_stage_Popup">
 
 
     <table width="100%" >
       
        <tr>
        <td colspan="4">
         <asp:Label ID="Label72" runat="server" Text="Job Name :" Font-Bold="true" Font-Size="14px" Font-Names="Verdana"
            ForeColor="#cc0000" ></asp:Label>
  <asp:Label ID="lbl_Project_name_val" runat="server" Text="" Font-Bold="true" Font-Size="14px" Font-Names="Verdana"
             ></asp:Label>
           
                <br />
          
                <asp:Label ID="Label84" runat="server" Font-Bold="true" Font-Names="Verdana" 
                    Font-Size="14px" ForeColor="#cc0000" Text="Activity :"></asp:Label>
                <asp:Label ID="lbl_Mainstage_name_val" runat="server" Font-Bold="true" 
                    Font-Names="Verdana" Font-Size="14px" Text=""></asp:Label>
          </td>
             
        </tr>
          <tr>
       
        <td  colspan="2" align ="left"> 
        
         <asp:Label ID="Label2" runat="server" Font-Bold="true" Font-Names="Verdana" 
                    Font-Size="14px" ForeColor="#cc0000" Text="Start Date :"></asp:Label>
                <asp:Label ID="lbl_MAIN_stage_start_date" runat="server" Font-Bold="true" 
                    Font-Names="Verdana" Font-Size="14px" Text=""></asp:Label>
                    
                   

        
        </td>
        <td colspan="2">
           <asp:Label ID="Label6" runat="server" Font-Bold="true" Font-Names="Verdana" 
                    Font-Size="14px" ForeColor="#cc0000" Text="End Date	:"></asp:Label>
                <asp:Label ID="lbl_main_stage_end_date" runat="server" Font-Bold="true" 
                    Font-Names="Verdana" Font-Size="14px" Text=""></asp:Label>
        </td>
           
               
               
             
        </tr>
        <tr>
        <td align="right">Stage Name</td>
        <td><b style="color:Red;">*</b></td>
        <td colspan="2">
         <asp:TextBox ID="txt_substage" runat="server"  
             Width="200px"  ></asp:TextBox>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator37" runat="server" ErrorMessage="Enter sub stage Name" ControlToValidate="txt_substage"
                 ValidationGroup="15" ForeColor="Red"></asp:RequiredFieldValidator>

        </td>

        </tr>
        
          <tr>
        <td align="right">
       Start Date
        </td>
        <td>
     
      <b style="color:Red;">*</b>
        </td>
        <td colspan="2">
         <asp:TextBox ID="txtstartdate11" runat="server"  Width="110px" ></asp:TextBox>
         <cc1:CalendarExtender ID="CalendarExtender2" runat="server"
                    Enabled="True" TargetControlID="txtstartdate11" Format="dd/MM/yyyy">
                    </cc1:CalendarExtender>
                     <asp:RequiredFieldValidator ID="RequiredFieldValidator36" runat="server" ErrorMessage="Select  Start Date" 
        ControlToValidate="txtstartdate11" ValidationGroup="15" ForeColor="Red"></asp:RequiredFieldValidator>
                   </td>
                  
        
        </tr>
        
    
  <tr>
        <td align="right" >Days</td>
        <td><b style="color:Red;">*</b></td>
        <td colspan="2">
        
         <asp:TextBox ID="Dayscount" runat="server" Width="110px" MaxLength="4"></asp:TextBox> 
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ErrorMessage="Enter days count" ControlToValidate="Dayscount"
                         ValidationGroup="15" ForeColor="Red"></asp:RequiredFieldValidator>
                         
                          <cc1:FilteredTextBoxExtender ID="FilteredTextBoxExtender5" runat="server" FilterType="Numbers" TargetControlID="Dayscount">
                </cc1:FilteredTextBoxExtender>

                      <br />
              <asp:Label ID="lbl_total_days_msgnew" runat="server" Text="" Font-Names="Verdana" Font-Size="12px" ForeColor="Red" ></asp:Label>
        </td>
   
        </tr>
            <tr>
        <td  align="right">
            End Date
                    </td><td>
     
        </td>
                                      <td colspan="2">
             <asp:TextBox ID="txtDate11" runat="server"  Width="110px"   Enabled="false" ></asp:TextBox>
             <cc1:CalendarExtender ID="CalendarExtender3" runat="server"
                    Enabled="false" TargetControlID="txtDate11" Format="dd-MMM-yyyy">
                </cc1:CalendarExtender>
                 <br />
              <asp:Label ID="lbl_end_date_msg" runat="server" Text="" Font-Names="Verdana" Font-Size="12px" ForeColor="Red" ></asp:Label>

           
            
         </td>
</tr>
    <tr>
        <td align="right" >Cost</td>
        <td>

        </td>
        <td>
         <asp:TextBox ID="txtCost" runat="server" Width="110px" MaxLength="10" ></asp:TextBox>

<cc1:FilteredTextBoxExtender ID="FilteredTextBoxExtender6" runat="server" FilterType="Numbers" TargetControlID="txtCost">
                </cc1:FilteredTextBoxExtender>

        </td>
         <td> 
                 
</td>
        </tr>
        
        <tr>
        <td align="right">Allow Task</td>
          <td></td>
            <td>
                <asp:CheckBox ID="chk_allow_sub_sub_stage" runat="server" Text="Allow Task"  />
             <br />
          
    
            </td>
              <td></td>
        </tr>
        
 
     
    
               <tr >
        
        <td align="right" colspan="1"> Select Employee Name</td>
                       
                        <td colspan="2">
                        <div class="col-lg-10">
                            <div class="shadow_five1" 
                                style="height:130px;overflow:auto;width:250px;line-height:20px;">
                                
                                  <div id="div_employee_checkbox_list">
                       </div>
                               
                            
                            </div>
                        </div>
                      
                   </td>
                   <td valign="middle">
                      <asp:Label ID="lbl_select_emp_msg" runat="server" Text="" ForeColor="Red"></asp:Label>
                   </td>
     
        </tr>
        
        
     <tr><td class="style2"></td></tr>
    <tr><td class="style2"></td></tr>
    <tr><td class="style2"></td></tr>
    <tr><td class="style2"></td></tr>
     <tr><td class="style2"></td></tr>

                 <tr>
                     <td>
                     </td>
                     <td>
                     </td>
                      <td>
                       <b> <a style="color:Red;  padding-right:20px; float:right;">* Indicates Compulsory Fields</a></b>
                     </td>
                     <td align="center">
                     
                     <input id="btn_submit_update_stage" type="button" value="Submit" class="btn btn-primary" validationgroup="15"   width="100px"  />
                     
                      </td>
                     <td>
                     </td>
                   
                 </tr>
                 <tr>
                     <td>
                     </td>
                     <td>
                     </td>
                     <td>
                         <asp:Label ID="lbl_substage" runat="server" Font-Bold="true" 
                             ForeColor="Red" Text=""></asp:Label>
                     </td>
                     <td>
                     </td>
                 </tr>
       <asp:HiddenField ID="hf_substage_Row" runat="server" />
        </table>
     
   
       </div>--%>
   
   
   
       </td></tr></table>

    </asp:Panel> 




    
        <table class="p1" >
        <tr>
            <td  class="p12" style="font-size: 20px; font-weight: bold; color:White;"  >
                &nbsp;&nbsp; Reports 
               
            </td>
        </tr>
        </table>
    
    <div>
    <table width="100%">
    <tr>
    <td align="right">
    </td>
    <td align="right">
     <asp:DropDownList ID="ddl_projectclientwise" runat="server" Font-Names="Verdana" 
                    DataTextField="PName" DataValueField="PrID"                    
                    AutoPostBack="True" AppendDataBoundItems="True"  Visible="false"
                    OnSelectedIndexChanged="ddl_projectclientwise_SelectedIndexChanged">
     </asp:DropDownList>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <asp:Button ID="btn_show_bar_graph" runat="server" Text="Bar Graph" 
            CssClass="myButton" onclick="btn_show_bar_graph_Click" Visible="false" />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
       <asp:Button ID="btn_show_pie_graph" runat="server" Text="Pie Graph" 
            CssClass="myButton" onclick="btn_show_pie_graph_Click" Visible="false" />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <asp:Button ID="btn_show_line_geaph" runat="server" Text="Line Graph" 
            CssClass="myButton" onclick="btn_show_line_geaph_Click" Visible="false" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            
    </td>
    </tr>
    
    <tr>
    
    <td colspan="2" bgcolor="#cc6600" class="p12"> 
      <asp:Panel ID="pnl_showinfo" runat="server"  Font-Names="Verdana"> <%--Visible="false"--%>
                    <div id="dv_showinfo" style="display:none;">
                    <b style="color:#003399;font-size:15px;">Project: </b>
        
                    <asp:Label ID="lbl_p_n" runat="server" Text="" CssClass="lbl_heading"></asp:Label>

        
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <asp:Label runat="server" ID="lbl_client_name" ForeColor="#003399" Font-Bold="true" Font-Size="15px" Text="Client:" Font-Names="Verdana" ></asp:Label>  

         <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:" Font-Size="15px" ForeColor="#003399" Font-Names="Verdana"></asp:Label> 
     
         <asp:Label ID="lbl_e_n" runat="server" Text="" CssClass="lbl_heading"></asp:Label>
         </div></asp:Panel>
    </td>
        </tr>
    </table>
 
                
                <asp:Panel ID="bind_mainstage" Width="100%" runat="server" > <%-- Visible="false"--%>
             
            
             <div class="shadow_five122" style="height:280px; background-color:White;margin-top:10px;" id="dv_bind_mainstage">
                <div style="float:left;height:240px;margin-left:20px;margin-top:5px;width:820px;" class="shadow_five4"  >
                   <asp:Label runat="server" ID="lbl_total_progress" Text="" Font-Size="13" ForeColor="Black" Font-Names="Verdana" Font-Bold="true" ></asp:Label>
                <asp:Label runat="server" ID="Label1" Text="" Font-Size="13" ForeColor="Red" Font-Names="Verdana" Font-Bold="true"></asp:Label>
                <div style="overflow:auto;overflow-x: hidden;height:200px;width:820px;">
                <asp:GridView runat="server" ID="gv_bindmainstages" AutoGenerateColumns="false"   
        onselectedindexchanging="gv_bindmainstages_SelectedIndexChanging" Font-Names="Verdana" Font-Size="12px"
        CellPadding="4" DataKeyNames="Mainstage_ID" onrowcommand="gv_bindmainstages_RowCommand" 
                        onrowdatabound="gv_bindmainstages_RowDataBound" Width="820px"  Visible="false">

<Columns>
<asp:TemplateField HeaderText="Sr.No">
<ItemTemplate>
<asp:Label runat="server" ID="lbl_srno" Text='<% # Eval("Row") %>'></asp:Label>
 </ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Activity name">
<ItemTemplate>

 <asp:LinkButton ID="lnk_mainstage" runat="server" Text='<%# Eval("Mainstage_name") %>' 
                                CommandName="Select" CommandArgument="<%# ((GridViewRow) Container).RowIndex %>" Font-Underline="false" ForeColor="#000099" Font-Bold="true" />  

</ItemTemplate>
</asp:TemplateField>


 <asp:TemplateField HeaderText="Start Date">
<ItemTemplate>
<asp:Label ID="lbl_activity_start_date" runat="server" Text='<%# Eval("start_datenew") %>' Width="80px"  ></asp:Label>
</ItemTemplate>
</asp:TemplateField>

<asp:TemplateField HeaderText="End Date">
<ItemTemplate>
<asp:Label ID="lbl_activity_end_date" runat="server" Text='<%# Eval("end_datenew") %>' Width="80px" ></asp:Label>
</ItemTemplate>
</asp:TemplateField>

<asp:TemplateField HeaderText="Days">
<ItemTemplate>
<asp:Label ID="lbl_mainstime" runat="server" Text='<%# Eval("mainstage_percentage") %>' ></asp:Label>
</ItemTemplate>
</asp:TemplateField>
        <asp:TemplateField HeaderText="Time">
<ItemTemplate>
<asp:Label ID="lbl_time" runat="server"  ></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Cost<br/>(Rupees)" ItemStyle-HorizontalAlign="Right">
<ItemTemplate>
<asp:Label ID="lbl_mainstage_cost" runat="server" Text='<%# Eval("mainstage_cost") %>' ></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Extended<br> days">
<ItemTemplate>
<asp:Label ID="lbl_Extanded_days" runat="server" Text='<%# Eval("Extanded_days") %>' ></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="% To Total" Visible="false">

<ItemTemplate>
<asp:Label ID="lbl_mainstagewise_percentages" runat="server" Text='<%# Eval("per_days_percentages") %>' ></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Completion<br/>(%)">
<ItemTemplate>

<asp:Label ID="lbl_total_progress" runat="server" Text='<%# Eval("main_progress_hundred") %>' ForeColor="Red"></asp:Label>

</ItemTemplate>
</asp:TemplateField>
</Columns>
                            <FooterStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />
                            <PagerStyle BackColor="#FFCC66" ForeColor="#333333" HorizontalAlign="Center" />                       
                            <HeaderStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />
                            <AlternatingRowStyle BackColor="White" />

</asp:GridView>


 <table id="Project_Activity_table" cellpadding="4" border="1" rules="all" style="border-style:solid;border-width:0.2px;border-color:grey;font-family:Verdana;font-size:12px;" width="100%">
 <tr style="background-color:#990000; color:white;font-size:12px;">
    <th>Sr.No</th>
    <th><b>Activity name</b></th>
    <th><b>Start Date</b></th>
    <th><b>End Date</b></th>
    <th><b>Days</b></th> 
   
    <th><b>Cost<br/>(Rupees)</b></th>
    <th><b>Extended<br/> days</b></th>
     <th><b>Completion<br/>(%)</b></th>
     <th><b>Total Time</b></th>
</tr>
<tbody id="Activity_list" style="background-color:white;">

</tbody>
</table>        

</div>
</div>
<div style="float:left; height:250px; width:20%; margin-left:20px;margin-top:0px;">
<asp:Panel runat="server" ID="pnl_total_per_graph" Visible="false">
&nbsp;&nbsp;&nbsp;&nbsp;<asp:Label runat="server" ID="lbl_total_competion" Text="Total Completion %" CssClass="" Font-Size="13"  Font-Names="Verdana" Font-Bold="true" ></asp:Label>
<br />
  <asp:Chart ID="Chart2" runat="server"  Height="240px" Width="237px"   
        BackColor="#fd9800"   BorderSkin-SkinStyle="Emboss" Palette="Bright"  
        style="margin-top: 0px;margin-left:-10px;" >
                                  
                        <BorderSkin SkinStyle="Emboss"  />
                          
                        <series>  
                            <asp:Series Name="PieSeriesghh"  
                            YValueMembers="total"  
                            ChartArea="ChartArea1" Legend="Legend1" ShadowOffset="4"   
                            ToolTip="Stage Name  : #VALX \nPercentages   : #VALY%"
                            CustomProperties="PieLabelStyle=OutSide, CollectedThresholdUsePercent=False" Font="Verdana, 7pt"
                            LabelForeColor="#000066" Label="#VALY%">  
                            </asp:Series>       
                        </series>  
      
                        <MapAreas>
                            <asp:MapArea Coordinates="100,100,100,100" />
                        </MapAreas>
                        <ChartAreas>
                            <asp:ChartArea BackGradientStyle="TopBottom" BackSecondaryColor="Ivory" 
                                BorderColor="255, 255, 153" BorderDashStyle="Solid" Name="ChartArea1" 
                Area3DStyle-LightStyle="Simplistic">
                  <AxisX LabelAutoFitMaxFontSize="10" Enabled="True" Crossing="Auto"  Interval="1" >
                <LabelStyle  ForeColor="Blue" />
                </AxisX>
                </asp:ChartArea>
                             
                 </ChartAreas>
                          
                          
     </asp:Chart> 
    
    </asp:Panel>
    <asp:Panel runat="server" ID="pnl_main_stage_wise_graph" Visible="false">
    <asp:Chart ID="Main_stage_wise" runat="server"  Height="250px" Width="241px"  BackColor="#fd9800"   BorderSkin-SkinStyle="Emboss" Palette="Bright" style="margin-top: 0px" >
                                  
                        <BorderSkin SkinStyle="Emboss" />
                          
                        <series>  
                           
                              <asp:Series Name="PieSeriesghh11"   
                            YValueMembers="per_hundred"  
                            ChartArea="ChartArea1" Legend="Legend1" ShadowOffset="4"   
                            ToolTip="Stage Name  : #VALX \nPercentages   : #VALY%"
                            CustomProperties="PieLabelStyle=OutSide, CollectedThresholdUsePercent=False" Font="Verdana, 7pt"
                            LabelForeColor="Blue" Label="#VALY%">  
                            </asp:Series>    
                        </series>  
      
                        <MapAreas>
                            <asp:MapArea Coordinates="100,100,100,100" />
                        </MapAreas>
                        <ChartAreas>
                            <asp:ChartArea BackGradientStyle="TopBottom" BackSecondaryColor="Ivory" Area3DStyle-Enable3D="false" Area3DStyle-IsClustered="true" Area3DStyle-IsRightAngleAxes="true"
                Area3DStyle-LightStyle="Simplistic"
                                BorderColor="255, 255, 153" BorderDashStyle="Solid" Name="ChartArea1">
                                  <AxisX LabelAutoFitMaxFontSize="10" Enabled="True" Crossing="Auto"  Interval="1" >
                <LabelStyle  ForeColor="Blue" />
                </AxisX>
                            </asp:ChartArea>
                        </ChartAreas>
                          
                    </asp:Chart>
    
    </asp:Panel>
     
                   
             
                    </div>
                    
<div style="float:right;height:215px; width:30%;">


         


    <asp:Panel ID="pnl_show_linegraph" runat="server" Visible="false">
   


<table runat="server" id="table_chart" visible="false">
<tr>
<td>
 <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="true"></asp:Label>

 <asp:DropDownList ID="ddl_sub_stages_list" runat="server"  Font-Size="12px"
                    DataTextField="sub_stage_desc" DataValueField="substage_id" AutoPostBack="True" 
                   Visible="true" Width="200px" Font-Names="Verdana" 
        onselectedindexchanged="ddl_sub_stages_list_SelectedIndexChanged" ></asp:DropDownList>
</td>
</tr>
<tr>
<td>
  
  
  <asp:Chart ID="target_achievement" runat="server" Palette="Bright" Visible="false" 
        BorderSkin-SkinStyle="Emboss" AntiAliasing="All" BackColor="#fd9800" 
        Width="287px" Height="186px" >
            <BorderSkin SkinStyle="Emboss" />
            <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 />
        
     


</td>
</tr>
</table>



</asp:Panel>

 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<asp:Button runat="server" ID="btn_more_graph" Text="More graphs" 
        CssClass="myButton" 
        onclick="btn_more_graph_Click" Visible="false"/>
</div>

</div>

</asp:Panel>
                
<asp:Panel ID="pnlInfo" runat="server"   Width="100%"  ForeColor="" Font-Names="Verdana" Font-Size="11px">
    <asp:HiddenField ID="hf_mainstage_id" runat="server" />
      <asp:HiddenField ID="hf_sub_stage_id" runat="server" />
    <asp:HiddenField ID="hiddenf" runat="server" />
        
    
      <div style="margin-left:20px;">
    <asp:GridView ID="gv_sub_stage_name_list" runat="server" 
        AutoGenerateColumns="false" DataKeyNames="substage_id"
        onrowdatabound="gv_sub_stage_name_list_RowDataBound" 
        onselectedindexchanging="gv_sub_stage_name_list_SelectedIndexChanging" 
        onrowcommand="gv_sub_stage_name_list_RowCommand" Font-Names="Verdana" Font-Size="12px"
        CellPadding="4" Width="830px" Visible="false">
    <Columns>
       <asp:TemplateField HeaderText="Sr.No">
<ItemTemplate>
<asp:Label runat="server" ID="lbl_sub_srno" Text='<% # Eval("Row") %>'></asp:Label>
 </ItemTemplate>
</asp:TemplateField>
 <asp:TemplateField HeaderText="Stage Name">
    <ItemTemplate>
    
     <asp:Label ID="lblM_ain_stage_ID" runat="server" Text='<%# Eval("Mainstage_ID") %>' Visible="false"></asp:Label>
    <asp:Label ID="Label2" runat="server" Text='<%# Eval("substage_id") %>' Visible="false"></asp:Label>
     <asp:LinkButton ID="lnk_sub_stage_name_list" runat="server" Text='<%# Eval("sub_stage_desc") %>' 
                                CommandName="Select" CommandArgument="<%# ((GridViewRow) Container).RowIndex %>" Font-Underline="false" ForeColor="#000099" Font-Bold="true" />  
    </ItemTemplate>
    </asp:TemplateField>
    
     <asp:TemplateField HeaderText="Start Date">
<ItemTemplate>
<asp:Label ID="lbl_stage_start_date" runat="server" Text='<%# Eval("start_datenew") %>' Width="80px" ></asp:Label>
</ItemTemplate>
</asp:TemplateField>

<asp:TemplateField HeaderText="End Date">
<ItemTemplate>
<asp:Label ID="lbl_stage_end_date" runat="server" Text='<%# Eval("end_datenew") %>' Width="80px" ></asp:Label>
</ItemTemplate>
</asp:TemplateField>
    
<asp:TemplateField HeaderText="Days">
<ItemTemplate>
<asp:Label ID="lbl_subtime" runat="server" Text='<%# Eval("total_days") %>' ></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Cost<br/>(Rupees)" ItemStyle-HorizontalAlign="Right">
<ItemTemplate>
<asp:Label ID="lbl_substage_cost" runat="server" Text='<%# Eval("per_stage_cost") %>' ></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Extended<br> days">
<ItemTemplate>
<asp:Label ID="lbl_sub_Extanded_days" runat="server" Text='<%# Eval("Extanded_days") %>' ></asp:Label>
</ItemTemplate>
</asp:TemplateField>

<asp:TemplateField HeaderText="Completion<br/>(%)">
<ItemTemplate>
<asp:Label ID="lbl_sub_total_progress" runat="server" Text='<%# Eval("substage_percentages") %>' ForeColor="Red"></asp:Label>

</ItemTemplate>
</asp:TemplateField>
 <asp:TemplateField HeaderText="Actual Time" Visible="false">
<ItemTemplate>
<asp:Label ID="lbl_time" runat="server" ForeColor="Red"></asp:Label>

</ItemTemplate>
</asp:TemplateField>
    </Columns>
    <FooterStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />
                            <PagerStyle BackColor="#FFCC66" ForeColor="#333333" HorizontalAlign="Center" />
                       
                            <HeaderStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />
                            <AlternatingRowStyle BackColor="White" />
    </asp:GridView>


          <div id="dv_stage" style="display:none;">
                  <table id="Project_Stage_table" cellpadding="4" border="1" rules="all" style="border-style:solid;border-width:0.2px;border-color:grey;font-family:Verdana;font-size:12px;" width="830px">
<tr style="background-color:#990000; color:white;font-size:12px;">
    <th>Sr.No</th>
    <th><b>Stage name</b></th>
    <th><b>Start Date</b></th>
    <th><b>End Date</b></th>
    <th><b>Days</b></th>
    <th><b>Cost<br/>(Rupees)</b></th>
    <th><b>Extended<br/> days</b></th>
     <th><b>Completion<br/>(%)</b></th>
     <th><b>Actual Time</b></th>
</tr>
<tbody id="Stage_list" style="background-color:white;">

</tbody>
</table>        
          </div>

    <br />
    
     <asp:GridView ID="gv_task_list" runat="server" 
        AutoGenerateColumns="false" DataKeyNames="subsubstage_id"
        onrowdatabound="gv_task_list_RowDataBound" 
        onselectedindexchanging="gv_task_list_SelectedIndexChanging" 
        onrowcommand="gv_task_list_RowCommand" Font-Names="Verdana" Font-Size="12px"
        CellPadding="4" Width="830px" Visible="false">
    <Columns>
<asp:TemplateField HeaderText="Sr.No">
<ItemTemplate>
<asp:Label runat="server" ID="lbl_su_b_sub_srno" Text='<% # Eval("Row") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Task Name">
    <ItemTemplate>
    
      <asp:Label ID="lbl_id_sub_sub" runat="server" Text='<%# Eval("subsubstage_id") %>' Visible="false"></asp:Label>
      <asp:Label ID="lbl_task_main_stage_id" runat="server" Text='<%# Eval("Mainstage_ID") %>' Visible="false"></asp:Label>
      <asp:Label ID="lbl_task_sub_stage_id" runat="server" Text='<%# Eval("substage_id") %>' Visible="false"></asp:Label>
     
     <asp:LinkButton ID="lnk_sub_sub_sta_ge_name_list" runat="server" Text='<%# Eval("sub_Sub_stage_desc") %>' 
     CommandName="Select" CommandArgument="<%# ((GridViewRow) Container).RowIndex %>" Font-Underline="false" ForeColor="#000099" Font-Bold="true" />  
    </ItemTemplate>
    </asp:TemplateField>
    <asp:TemplateField HeaderText="Start Date">
<ItemTemplate>
<asp:Label ID="lbl_task_start_date" runat="server" Text='<%# Eval("start_datenew") %>' Width="80px" ></asp:Label>
</ItemTemplate>
</asp:TemplateField>

<asp:TemplateField HeaderText="End Date">
<ItemTemplate>
<asp:Label ID="lbl_task_end_date" runat="server" Text='<%# Eval("end_datenew") %>' Width="80px" ></asp:Label>
</ItemTemplate>
</asp:TemplateField>

<asp:TemplateField HeaderText="Estimated Time" ItemStyle-HorizontalAlign="Right" HeaderStyle-Width="80px">
<ItemTemplate>
<div>
<div style="float:left;">
<asp:Label ID="lbl_to_tal_time" runat="server" Text='<%# Eval("total_time") %>' Width="30px" ></asp:Label>
</div>
<div style="float:left;">
<asp:Label ID="lbl_days_hrs" runat="server" Text='<%# Eval("days_hrs") %>' Width="40px" ></asp:Label>
</div>
</div>
</ItemTemplate>
</asp:TemplateField>


<asp:TemplateField HeaderText="Actual Time" ItemStyle-HorizontalAlign="Right" HeaderStyle-Width="80px">
<ItemTemplate>

<asp:Label ID="lbl_Act_ual_Ti_me" runat="server" Text='<%# Eval("Actual_total_time") %>' Width="50px" ></asp:Label>

</ItemTemplate>
</asp:TemplateField>

<asp:TemplateField HeaderText="Cost<br/>(Rupees)" ItemStyle-HorizontalAlign="Right">
<ItemTemplate>
<asp:Label ID="lbl_sub_stage_sub_cost" runat="server" Text='<%# Eval("per_stage_cost") %>' ></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Extended<br> days">
<ItemTemplate>
<asp:Label ID="lbl_sub_sub_Exta_nded_days" runat="server" Text='<%# Eval("Extanded_days") %>' ></asp:Label>
</ItemTemplate>
</asp:TemplateField>

<asp:TemplateField HeaderText="Completion<br/>(%)">
<ItemTemplate>
<asp:Label ID="lbl_sub_sub_t_otal_prog_ress" runat="server" Text='<%# Eval("substage_percentages") %>' ForeColor="Red"></asp:Label>

</ItemTemplate>
</asp:TemplateField>

<%--        for assign task--%>
      
        <asp:TemplateField HeaderText="Task Name">
            <ItemTemplate>

        <asp:LinkButton ID="Assign_Task" runat="server" Text="Close" Font-Underline="false" CommandArgument='<%# Eval("Row") %>'></asp:LinkButton>
                                                                
               <%--  OnClick="lnkclose_Click"--%>
        </ItemTemplate>
    </asp:TemplateField>



       <%-- <asp:TemplateField HeaderText="Task Name">
    <ItemTemplate>
    
      <asp:Label ID="lbl_id_sub_sub" runat="server" Text='<%# Eval("subsubstage_id") %>' Visible="false"></asp:Label>
      <asp:Label ID="lbl_task_main_stage_id" runat="server" Text='<%# Eval("Mainstage_ID") %>' Visible="false"></asp:Label>
      <asp:Label ID="lbl_task_sub_stage_id" runat="server" Text='<%# Eval("substage_id") %>' Visible="false"></asp:Label>
     
     <asp:LinkButton ID="lnk_sub_sub_sta_ge_name_list" runat="server" Text='<%# Eval("sub_Sub_stage_desc") %>' 
     CommandName="Select" CommandArgument="<%# ((GridViewRow) Container).RowIndex %>" Font-Underline="false" ForeColor="#000099" Font-Bold="true" />  
    </ItemTemplate>
    </asp:TemplateField>--%>



        <asp:TemplateField HeaderText="Total Time">
<ItemTemplate>
<asp:Label ID="lbl_time" runat="server"  ForeColor="Red"></asp:Label>

</ItemTemplate>
</asp:TemplateField>
    </Columns>
                            <FooterStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />
                            <PagerStyle BackColor="#FFCC66" ForeColor="#333333" HorizontalAlign="Center" />
                            <HeaderStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />
                            <AlternatingRowStyle BackColor="White" />
    </asp:GridView>


           <div id="dv_Task" style="display:none;">
                  <table id="Project_Task_table" cellpadding="4" border="1" rules="all" style="border-style:solid;border-width:0.2px;border-color:grey;font-family:Verdana;font-size:12px;" width="830px">
<tr style="background-color:#990000; color:white;font-size:12px;">
    <th>Sr.No</th>
    <th><b>Task name</b></th>
    <th><b>Start Date</b></th>
    <th><b>End Date</b></th>
    <th><b>Estimated<br />Time</b></th>
    <th><b>Actual Time</b></th>
    <th><b>Cost<br/>(Rupees)</b></th>
    <th><b>Extended<br/> days</b></th>
     <th><b>Completion<br/>(%)</b></th>
    <th><b>Assign Task</b></th>
</tr>
<tbody id="task_list" style="background-color:white;">

</tbody>
</table>        
          </div>
    

    <div id="dv_workreport">

    </div>
 
</div>

<b style="color:Green;"></b>

</asp:Panel>



</div>

     <asp:HiddenField ID="hfpageload" runat="server" />
     <asp:HiddenField ID="hf_user_id" runat="server" />
     <asp:HiddenField ID="hf_EMPID" runat="server" />
     <asp:HiddenField ID="hf_prid" runat="server" />
      <asp:HiddenField ID="HiddenField5" runat="server" />
     <asp:HiddenField ID="hf_designation" runat="server" />
<div>
<asp:Button ID="btn_popup" runat="server" style="display:none;" Text="Popup22" />
                <cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server" 
                    CancelControlID="btn_Close111" PopupControlID="pnl_show_bargarph" 
                    TargetControlID="btn_popup">
                </cc1:ModalPopupExtender>
                <asp:Panel ID="pnl_show_bargarph" runat="server" CssClass="contactpanelcss" Visible="true" Width="100%" Height="750px">
                <div style="margin-left:300px;padding-left:200px;">
                <div class="p12" style="width:220px;margin-bottom:10px;margin-left:300px;"  >
      <p style="font-family:Verdana; font-size:14px; margin-top:5px;color:Blue;font-weight:bold;padding-top:5px;">
     <b style="color:White;">&nbsp;&nbsp; Main Stages Graph</b>
      </p>
  
      
           </div>
               
                 <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="btn_Close111" runat="server"   CssClass="myButton"
                        Font-Size="Medium" Text="Close" onclick="btn_Close111_Click"  />
                         </div>
                </asp:Panel>
                
          </div>
          
           <%--  pie graph show popup --%>
          <div>      
                
                <asp:Button ID="btn_popup_pie" runat="server" style="display:none;" Text="Popup111" />
                <cc1:ModalPopupExtender ID="ModalPopupExtender2" runat="server" 
                    CancelControlID="btn_Close_pie" PopupControlID="pnl_show_pie_graph" 
                    TargetControlID="btn_popup_pie">
                </cc1:ModalPopupExtender>
                <asp:Panel ID="pnl_show_pie_graph" runat="server" CssClass="contactpanelcss" Visible="true" Width="100%" Height="750px">
                  <div style="margin-left:200px;margin-bottom:50px;padding-bottom:50px;">
                <div class="p12" style="width:200px;margin-bottom:10px; margin-left:400px;"  >
      <p style="font-family:Verdana; font-size:14px; margin-top:5px;color:Blue;font-weight:bold;padding-top:5px;">
     <b style="color:White;">&nbsp;&nbsp;&nbsp;&nbsp; Main Stages Graph</b>
      </p>
           </div>
           
           <br /><br />
           
           
            <div  style="width:100%;margin-bottom:10px;padding-bottom:20px;" >
                    <div style="width:55%;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="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:45%;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="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> 



</div>   
   <div style="margin-top:20px;padding-top:20px;">
                      <asp:Button ID="btn_Close_pie" runat="server"   CssClass="myButton"
                        Font-Size="Medium" Text="Close" style="margin-top:30px;margin-left:100px;" />
                        </div>

  
                         </div>
                       
                </asp:Panel>
                
                </div>
                
                <%--  Line graph show popup --%>
                
                <div>
                
                    <asp:Button ID="btn_show_line_graph" runat="server" Text="Button" style="display:none;" />
                    <cc1:ModalPopupExtender ID="model_popup_show_line_graph" runat="server" CancelControlID="btn_line_cancel" 
                    TargetControlID="btn_show_line_graph" PopupControlID="pnl_line_graph" Enabled="true" > 
                  </cc1:ModalPopupExtender>
    <asp:Panel ID="pnl_line_graph" runat="server" CssClass="contactpanelcss" Visible="true" Width="100%" Height="650px">
    
       <table width="100%">
  
   <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" ></asp:Label></td>
   <td>
    <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" EnableViewState="true"  >
                </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" Text="Select Sub Stage" ForeColor="Red" Font-Size="12px" Font-Bold="true" Font-Names="Verdana" ></asp:Label></td>
   <td>
     <asp:DropDownList ID="ddl_show_substage_popup" runat="server"  Font-Size="12px"
                    DataTextField="sub_stage_desc" DataValueField="substage_id" AutoPostBack="True" 
           onselectedindexchanged="ddl_show_substage_popup_SelectedIndexChanged" ></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>    
  
    </table>
    
     <asp:Chart ID="chart_show_line_graph_popup" 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="btn_line_cancel" runat="server" Text="Close" CssClass="myButton" />
    
    </asp:Panel>
    <asp:HiddenField ID="hdhdhd" runat="server" />
    </div>            
    <asp:HiddenField ID="HiddenField3" runat="server" />
       <asp:HiddenField ID="HiddenField8" runat="server" />

</asp:Content>

