<%@ page language="C#" masterpagefile="~/Pages/Common/MasterPages/MainMasterPage_new.master" autoeventwireup="true" inherits="Pages_Academic_BulkUpdate, App_Web_3i5s52el" enableEventValidation="false" viewStateEncryptionMode="Never" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<%@ Register Src="~/UserControls/GridViewPager/GridViewPager.ascx" TagName="GridViewPager"
    TagPrefix="uc1" %>
<%@ Register Src="~/UserControls/Common/ScreenGroup/ScreenGroup.ascx" TagName="ScreenGroupControl"
    TagPrefix="ScreenGroup" %>
<%@ Register Src="~/UserControls/DatePicker/DatePickerControl.ascx" TagName="DatePickerControl"
    TagPrefix="Date" %>
<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
    <%-- <link href="../../../App_Themes/responsiv-popup.css" rel="stylesheet" />
     <div id="dvTestLoadingmsg" class="hls-wrap" >
         <div class="hls-container">
            <div class="hls-content">
                <div class="dsh-syndicate white-popup" style="display: inline-block; width: 119%; height: 150px">
                    <div class="shippingcard" style="text-align: center; vertical-align: middle; width: 100%;">
                        <span id="spn1msg">Loading Details</span><br>
                        <span style="line-height: 2;" id="spn2msg"><b>Please Wait ...</b></span><br>
                        <span id="spnloadingimgOPD">
                            <img src="../../../Images/Loading1.gif" /></span>
                    </div>
                </div>
            </div>
        </div>
    </div>--%>
    <asp:UpdatePanel ID="ResonMasterUpdatePanel" runat="server" UpdateMode="Always">
        <ContentTemplate>
            <style>
                .no-print {
                    display: none !important;
                }

                .verify table span {
                    white-space: nowrap;
                }
            </style>
            <style type="text/css">
                input:disabled + input[type=image], input:read-only + a {
                    pointer-events: visible;
                    cursor: pointer !important;
                }
            </style>
            <div id="divContentPage" class="divcontentpagemargin">
                <!-- ContentPlaceHolder Box Starts -->

                <div class="dashBoardLeftCont">
                    <div class="himssuHeader3WireBox">
                        <%--<div class="himsBoxHeader">
                                        <div class="leftdiv">
                                        </div>
                                        <div class="himsBoxTitle">
                                            <div class="headerText">
                                                <asp:Label runat="server" ID="ScreenGroupNameLabel"></asp:Label>
                                            </div>
                                        </div>
                                    </div>--%>
                        <table>
                            <tr>
                                <td>
                                    <div class="himsBoxContent">
                                        <div class="leftUlMenu">
                                            <ScreenGroup:ScreenGroupControl EnableViewState="true" ID="ScreenGroupControl" ScreenGroupId="212"
                                                Visible="true" runat="server" />
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="whiteboxpaddingleft row">
                    <!-- Sub Container2 Box Start -->
                    <div class="himssuHeader5WireBox card card-box" id="SearchDiv" runat="server">
                        <div class="himsBoxHeader card-head">
                            <asp:Panel ID="Panel1" runat="server">
                                <div class="leftdiv">
                                </div>
                                <div class="himsBoxTitle">
                                    <div class="headerText">
                                        <header>
                                            <i class="fas fa-search"></i>
                                            <asp:Label ID="Label3" runat="server" Text="Search"></asp:Label>
                                        </header>
                                    </div>
                                    <div class="fRight mt-27">
                                        <asp:Button ID="AddNewButtonID" runat="server" OnClick="AddNewButton_Click" SkinID="0"
                                            class="btn btn-add fas" Text="&#xf067;Add" Visible="false" />
                                    </div>
                                </div>
                            </asp:Panel>
                        </div>
                        <div class="himsBoxContent card-body">
                            <asp:Panel ID="DetailPanel" runat="Server">
                                <div class="contentHolder">
                                    <asp:Panel ID="SearchCriteriaPanel" runat="Server">
                                        <div class="outerBox pTop5 col-md-3">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="DepartmentLabel" runat="server" Text="Department"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <asp:DropDownList runat="server" ID="DepartmentDropDownList" SkinID="CustomWidthDropDownList"
                                                    AutoPostBack="true" onmouseleave="showHideTooltip()" CssClass="form-control" onmouseenter="showHideTooltip()"
                                                    OnSelectedIndexChanged="DepartmentDropDownList_SelectedIndexChanged">
                                                </asp:DropDownList>
                                            </div>
                                        </div>

                                        <div class="outerBox pTop5 col-md-3">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="SearchClassLabel" Text="Class" runat="server" SkinID="MandatoryLabel"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <asp:DropDownList ID="SearchClassDropDownList" runat="server" onmouseleave="showHideTooltip()"
                                                    onmouseenter="showHideTooltip()" SkinID="CustomWidthDropDownList" CssClass="form-control" AutoPostBack="true"
                                                    OnSelectedIndexChanged="SearchClassDropDownList_SelectedIndexChanged">
                                                </asp:DropDownList>
                                            </div>
                                        </div>

                                        <div class="outerBox pTop5 col-md-3">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="SearchDivisionLabel" Text="Division" runat="server" SkinID="MandatoryLabel"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <asp:DropDownList ID="SearchDivisionDropDownList" runat="server" onmouseleave="showHideTooltip()" OnSelectedIndexChanged="SearchDivisionDropDownList_SelectedIndexChanged"
                                                    onmouseenter="showHideTooltip()" SkinID="CustomWidthDropDownList" CssClass="form-control" AutoPostBack="true">
                                                </asp:DropDownList>
                                            </div>
                                        </div>

                                        <div class="outerBox pTop5 col-md-3">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="SearchSubjectLabel" Text="Subject" runat="server" SkinID="MandatoryLabel"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <asp:DropDownList ID="SearchSubjectDropDownList" runat="server" onmouseleave="showHideTooltip()" AutoPostBack="true"
                                                    onmouseenter="showHideTooltip()" SkinID="CustomWidthDropDownList" CssClass="form-control" OnSelectedIndexChanged="SearchSubjectDropDownList_SelectedIndexChanged1">
                                                </asp:DropDownList>
                                            </div>
                                        </div>

                                        <div class="outerBox pTop5 col-md-3">
                                            <div class="controlLabelWidth">
                                                <asp:HiddenField ID="EmployeeHiddenField" runat="server" />
                                                <asp:Label ID="EMPLOYEELabel" runat="server" Text="Employee Name" SkinID="MandatoryLabel"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <asp:DropDownList ID="EmpDropDownList" runat="server" onmouseleave="showHideTooltip()"
                                                    onmouseenter="showHideTooltip()" SkinID="CustomWidthDropDownList" CssClass="form-control">
                                                </asp:DropDownList>
                                            </div>
                                        </div>

                                        <div class="outerBox pTop15 col-md-3">
                                            <div class="fLeft pRight5">
                                                <asp:CheckBox ID="AllCheckBox" runat="server" Text="All" class="pLeft5" Visible="true" />
                                            </div>
                                        </div>
                                        <div id="WithHeader">
                                            <div class="outerBox col-md-3 pTop15">
                                                <asp:CheckBox ID="ShowWithHeaderCheckBox" runat="server" AutoPostBack="false" Text="With Header" class="pLeft5" />
                                            </div>
                                        </div>
                                        <div class="alignCenter pTop5 col-md-12 center">
                                            <asp:Button ID="SearchButton" Text="&#xf002; Search" runat="Server" OnClick="SearchButton_Click"
                                                SkinID="0" class="btn-search btn fas" Visible="true" />
                                            <asp:Button ID="ExportButton" runat="server" Text="&#xf093; Export" OnClick="ExportButton_Click" SkinID="0" class="btn-examcommon btn fas" />
                                            <a href="javascript:;" onclick="OpenFileUpload();" class="btn btn-browser" id="BrowseButton" runat="server">
                                                <i class="fas fa-arrow-down"></i>Browse</a>
                                            <asp:FileUpload ID="flUpload" runat="server" onChange="readURL(this);" ClientIDMode="Static" Style="display: none;" />
                                            <asp:Button ID="ImportButton" runat="server" Text="&#xf019; Import" OnClick="ImportButton_Click" SkinID="0" class="btn-examcommon btn fas" Enabled="false" />
                                            <asp:Label ID="UploadSuccessMessage" runat="server" Text="" Style="padding-left: 10px; font-size: medium;"></asp:Label>
                                        </div>
                                        <%--<div class="outerBox pTop5" style="padding-left: 10px">
                                            <a href="javascript:;" onclick="OpenFileUpload();" class="btn btn-browser">
                                                <i class="fa fa-arrow-down"></i>Browse</a>
                                            <asp:FileUpload ID="flUpload" runat="server" onChange="readURL(this);" ClientIDMode="Static" Style="display: none;" />
                                        </div>--%>
                                    </asp:Panel>


                                    <div id="DivClassCheckBoxList" class="outerBox11 pTop5 col-md-3" runat="server" visible="true">
                                        <div class="select">
                                            <asp:CheckBox ID="ClassCheckBox" runat="server" AutoPostBack="True" Text="Select All" OnCheckedChanged="ClassCheckBox_CheckedChanged" />
                                        </div>
                                        <div id="DivisionIdDiv" runat="server" visible="false">
                                            <div class="fLeft pRight5 chck-dropdown-onclick bg-lghtgrey outerBox11 col-md-12 overflow-x-hidden padd-0" visible="false">
                                                <asp:CheckBoxList ID="ClassDivisionCheckBoxList" runat="server">
                                                </asp:CheckBoxList>
                                            </div>
                                            <div>
                                                <asp:Button ID="ApplyForSelectClassButton" runat="server" SkinID="0"
                                                    Text="Apply For Division" CssClass="btn btn-assign" OnClick="ApplyForSelectClassButton_Click" /><%----%>
                                            </div>
                                        </div>
                                    </div>

                                    <div id="Div1" class="himssuHeader7WireBox col-md-12" runat="server" style="width: 99%; margin-right: 5px;">
                                        <div id="NewsDetailDiv" visible="false" runat="server">

                                            <div class="himsBoxHeader card-head inner" id="NewsDiv" visible="false" runat="server">
                                                <div class="leftdiv">
                                                </div>
                                                <div class="himsBoxTitle" style="width: 99%">

                                                    <div align="right" class="fRight col-md-12">
                                                        <div class="fleft" style="float: right">
                                                            <asp:Button ID="AddGridRowButton" Text="&#xf067; Add" runat="Server" OnClick="AddGridRowButton_Click"
                                                                SkinID="0" class="btn btn-add fas" />
                                                        </div>
                                                        <div class="fleft" style="width: 100px; float: right; padding-top: 7px; padding-right: 10px">
                                                            <asp:TextBox ID="NoOfPeriodTextbox" runat="server" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                                SkinID="CustomWidthTextbox" onkeypress="javascript:return isNumberKey(this)"></asp:TextBox>
                                                        </div>
                                                        <div class="fleft" style="width: 100px; float: right; padding-top: -1px; padding-right: 10px">
                                                            <asp:Button ID="ApplyButton" runat="server" SkinID="0" Text="Apply All" OnClick="ApplyButton_Click" CssClass="btn btn-assign fas" />
                                                        </div>
                                                        <div class="fleft" style="width: 100px; float: right; padding-top: 7px; padding-right: 10px">
                                                            <asp:TextBox ID="ApplyTextBox" runat="server" SkinID="CustomWidthTextBox" Visible="true"></asp:TextBox>
                                                        </div>
                                                        <div class="fleft" style="width: 207px; float: right; padding-top: 10px; padding-right: 10px">
                                                            <asp:DropDownList ID="ApplyFieldsDropDownList" runat="server" SkinID="CustomWidthDropDownList" CssClass="form-control" AutoPostBack="false" onchange="ApplyFieldChange(this);"></asp:DropDownList>
                                                        </div>
                                                    </div>

                                                </div>

                                                <%-- <div class="gridHeaderText">
                                                            <header>
                                                            <asp:Label ID="AssignRouteLabel" runat="server" Text="Bulk Update"></asp:Label>
                                                            </header>
                                                            </div>--%>
                                            </div>

                                            <div class="himsBoxContent pTop5">
                                                <asp:UpdatePanel ID="MenuPlanDetailUpdatePanel" runat="server" UpdateMode="Always">
                                                    <ContentTemplate>
                                                        <div id="Div5" runat="server" visible="false" class="table-responsive">
                                                            <asp:GridView ID="LessonPlanGridView" runat="server" CssClass="table table-striped table-bordered table-hover table-white-space" AutoGenerateColumns="False"
                                                                OnRowDataBound="LessonPlanGridView_RowDataBound" OnPageIndexChanging="LessonPlanGridView_PageIndexChanging"
                                                                SkinID="" ShowHeader="true" PagerSettings-Visible="false" DataKeyNames="Id,EmployeeId">
                                                                <Columns>
                                                                    <asp:TemplateField ItemStyle-Wrap="true" ItemStyle-Width="5%">
                                                                        <HeaderTemplate>
                                                                            <label class="rt-chkbox rt-chkbox-outline">
                                                                                <asp:CheckBox ID="HeaderDataCheckBox" runat="server" onClick="checkAllRows(this);" />
                                                                                <span></span>
                                                                            </label>
                                                                        </HeaderTemplate>
                                                                        <ItemStyle HorizontalAlign="Center" />
                                                                        <ItemTemplate>
                                                                            <label class="rt-chkbox rt-chkbox-outline">
                                                                                <asp:CheckBox ID="DataCheckBox" runat="server" onClick="checkUncheckHeaderCheckBox(this);" class="DataCheckBox" />
                                                                                <span></span>
                                                                            </label>
                                                                        </ItemTemplate>
                                                                    </asp:TemplateField>
                                                                    <asp:BoundField DataField="Id" HeaderText="Id" Visible="false"></asp:BoundField>
                                                                    <asp:TemplateField ItemStyle-Width="10px" ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true"
                                                                        HeaderStyle-HorizontalAlign="Center" HeaderText="Period No.">
                                                                        <ItemTemplate>
                                                                            <asp:TextBox ID="NoOfPeriodRequiredGridTextBox" ItemStyle-Width="10px" runat="server" SkinID="CustomWidthTextBox" Width="50px"
                                                                                MaxLenght="5" onblur="javascript:return fnValidateDecimal(this,5,2)" onKeypress="javascript:return MaskDecimal(event,5,2)"
                                                                                Text='<%# DataBinder.Eval(Container.DataItem,"NoOfPeriodRequired").ToString()=="0"? "":Eval("NoOfPeriodRequired") %>'>
                                                                            </asp:TextBox>
                                                                        </ItemTemplate>
                                                                    </asp:TemplateField>
                                                                    <asp:TemplateField ItemStyle-Width="200px" ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true"
                                                                        HeaderStyle-HorizontalAlign="Center" HeaderText="Topic">
                                                                        <ItemTemplate>
                                                                            <asp:DropDownList ID="TopicGridDropDownlist" Width="200px " runat="server" onmouseleave="showHideTooltip()" OnSelectedIndexChanged="TopicGridDropDownlist_SelectedIndexChanged" AutoPostBack="true"
                                                                                onmouseenter="showHideTooltip()" SkinID="CustomWidthDropDownList" CssClass="form-control !important">
                                                                            </asp:DropDownList>
                                                                        </ItemTemplate>
                                                                    </asp:TemplateField>
                                                                    <asp:TemplateField ItemStyle-Width="200px" ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true"
                                                                        HeaderStyle-HorizontalAlign="Center" HeaderText="SubTopic Select">
                                                                        <ItemTemplate>
                                                                            <asp:DropDownList ID="SubTopicGridDropDownlist" Width="200px" runat="server" onmouseleave="showHideTooltip()" AutoPostBack="true"
                                                                                onmouseenter="showHideTooltip()" SkinID="CustomWidthDropDownList" CssClass="form-control !important" OnSelectedIndexChanged="SubTopicGridDropDownlist_SelectedIndexChanged">
                                                                            </asp:DropDownList>
                                                                        </ItemTemplate>
                                                                    </asp:TemplateField>
                                                                    <asp:TemplateField ItemStyle-Width="150px" ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true"
                                                                        HeaderStyle-HorizontalAlign="Center" HeaderText="Sub Topic Name">
                                                                        <ItemTemplate>
                                                                            <asp:TextBox ID="SubTopicTextBox" CssClass="col-md-3 !important" runat="server" onmouseleave="showHideTooltip()" Width="150px" onmouseenter="showHideTooltip()"
                                                                                SkinID="CustomWidthTextbox" Text='<%#Eval("SubTopic") %>' TextMode="MultiLine"></asp:TextBox>
                                                                        </ItemTemplate>
                                                                    </asp:TemplateField>
                                                                    <asp:TemplateField ItemStyle-Width="150px" ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true"
                                                                        HeaderStyle-HorizontalAlign="Center" HeaderText="Objective Title">
                                                                        <ItemTemplate>
                                                                            <asp:TextBox ID="ObjectiveGridTextBox" CssClass="col-md-3 !important" Width="150px" runat="server" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                                                SkinID="CustomWidthTextbox" Text='<%#Eval("Objective") %>' TextMode="MultiLine"></asp:TextBox>
                                                                        </ItemTemplate>
                                                                    </asp:TemplateField>
                                                                    <asp:TemplateField ItemStyle-Width="150px" ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true"
                                                                        HeaderStyle-HorizontalAlign="Center" HeaderText="Learning Experience">
                                                                        <ItemTemplate>
                                                                            <asp:TextBox ID="LearningExperienceGridTextBox" CssClass="col-md-3 !important" Width="150px" runat="server" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                                                SkinID="CustomWidthTextbox" Text='<%#Eval("LearningExperience") %>' TextMode="MultiLine"></asp:TextBox>
                                                                        </ItemTemplate>
                                                                    </asp:TemplateField>
                                                                    <asp:TemplateField ItemStyle-Width="150px" ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true"
                                                                        HeaderStyle-HorizontalAlign="Center" HeaderText="Summary Title">
                                                                        <ItemTemplate>
                                                                            <asp:TextBox ID="SummaryGridTextBox" runat="server" Width="150px" CssClass="col-md-3 !important" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                                                SkinID="CustomWidthTextbox" Text='<%#Eval("Summary") %>' TextMode="MultiLine"></asp:TextBox>
                                                                        </ItemTemplate>
                                                                    </asp:TemplateField>
                                                                    <asp:TemplateField ItemStyle-Width="150px" ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true"
                                                                        HeaderStyle-HorizontalAlign="Center" HeaderText="Essential Material">
                                                                        <ItemTemplate>
                                                                            <asp:TextBox ID="EssentialMaterialGridTextBox" runat="server" CssClass="col-md-3 !important" Width="150px" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                                                SkinID="CustomWidthTextbox" Text='<%#Eval("EssentialMaterial") %>' TextMode="MultiLine"></asp:TextBox>
                                                                        </ItemTemplate>
                                                                    </asp:TemplateField>
                                                                    <asp:TemplateField ItemStyle-Width="150px" ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true"
                                                                        HeaderStyle-HorizontalAlign="Center" HeaderText="Tools And Techniques">
                                                                        <ItemTemplate>
                                                                            <asp:TextBox ID="ToolandTechniquesGridTextBox" runat="server" CssClass="col-md-3 !important" Width="150px" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                                                SkinID="CustomWidthTextbox" Text='<%#Eval("ToolsAndTechniques") %>' TextMode="MultiLine"></asp:TextBox>
                                                                        </ItemTemplate>
                                                                    </asp:TemplateField>

                                                                    <asp:TemplateField ItemStyle-Width="150px" ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true"
                                                                        HeaderStyle-HorizontalAlign="Center" HeaderText="Indicative HomeWork">
                                                                        <ItemTemplate>
                                                                            <asp:TextBox ID="IndicativeHomeworkGridTextBox" runat="server" CssClass="col-md-3 !important" Width="150px" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                                                SkinID="CustomWidthTextbox" Text='<%#Eval("IndicativeHomework") %>' TextMode="MultiLine"></asp:TextBox>
                                                                        </ItemTemplate>
                                                                    </asp:TemplateField>

                                                                    <asp:TemplateField ItemStyle-Width="150px" ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true"
                                                                        HeaderStyle-HorizontalAlign="Center" HeaderText="Assessment Question">
                                                                        <ItemTemplate>
                                                                            <asp:TextBox ID="AssessmentQuestionGridTextBox" runat="server" CssClass="col-md-3 !important" Width="150px" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                                                SkinID="CustomWidthTextbox" Text='<%#Eval("AssessmentQuestion") %>' TextMode="MultiLine"></asp:TextBox>
                                                                        </ItemTemplate>
                                                                    </asp:TemplateField>

                                                                    <asp:TemplateField ItemStyle-Width="150px" ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true"
                                                                        HeaderStyle-HorizontalAlign="Center" HeaderText="Teacher Example">
                                                                        <ItemTemplate>
                                                                            <asp:TextBox ID="TeacherExampleGridTextBox" runat="server" CssClass="col-md-3 !important" Width="150px" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                                                SkinID="CustomWidthTextbox" Text='<%#Eval("TeacherExample") %>' TextMode="MultiLine"></asp:TextBox>
                                                                        </ItemTemplate>
                                                                    </asp:TemplateField>

                                                                    <asp:TemplateField ItemStyle-Width="150px" ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true"
                                                                        HeaderStyle-HorizontalAlign="Center" HeaderText="Guided Practice">
                                                                        <ItemTemplate>
                                                                            <asp:TextBox ID="GuidedPracticeGridTextBox" runat="server" CssClass="col-md-3 !important" Width="150px" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                                                SkinID="CustomWidthTextbox" Text='<%#Eval("GuidedPractice") %>' TextMode="MultiLine"></asp:TextBox>
                                                                        </ItemTemplate>
                                                                    </asp:TemplateField>

                                                                    <asp:TemplateField ItemStyle-Width="150px" ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true"
                                                                        HeaderStyle-HorizontalAlign="Center" HeaderText="Independent Practice">
                                                                        <ItemTemplate>
                                                                            <asp:TextBox ID="IndependentPracticeGridTextBox" runat="server" CssClass="col-md-3 !important" Width="150px" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                                                SkinID="CustomWidthTextbox" Text='<%#Eval("IndependentPractice") %>' TextMode="MultiLine"></asp:TextBox>
                                                                        </ItemTemplate>
                                                                    </asp:TemplateField>

                                                                    <asp:TemplateField HeaderText="Lesson Plan Start Date" ItemStyle-Width="100px" HeaderStyle-HorizontalAlign="Left" ItemStyle-Wrap="true">
                                                                        <ItemTemplate>
                                                                            <Date:DatePickerControl DisplayDatePicker="true" Width="100px" CssClass="col-md-3 !important" ID="StartDateDatepickercontrol" Text='<%#Eval("StartDate") %>'
                                                                                runat="server" />
                                                                        </ItemTemplate>
                                                                    </asp:TemplateField>
                                                                    <asp:TemplateField HeaderText="Lesson Plan End Date" ItemStyle-Width="100px" HeaderStyle-HorizontalAlign="Left" ItemStyle-Wrap="true">
                                                                        <ItemTemplate>
                                                                            <Date:DatePickerControl DisplayDatePicker="true" Width="100px" CssClass="col-md-3 !important" ID="EndDateDatepickercontrol" Text='<%#Eval("EndDate") %>'
                                                                                runat="server" />
                                                                        </ItemTemplate>
                                                                    </asp:TemplateField>

                                                                    <asp:TemplateField ItemStyle-Width="10px" ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true"
                                                                        HeaderStyle-HorizontalAlign="Center" HeaderText="Session">
                                                                        <ItemTemplate>
                                                                            <asp:TextBox ID="SessionTextBox" ItemStyle-Width="10px" runat="server" SkinID="CustomWidthTextBox" Width="50px"
                                                                                Text='<%#Eval("Session") %>'>
                                                                            </asp:TextBox>
                                                                        </ItemTemplate>
                                                                    </asp:TemplateField>

                                                                    <asp:TemplateField ItemStyle-Width="10px" ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true"
                                                                        HeaderStyle-HorizontalAlign="Center" HeaderText="Training Method">
                                                                        <ItemTemplate>
                                                                            <asp:TextBox ID="TrainingMethodTextBox" ItemStyle-Width="10px" runat="server" SkinID="CustomWidthTextBox" Width="50px"
                                                                                Text='<%#Eval("TrainingMethod") %>'>
                                                                            </asp:TextBox>
                                                                        </ItemTemplate>
                                                                    </asp:TemplateField>

                                                                    <asp:TemplateField ItemStyle-Width="10px" ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true"
                                                                        HeaderStyle-HorizontalAlign="Center" HeaderText="Period Count">
                                                                        <ItemTemplate>
                                                                            <asp:TextBox ID="PeriodCountTextBox" ItemStyle-Width="10px" runat="server" SkinID="CustomWidthTextBox" Width="50px"
                                                                                MaxLenght="5" onblur="javascript:return fnValidateDecimal(this,5,2)" onKeypress="javascript:return MaskDecimal(event,5,2)"
                                                                                Text='<%# DataBinder.Eval(Container.DataItem,"PeriodCount").ToString()=="0"? "":Eval("PeriodCount") %>'>
                                                                            </asp:TextBox>
                                                                        </ItemTemplate>
                                                                    </asp:TemplateField>


                                                                    <asp:TemplateField HeaderText="Completed" ItemStyle-Width="50px">
                                                                        <HeaderStyle HorizontalAlign="Center" />
                                                                        <ItemStyle HorizontalAlign="Center" Width="2%" Wrap="True" />
                                                                        <ItemTemplate>
                                                                            <label class="rt-chkbox rt-chkbox-outline">
                                                                                <asp:CheckBox ID="IsCompleted" SkinID="CustomWidthCheckBox"
                                                                                    runat="server" CssClass="!important"
                                                                                    Checked='<%# Bind("IsCompleted") %>' />
                                                                                <span></span>
                                                                            </label>
                                                                        </ItemTemplate>
                                                                    </asp:TemplateField>

                                                                    <asp:TemplateField ShowHeader="true" HeaderText="Delete">
                                                                        <ItemTemplate>
                                                                            <asp:ImageButton SkinID="DeleteImage" ID="DeleteImageButton" runat="server" OnClick="DeleteImageButton_Click"
                                                                                ToolTip="Delete" ImageUrl="../../../Images/icons/icon_delete.gif" />
                                                                        </ItemTemplate>
                                                                        <ItemStyle HorizontalAlign="Center" Width="2%" />
                                                                    </asp:TemplateField>

                                                                </Columns>
                                                            </asp:GridView>
                                                        </div>
                                                    </ContentTemplate>
                                                </asp:UpdatePanel>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </asp:Panel>
                            <div class="col-md-12">
                                <div class="alert alert-info">
                                    <i class="material-icons pos-rel">info</i> |&nbsp;
                                         <b>Note: </b>Only xls format is imported.
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Sub Container2 Box Ends -->

                <!-- Sub Container1 Box Start -->
                <div class="himssuHeader1WireBox card card-box" id="DetailDiv" runat="server" visible="false">
                    <div class="himsBoxHeader card-head">
                        <div class="leftdiv">
                        </div>
                        <div class="himsBoxTitle">
                            <div class="headerText">
                                <header>
                                    <i class="fas fa-cog"></i>
                                    <asp:Label ID="NewsDetailLabel" runat="server" Text="Maintenance"></asp:Label>
                                </header>
                            </div>
                        </div>
                        <div class="fRight mt-27 pagination display-flex ">

                            <div id="NumberOfRecordDiv" class="display-flex" runat="server" visible="true">
                                <asp:LinkButton AlternateText="First page" ToolTip="First page" ID="FirstRecordImageButton"
                                    runat="server" ImageUrl="~/Images/arrowLlast.gif" CommandName="Page" CommandArgument="First"
                                    OnClick="FirstRecordImageButton_Click" CssClass="btn btn-default gridviewpagerbuttonpadding">
                                                                <i class="fa fa-fast-backward"></i>
                                </asp:LinkButton>
                                <asp:LinkButton AlternateText="Previous page" ToolTip="Previous page" ID="PreviousImageButton"
                                    runat="server" ImageUrl="~/Images/arrowLeft.gif" CommandName="Page" CommandArgument="Prev"
                                    OnClick="PreviousImageButton_Click" CssClass="btn btn-default gridviewpagerbuttonpadding">
                                                                <i class="fa fa-play fa-rotate-180"></i>
                                </asp:LinkButton>

                                <asp:Label ID="LabelPage" runat="server" Text="Record " AssociatedControlID="ReCordNumber" />
                                &nbsp; 
                                    <asp:Label ID="ReCordNumber" Font-Bold="true" SkinID="Dummy" runat="server"></asp:Label>
                                &nbsp; 
                                    <asp:Label ID="ofLabel" Text="of" runat="server" />
                                &nbsp; 
                                    <asp:Label ID="TotalRecord" runat="server" />
                                &nbsp;
                                                            <asp:LinkButton AlternateText="Next page" ToolTip="Next page" ID="NextImageButtom"
                                                                runat="server" ImageUrl="~/Images/arrowRight.gif" CommandName="Page" CommandArgument="Next"
                                                                OnClick="NextImageButton_Click" CssClass="btn btn-default gridviewpagerbuttonpadding">
                                                                <i class="fa fa-play"></i>
                                                            </asp:LinkButton>
                                <asp:LinkButton AlternateText="Last page" ToolTip="Last page" ID="LastRecordImageButton"
                                    runat="server" ImageUrl="~/Images/arrowRLast.gif" CommandName="Page" CommandArgument="Last"
                                    OnClick="LastRecordImageButton_Click" CssClass="btn btn-default gridviewpagerbuttonpadding">
                                                                <i class="fa fa-fast-forward"></i>
                                </asp:LinkButton>
                            </div>

                            &nbsp; &nbsp;
                                <asp:Button ID="BackButton" runat="Server" OnClick="BackButton_Click" SkinID="0"
                                    class="btn btn-back fas" Text="&#xf30a;  Back" />

                        </div>
                    </div>
                    <div class="himsBoxContent card-body">
                        <div class="contentHolder">
                            <div class="tableContainer">
                                <div class="contentHolder">
                                    <div class="outerBox pTop5 col-md-3">
                                        <div class="controlLabelWidth">
                                            <asp:Label ID="ClassLabel" Text="Class" runat="server" SkinID="MandatoryLabel"></asp:Label>
                                        </div>
                                        <div class="fLeft pRight5">
                                            <asp:DropDownList ID="ClassDropDownList" runat="server" onmouseleave="showHideTooltip()"
                                                onmouseenter="showHideTooltip()" SkinID="CustomWidthDropDownList" CssClass="form-control" AutoPostBack="true"
                                                OnSelectedIndexChanged="ClassDropDownList_SelectedIndexChanged">
                                            </asp:DropDownList>
                                        </div>
                                    </div>
                                    <div class="outerBox pTop5 col-md-3">
                                        <div class="controlLabelWidth">
                                            <asp:Label ID="DivisionLabel" Text="Division" runat="server" SkinID="MandatoryLabel"></asp:Label>
                                        </div>
                                        <div class="fLeft pRight5">
                                            <asp:DropDownList ID="DivisionDropDownList" runat="server" onmouseleave="showHideTooltip()"
                                                onmouseenter="showHideTooltip()" SkinID="CustomWidthDropDownList" CssClass="form-control">
                                            </asp:DropDownList>
                                        </div>
                                    </div>

                                    <div class="outerBox pTop5 col-md-3">
                                        <div class="controlLabelWidth">
                                            <asp:Label ID="SubjectLabel" Text="Subject" runat="server" SkinID="MandatoryLabel"></asp:Label>
                                        </div>
                                        <div class="fLeft pRight5">
                                            <asp:DropDownList ID="SubjectDropDownList" runat="server" onmouseleave="showHideTooltip()"
                                                onmouseenter="showHideTooltip()" SkinID="CustomWidthDropDownList" CssClass="form-control" AutoPostBack="true"
                                                OnSelectedIndexChanged="SubjectDropDownList_SelectedIndexChanged">
                                            </asp:DropDownList>
                                        </div>
                                    </div>
                                    <div class="outerBox pTop5 col-md-3">
                                        <div class="controlLabelWidth">
                                            <asp:Label ID="TopicLabel" Text="Topic" runat="server" SkinID="MandatoryLabel"></asp:Label>
                                        </div>
                                        <div class="fLeft pRight5">
                                            <asp:DropDownList ID="TopicDropDownList" runat="server" onmouseleave="showHideTooltip()"
                                                onmouseenter="showHideTooltip()" SkinID="CustomWidthDropDownList" CssClass="form-control">
                                            </asp:DropDownList>
                                            <asp:HiddenField ID="IdHiddenField" runat="server" />
                                            <asp:HiddenField ID="MaxRowHiddenField" runat="server" />
                                        </div>
                                    </div>

                                    <div class="outerBox pTop5 col-md-3">
                                        <div class="controlLabelWidth">
                                            <asp:Label ID="NoOfPeriodRequiredLabel" runat="server" Text="No Of Period Required"></asp:Label>
                                        </div>
                                        <div class="fLeft pRight5">
                                            <asp:TextBox ID="NoOfPeriodRequiredTextBox" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                runat="server" MaxLength="200" SkinID="CustomWidthTextbox" onkeypress="javascript:return isNumberKey(this)"></asp:TextBox>
                                        </div>
                                    </div>

                                    <div class="outerBox pTop5 col-md-3">
                                        <div class="controlLabelWidth">
                                            <asp:Label ID="ObjectiveLabel" runat="server" Text="Objective"></asp:Label>
                                        </div>
                                        <div class="fLeft pRight5">
                                            <asp:TextBox ID="ObjectiveTextBox" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                SkinID="MultiLineTextBox" TextMode="MultiLine" Height="40px" runat="server"
                                                MaxLength="200"></asp:TextBox>
                                        </div>
                                    </div>


                                    <div class="outerBox pTop5 col-md-3">
                                        <div class="controlLabelWidth">
                                            <asp:Label ID="ToolAndTechLabel" runat="server" Text="Tools And Techniques"></asp:Label>
                                        </div>
                                        <div class="fLeft pRight5">
                                            <asp:TextBox ID="ToolAndTechTextBox" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                SkinID="MultiLineTextBox" TextMode="MultiLine" runat="server"
                                                MaxLength="200"></asp:TextBox>
                                        </div>
                                    </div>

                                    <div class="outerBox pTop5 col-md-3">
                                        <div class="controlLabelWidth">
                                            <asp:Label ID="LearningExperienceLabel" runat="server" Text="Learning Experience"></asp:Label>
                                        </div>
                                        <div class="fLeft pRight5">
                                            <asp:TextBox ID="LearningExperienceTextBox" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                SkinID="MultiLineTextBox" TextMode="MultiLine" runat="server"
                                                MaxLength="200"></asp:TextBox>
                                        </div>
                                    </div>


                                    <div class="outerBox pTop5 col-md-3">
                                        <div class="controlLabelWidth">
                                            <asp:Label ID="SummaryLabel" runat="server" Text="Summary"></asp:Label>
                                        </div>
                                        <div class="fLeft pRight5">
                                            <asp:TextBox ID="SummaryTextBox" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                SkinID="MultiLineTextBox" TextMode="MultiLine" runat="server"
                                                MaxLength="200"></asp:TextBox>
                                        </div>
                                    </div>

                                    <div class="outerBox pTop5 col-md-3">
                                        <div class="controlLabelWidth">
                                            <asp:Label ID="EssentialLabel" runat="server" Text="Essential Material"></asp:Label>
                                        </div>
                                        <div class="fLeft pRight5">
                                            <asp:TextBox ID="EssentialMetTextBox" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                SkinID="MultiLineTextBox" TextMode="MultiLine" runat="server"
                                                MaxLength="200"></asp:TextBox>
                                        </div>
                                    </div>

                                    <div class="outerBox pTop5 col-md-3">
                                        <div class="controlLabelWidth">
                                            <asp:Label ID="IndicativeHomeworkLabel" runat="server" Text="Indicative Homework"></asp:Label>
                                        </div>
                                        <div class="fLeft pRight5">
                                            <asp:TextBox ID="IndicativeHomeworkTextBox" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                SkinID="MultiLineTextBox" TextMode="MultiLine" runat="server"
                                                MaxLength="200"></asp:TextBox>
                                        </div>
                                    </div>

                                    <div class="outerBox pTop5 col-md-3">
                                        <div class="controlLabelWidth">
                                            <asp:Label ID="StartDateLabel" runat="server" Text="Start Date" Visible="True"
                                                SkinID="MandatoryLabel"></asp:Label>
                                        </div>
                                        <div class="fLeft pRight5">
                                            <Date:DatePickerControl DisplayDatePicker="true" ID="StartDatePickerControl" Visible="true"
                                                runat="server" />

                                        </div>
                                    </div>

                                    <div class="outerBox pTop5 col-md-3">
                                        <div class="controlLabelWidth">
                                            <asp:Label ID="EndDateLabel" runat="server" Text="End Date"></asp:Label>
                                        </div>
                                        <div class="fLeft pRight5">
                                        </div>
                                    </div>


                                    <div class="outerBox pTop5 col-md-3">
                                        <div class="fLeft pRight5">
                                            <asp:CheckBox ID="IsCompletedCheckBox" runat="server" Text=" Is Completed" class="pLeft5" />
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Sub Container1 Box Ends -->
            </div>
            </div>
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>
    <%--   <script data-main="../../JavaScript/rjs/bulk-update" src="../../JavaScript/rjs/require.js"></script>--%>
    <script data-main='<%=ResolveUrl("~/JavaScript/rjs/bulk-update")%>' src='<%=ResolveUrl("~/JavaScript/rjs/require.js")%>'></script>
    <script type="text/javascript">

        function checkAllRows(obj) {
            var objGridview = obj.closest('table');
            var list = objGridview.getElementsByTagName("input");
            for (var i = 0; i < list.length; i++) {
                var objRow = list[i].parentNode.parentNode;
                if (list[i].id.indexOf('DataCheckBox') !== -1 && obj != list[i]) {
                    if (obj.checked) {
                        list[i].checked = true;
                    }
                    else {
                        list[i].checked = false;
                    }
                }
            }
        }
        function checkUncheckHeaderCheckBox(obj) {
            var objGridView = obj.closest('table');
            var list = objGridView.getElementsByTagName("input");
            for (var i = 0; i < list.length; i++) {
                var objHeaderChkBox = list[0];
                var checked = true;
                if (list[i].id.indexOf('DataCheckBox') !== -1 && list[i] != objHeaderChkBox) {
                    if (!list[i].checked) {
                        checked = false;
                        break;
                    }
                }
            }
            objHeaderChkBox.checked = checked;
        }

        function ApplyFieldChange(obj) {
            if (obj.options[obj.selectedIndex].value == 'Completed')
                $(obj).attr("title", 'Use Y/N');
        }

    </script>
</asp:Content>
