<%@ Page Title="Inventory Creation" Language="C#" MasterPageFile="~/Empty.Master" AutoEventWireup="true" CodeBehind="Inventoycreation.aspx.cs" Inherits="SUNWEB.Inventoycreation" %>
<%@ Register Assembly="AjaxControlToolkit" TagPrefix="asp" Namespace="AjaxControlToolkit" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link rel="shortcut icon" href="IMG/logo.png">
<script language="javascript">
    function show() {
                              document.write("<head runat='server'></head>");
                             }
  </script>
 <script type="text/javascript">
     function windowOpen() {
         myWindow = window.open('Test.aspx', '_blank', 'width=200,height=100, scrollbars=no,resizable=no')
         myWindow.focus()
     }
    </script>

 <script language="javascript" type="text/javascript">

        function validate() {

            if (document.getElementById("<%=txtBarcode.ClientID %>").value == "") {
                alert("Enter the Barcode");
                document.getElementById("<%=txtBarcode.ClientID %>").focus();
                return false;
            }

            if (document.getElementById("<%=txtInventoryName.ClientID %>").value == "") 
            {
                alert("Enter InventoryName");
                document.getElementById("<%=txtInventoryName.ClientID %>").focus();
                return false;
            }

            if (document.getElementById("<%=txtPrice1.ClientID %>").value == "") {
                alert("Enter the Price1");
                document.getElementById("<%=txtPrice1.ClientID %>").focus();
                return false;
            }

            

            if (document.getElementById("<%=txtEffectiveDt.ClientID %>").value == "") {
                alert("Enter  Effective Date");
                document.getElementById("<%=txtEffectiveDt.ClientID %>").focus();
                return false;
            }

            if (document.getElementById("<%=txtDescription.ClientID %>").value == "") {
                alert("Enter Description");
                document.getElementById("<%=txtDescription.ClientID %>").focus();
                return false;
            }

        }

        function Categoryvalidate() {

            if (document.getElementById("<%=txtCategoryName.ClientID %>").value == "") {
                alert("Enter the CategoryName");
                document.getElementById("<%=txtCategoryName.ClientID %>").focus();
                return false;
            }

            if (document.getElementById("<%=txtCategoryDescription.ClientID %>").value == "") {
                alert("Enter the Description");
                document.getElementById("<%=txtCategoryDescription.ClientID %>").focus();
                return false;
            }


        }


        function Groupvalidate1() {

            if (document.getElementById("<%=txtGroupName.ClientID %>").value == "") {
                alert("Enter the Group1");
                document.getElementById("<%=txtGroupName.ClientID %>").focus();
                return false;
            }
            }


            function Groupvalidate2() {

            if (document.getElementById("<%=txtGroupName1.ClientID %>").value == "") {
                alert("Enter the Group2");
                document.getElementById("<%=txtGroupName1.ClientID %>").focus();
                return false;
            }

            }
            function Groupvalidate3() {

            if (document.getElementById("<%=txtGroupName3.ClientID %>").value == "") {
                alert("Enter the Group3");
                document.getElementById("<%=txtGroupName3.ClientID %>").focus();
                return false;
            }

            }

            function Groupvalidate4() 
            {
            if (document.getElementById("<%=txtGroupName4.ClientID %>").value == "") {
                alert("Enter the Group4");
                document.getElementById("<%=txtGroupName4.ClientID %>").focus();
                return false;
            }

            }
            function Groupvalidate5() 
            {
            if (document.getElementById("<%=txtGroupName5.ClientID %>").value == "") {
                alert("Enter the Group5");
                document.getElementById("<%=txtGroupName5.ClientID %>").focus();
                return false;
            }


        }
   </script>
<input type="text" class="form-control" id="validationCustom04" placeholder="State" required>
<style type="text/css">
/*Calendar Control CSS*/
.cal_Theme1 .ajax__calendar_container   {
background-color: #3D59AB	;
border:solid 1px #77D5F7;
}

.cal_Theme1 .ajax__calendar_header  {
background-color: #ffffff;
margin-bottom: 4px;
}

.cal_Theme1 .ajax__calendar_title,
.cal_Theme1 .ajax__calendar_next,
.cal_Theme1 .ajax__calendar_prev    {
color: #004080;
padding-top: 3px;
}

.cal_Theme1 .ajax__calendar_body    {
background-color: #fffff;
border: solid 1px #77D5F7;
}

.cal_Theme1 .ajax__calendar_dayname {
text-align:center;
font-weight:bold;
margin-bottom: 4px;
margin-top: 2px;
color: #004080;
}

.cal_Theme1 .ajax__calendar_day {
color: #004080;
text-align:center;
}

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme1 .ajax__calendar_active  {
color: #004080;
font-weight: bold;
background-color: #DEF1F4;
}


 
.cal_Theme1 .ajax__calendar_today   {
font-weight:bold;
}

.cal_Theme1 .ajax__calendar_other,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title {
color: #bbbbbb;
}
</style>
<style type="text/css">
        body
        {
            font-family: Arial;
            font-size: 10pt;
        }
        .modalBackground
        {
            background-color:#F7F7F7;
            filter: alpha(opacity=90);
            opacity: 0.8;
        }
        .modalPopup
        {
            background-color:white;
            border: 3px solid #ccc;
            padding: 10px;
            width: 580px;
            height:320px; 
        }
    </style>
<script type="text/javascript">
    function sync() {
        var n1 = document.getElementById('txtInventoryName');
        var n2 = document.getElementById('txtDescription');
        n2.value = n1.value;
    }
</script>    
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
      <asp:UpdatePanel ID="UpdatePanel3" runat="server">
       <ContentTemplate>
  <div class="dashboard-wrapper">
            <div class="container-fluid  dashboard-content">
                <div class="row">
                    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                        <div class="page-header">
                            <h2 class="pageheader-title">ADD PRODUCT</h2>
                            <p class="pageheader-text"></p>
                            
                        </div>
                    </div>
                </div>
              
                    <div class="row">
                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                            <div class="card">
                                <h5 class="card-header">INVENTORY MASTER</h5>
                                <div class="card-body">
                                    <form class="needs-validation">
                                        <div class="form-row">
                                            <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
                                                <label for="validationCustom03">Bar Code</label>
                                                &nbsp;&nbsp;&nbsp;&nbsp;
                                               <asp:TextBox ID="txtBarcode" runat="server" Width="180px"  placeholder="Barcode"></asp:TextBox>

                                               &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                               <label for="validationCustom04">Inventory</label>
                                               &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                <asp:TextBox ID="txtInventoryName" AutoPostBack="true" runat="server" Width="180px" onkeyup="sync()"  
                                                    placeholder="Inventory Name " ontextchanged="txtInventoryName_TextChanged" ></asp:TextBox>
                                            </div>
                                            
                                        </div>
                                        <div class="form-row">
                                        <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
                                                <label for="validationCustom04">Price 1</label>
                                                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                <asp:TextBox ID="txtPrice1" type="number"  runat="server"  Width="180px" min="0" max="10000" placeholder="0"></asp:TextBox>
                                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                  <label for="validationCustom04">Price 2</label>
                                                  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                <asp:TextBox ID="txtPrice2" type="number"  runat="server"  Width="180px" min="0" max="10000" placeholder="0"></asp:TextBox>

                                            </div>
                                      
                                             <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
                                                <label for="validationCustom04">Price 3</label>
                                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                <asp:TextBox ID="txtPrice3" type="number"  runat="server" Width="180px" min="0" max="10000" placeholder="0" ></asp:TextBox>
                                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                <label for="validationCustom04">Price 4</label>
                                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                              <asp:TextBox ID="txtPrice4" type="number"  runat="server" Width="180px"  min="0" max="10000" placeholder="0" ></asp:TextBox>
                                            </div>
                                           </div>
                                        <div class="form-row">
                                             <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
                                              
                                                <label for="validationCustom04">Category </label>
                                                &nbsp;&nbsp;&nbsp;
                                                <asp:DropDownList ID="cmbCategoryName" Width="180px" Height="33px" class="dropdown"  runat="server" >
                                                </asp:DropDownList>
                                                <asp:ImageButton ID="btnCategoryAdd" runat="server" ImageUrl="~/IMG/PlusTextual.png" 
                                                Width="35px" Height="25px" />
                                                &nbsp;&nbsp;
                                                 <label for="validationCustom04">Group 1 </label>
                                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                <asp:DropDownList ID="cmbGroup1" Width="180px" Height="33px" class="dropdown"  runat="server" >
                                                </asp:DropDownList>
                                               <asp:ImageButton ID="btnGroup1" runat="server" ImageUrl="~/IMG/PlusTextual.png" 
                                                Width="35px" Height="25px" />
                                            </div>
               
                                            
                                          </div>
                                        <div class="form-row">
                                        
                                            <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
                                                <label for="validationCustom04">Group 2 </label>
                                                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                <asp:DropDownList ID="cmbGroup2" Width="180px" Height="33px" class="dropdown"  runat="server" >
                                              
                                               </asp:DropDownList>
                                               <asp:ImageButton ID="btnGroup22" runat="server" ImageUrl="~/IMG/PlusTextual.png" 
                                                    Width="35px" Height="25px"  />
                                                    &nbsp;&nbsp;
                                                     <label for="validationCustom04">Group 3 </label>
                                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                <asp:DropDownList ID="cmbGroup3" Width="180px" Height="33px" class="dropdown"  runat="server" >
                                               
                                               </asp:DropDownList>
                                               <asp:ImageButton ID="btnGroup3" runat="server" ImageUrl="~/IMG/PlusTextual.png" 
                                                    Width="35px" Height="25px"  />
                                            </div>


                                            <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
                                                <label for="validationCustom04">Group 4 </label>
                                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                <asp:DropDownList ID="cmbGroup4" Width="180px" Height="33px" class="dropdown"  runat="server" >
                                                </asp:DropDownList>
                                               <asp:ImageButton ID="btnGroup4" runat="server" ImageUrl="~/IMG/PlusTextual.png" 
                                                    Width="35px" Height="25px" />
                                                      &nbsp;&nbsp;
                                                     <label for="validationCustom04">Group 5 </label>
                                                     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                               <asp:DropDownList ID="cmbGroup5" Width="180px" Height="33px" class="dropdown"  runat="server" >
                                              
                                               </asp:DropDownList>
                                               <asp:ImageButton ID="btnGroup5" runat="server" ImageUrl="~/IMG/PlusTextual.png" 
                                                    Width="35px" Height="25px"  />

                                            </div>
                                         </div>                                           
                                         <div class="form-row" >
                                        
                                               <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
                                                <label for="validationCustom03">Description</label>
                                                <asp:TextBox ID="txtDescription" runat="server"  Width="180px"    placeholder="Description"></asp:TextBox>
                                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                               <label for="validationCustom03">EffectiveDT</label>
                                               &nbsp;&nbsp;&nbsp;
                                               <asp:TextBox ID="txtEffectiveDt" runat="server" Width="180px"></asp:TextBox>
                                               <asp:CalendarExtender ID="calFirstDueDate" CssClass="cal_Theme1"  Format="yyyy-MM-dd" runat="server"  TargetControlID="txtEffectiveDt"  PopupPosition="BottomLeft" FirstDayOfWeek="Sunday">
                                              </asp:CalendarExtender>        
                                          </div>
                                        </div>
                                     
                                    
                                       <div class="form-row">
                                            <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
                                                <label for="validationCustom03">Set Tax</label>
                                            <label class="custom-control custom-checkbox">
                                                      <asp:CheckBox ID="chkGst" Checked="true" runat="server" /> GST
                                                      <asp:CheckBox ID="chkSvc"  runat="server" /> Sv.C
                                                  </label>
                                            </div>
                                          </div>
                                       <div  style="margin-left:427px;">
                           <asp:Button ID="btnSubmit" runat="server" Text="Submit" 
                           class="btn btn-space btn-secondary" onclick="btnSubmit_Click" OnClientClick=" return validate()" />
                           <asp:Button ID="btnCancel"  runat="server" Text="Cancel"  
                           class="btn btn-space btn-primary" onclick="btnCancel_Click" /> 
                         </div>                      
                                   
                                        <asp:ModalPopupExtender ID="mp1" runat="server" PopupControlID="Panel1" TargetControlID="btnCategoryAdd"
                            CancelControlID="btnClose" BackgroundCssClass="modalBackground">
                        </asp:ModalPopupExtender>
                                        <asp:Panel ID="Panel1" runat="server" CssClass="modalPopup" align="center" Style="display: none">
                            <div style="height:150px;">
                                <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                                <ContentTemplate>
                                    <div align="right">
                                          <asp:Button ID="btnClose" runat="server" Text="Close" />
                                    </div>

                                          <h3> Add New Category  </h3> 
                                       <table>
                                       <tr>
                                         <td align="right">
                                           Category Name    
                                                                                    
                                         </td>
                                         <td>
                                         <asp:TextBox ID="txtCategoryName"  Width="230px" runat="server"  placeholder="Enter Category Name"></asp:TextBox>      
                                         </td>
                                       </tr>
                                       <tr>
                                       <td align="right">
                                          Description  
                                       </td>
                                       <td>
                                       <asp:TextBox ID="txtCategoryDescription"  Width="230px" runat="server"  placeholder="Description"></asp:TextBox> 
                                       </td>
                                       </tr>
                                       <tr>
                                       <td></td>
                                       <td align="right"> <asp:Button ID="btnSaveCategory"   OnClick="btnSaveCategory_Click" OnClientClick="return Categoryvalidate()" runat="server" class="btn btn-space btn-secondary" Text="Save" /></td>
                                       </tr>

                                         <br /><br /><br />
                           
                                        </table>
                                      </ContentTemplate>
                                </asp:UpdatePanel>
                            </div>
                  
                        </asp:Panel>
                                        <asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" PopupControlID="Panel2" TargetControlID="btnGroup1"
                            CancelControlID="btnClose1" BackgroundCssClass="modalBackground">
                        </asp:ModalPopupExtender>
                                        <asp:Panel ID="Panel2" runat="server" CssClass="modalPopup" align="center" Style="display: none">
                            <div style="height:150px;">
                                <asp:UpdatePanel ID="UpdatePanel2" runat="server">
                                <ContentTemplate>
                                    <div align="right">
                                          <asp:Button ID="btnClose1" runat="server" Text="Close" />
                                    </div>

                                          <h3> Add New Group  </h3> 
                                          <br /><br />
                                       <table>
                                         <div>
                                       
                                         <asp:TextBox ID="txtGroupName" class="form-control" placeholder="Enter Group Name" Width="230px" runat="server"></asp:TextBox><br />
                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                        <asp:Button ID="btnSave1"  OnClick="btnSave1_Click" OnClientClick="return Groupvalidate1()"   runat="server" class="btn btn-space btn-secondary" Text="Save" />
                                       
                                      
                                       </table>
                                       
                                    </ContentTemplate>
                                </asp:UpdatePanel>
                            </div>
                          
                        </asp:Panel>
                                        <asp:ModalPopupExtender ID="mp3" runat="server" PopupControlID="Panel3" TargetControlID="btnGroup22"
                            CancelControlID="btnClose2" BackgroundCssClass="modalBackground">
                        </asp:ModalPopupExtender>
                                        <asp:Panel ID="Panel3" runat="server" CssClass="modalPopup" align="center" Style="display: none">
                            <div style="height:150px;">
                               <asp:UpdatePanel ID="UpdatePanel4" runat="server">
                                <ContentTemplate>
                                    <div align="right">
                                          <asp:Button ID="btnClose2" runat="server" Text="Close" />
                                    </div>

                                          <h3> Add New Group  </h3> 
                                          <br /><br />
                                       <table>
                                           
                                       <asp:TextBox ID="txtGroupName1" class="form-control" placeholder="Enter Group Name" Width="230px" runat="server"></asp:TextBox><br /> 
                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          
                                       <asp:Button ID="btnSave2" OnClick="btnSave2_Click" OnClientClick="return Groupvalidate2()" runat="server" class="btn btn-space btn-secondary" Text="Save" />
                                       
                                      </table>
                                  </ContentTemplate>
                                </asp:UpdatePanel>
                                     </div>
                         </asp:Panel>
                              
                                       <asp:ModalPopupExtender ID="ModalPopupExtender2" runat="server" PopupControlID="Panel4" TargetControlID="btnGroup3"
                            CancelControlID="btnClose3" BackgroundCssClass="modalBackground">
                        </asp:ModalPopupExtender>
                                       <asp:Panel ID="Panel4" runat="server" CssClass="modalPopup" align="center" Style="display: none">
                            <div style="height:150px;">
                               <asp:UpdatePanel ID="UpdatePanel5" runat="server">
                                <ContentTemplate>
                                    <div align="right">
                                          <asp:Button ID="btnClose3" runat="server" Text="Close" />
                                    </div>
                                    <h3> Add New Group  </h3> 
                                    <br /><br />
                                    <table>
                                          <div>
                                      <asp:TextBox ID="txtGroupName3" class="form-control" Width="230px" runat="server"></asp:TextBox> <br />
                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                       <asp:Button ID="btnSave3" OnClick="btnSave3_Click" OnClientClick="return Groupvalidate3()" runat="server" class="btn btn-space btn-secondary" Text="Save" />
                                 
                                       </div>
                                      </table>
                                  </ContentTemplate>
                                </asp:UpdatePanel>
                                     </div>
                         </asp:Panel>

                                       <asp:ModalPopupExtender ID="ModalPopupExtender3" runat="server" PopupControlID="Panel5" TargetControlID="btnGroup4"
                            CancelControlID="btnClose4" BackgroundCssClass="modalBackground">
                        </asp:ModalPopupExtender>
                                       <asp:Panel ID="Panel5" runat="server" CssClass="modalPopup" align="center" Style="display: none">
                            <div style="height:150px;">
                               <asp:UpdatePanel ID="UpdatePanel6" runat="server">
                                <ContentTemplate>
                                    <div align="right">
                                          <asp:Button ID="btnClose4" runat="server" Text="Close" />
                                    </div>
                                    <h3> Add New Group  </h3> 
                                    <br /><br />
                                    <table>
     
                                       <asp:TextBox ID="txtGroupName4" class="form-control" Width="230px" runat="server"></asp:TextBox> <br />
                                           &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                        <asp:Button ID="btnSave4" OnClick="btnSave4_Click" OnClientClick="return Groupvalidate4()" runat="server" class="btn btn-space btn-secondary" Text="Save" />

                                      </table>
                                  </ContentTemplate>
                                </asp:UpdatePanel>
                                     </div>
                         </asp:Panel>

                                      <asp:ModalPopupExtender ID="ModalPopupExtender4" runat="server" PopupControlID="Panel6" TargetControlID="btnGroup5"
                            CancelControlID="btnClose5" BackgroundCssClass="modalBackground">
                        </asp:ModalPopupExtender>
                                      <asp:Panel ID="Panel6" runat="server" CssClass="modalPopup" align="center" Style="display: none">
                            <div style="height:150px;">
                               <asp:UpdatePanel ID="UpdatePanel7" runat="server">
                                <ContentTemplate>
                                    <div align="right">
                                          <asp:Button ID="btnClose5" runat="server" Text="Close" />
                                    </div>
                                    <h3> Add New Group  </h3> 
                                    <br /><br />
                                    <table>
                                      <div>
                                       <asp:TextBox ID="txtGroupName5" class="form-control" Width="230px" runat="server"></asp:TextBox><br /> 
                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                         <asp:Button ID="btnSave5" OnClick="btnSave5_Click" OnClientClick="return Groupvalidate5()"   runat="server" class="btn btn-space btn-secondary" Text="Save" />
                                      </div>
                                      </table>
                                  </ContentTemplate>
                                </asp:UpdatePanel>
                               </div>
                          </asp:Panel>



                            </form>
                                </div>
                            </div>
                        </div>
                     
                    </div>
                    
            </div>
            
            </div>
          
    
    <script src="../assets/vendor/bootstrap/js/bootstrap.bundle.js"></script>
    <script src="../assets/vendor/slimscroll/jquery.slimscroll.js"></script>
    <script src="../assets/vendor/charts/charts-bundle/Chart.bundle.js"></script>
    <script src="../assets/vendor/charts/charts-bundle/chartjs.js"></script>
    <script src="../assets/libs/js/main-js.js"></script>

    </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>
