<%@ page language="C#" autoeventwireup="true" inherits="Pages_BaseFramework_Utilities_UploadStudentPhoto, App_Web_rufwo5nl" masterpagefile="~/Pages/Common/MasterPages/MainMasterPage_new.master" uiculture="auto" meta:resourcekey="PageResource1" enableEventValidation="false" viewStateEncryptionMode="Never" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<%@ Register Src="~/UserControls/DatePicker/DatePickerControl.ascx" TagName="DatePickerControl" TagPrefix="Date" %>
<%@ Register Src="~/UserControls/Common/CommonSearch/CommonSearch.ascx" TagName="CommonSearchUserControl" TagPrefix="Common" %>
<%@ Register Src="~/UserControls/Common/ScreenGroup/ScreenGroup.ascx" TagName="ScreenGroupControl" TagPrefix="ScreenGroup" %>
<%@ Register Src="~/UserControls/DatePicker/DatePickerControl.ascx" TagName="DatePickerControl" TagPrefix="DPC" %>

<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
    <style type="text/css">
        input:disabled + input[type=image], input:read-only + a {
            pointer-events: visible;
            cursor: pointer !important;
        }

        body {
            margin: 0;
            padding: 0;
            height: 100%;
        }

        #divBackground {
            display: none;
            position: absolute;
            top: 0px;
            left: 0px;
            background-color: black;
            z-index: 100;
            opacity: 0.8;
            filter: alpha(opacity=60);
            -moz-opacity: 0.8;
            min-height: 100%;
        }

        #divImage {
            display: none;
            z-index: 9999999;
            position: fixed;
            top: 0 !important;
            left: 0 !important;
            background-color: White;
            height: 100%;
            width: 600px;
            padding: 3px;
            border: solid 1px black;
            background: #33333375;
            width: 100%;
        }
    </style>
    <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="">
                    <div class="shippingcard" style="">
                        <span id="spn1msg">Loading Details</span><br>
                        <span style="" 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="UploadStudentPhotoUpdatePanel" runat="server" UpdateMode="Conditional">

        <ContentTemplate>
            <div id="divContentPage" class="divcontentpagemargin">
                <!-- ContentPlaceHolder Box Starts -->

                <div class="dashBoardLeftCont">
                    <div class="himssuHeader3WireBox">
                        <table>
                            <tr>
                                <td>
                                    <div class="himsBoxContent">
                                        <div class="leftUlMenu">
                                            <ScreenGroup:ScreenGroupControl EnableViewState="true" ID="ScreenGroupControl" ScreenGroupId="102"
                                                Visible="true" runat="server" />
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="row whiteboxpaddingleft">
                    <div class="himssuHeader5WireBox card card-box">
                        <div id="abc" runat="server" class="himsBoxHeader card-head">
                            <div class="leftdiv">
                            </div>
                            <div class="himsBoxTitle">
                                <div id="codeHeader" class="headerText">
                                    <header>
                                        <i class="fas fa-images"></i>
                                        Upload Student Photo
                                    </header>
                                </div>
                            </div>


                            <div class="fRight mt-27 pagination display-flex">
                                <asp:Button ID="BackButton" runat="Server" SkinID="0" CssClass="btn btn-back fas" Text="&#xf30a;  back" OnClick="BackButton_Click" Visible="false" />
                            </div>

                        </div>
                        <asp:HiddenField ID="AttachmentSizeHiddenField" runat="server" />
                        <cc1:TabContainer ID="AssignOptionalFeeTabContainer" runat="server"
                            CssClass="ajax__myTab nav nav-tabs tabs-style-iconbox ajax__tab_container ajax__tab_default"
                            ActiveTabIndex="0">
                            <cc1:TabPanel ID="AssignOptionalFee" runat="server" HeaderText="Assign Optional Fee">
                                <HeaderTemplate>
                                    <ul class="nav nav-tabs tabs-style-iconboxinner ajaxnavtabs">
                                        <li class="fancyTab"><a><i class="fas fa-images"></i>&nbsp;Upload Student Photo </a></li>
                                    </ul>
                                </HeaderTemplate>
                                <ContentTemplate>
                                    <div class="himsBoxContent card-body">
                                        <asp:Panel ID="DetailPanel" runat="Server">

                                            <div class="col-md-12">
                                                <div class="alert alert-warning">
                                                    <asp:Label ID="Note1" runat="server" Text="* Upload 120*120 image for best quality"></asp:Label>
                                                    <br />
                                                    <asp:Label ID="Note2" runat="server" Text="* Give student Id No as photo file Name for Student,Father,Mother,Relative photo"></asp:Label>
                                                    <br />
                                                    <asp:Label ID="Note3" runat="server" Text="* Add Code with . Dot separation (Eg. 2.5.10) OR , Comma separation (Eg. 2,5,10)"></asp:Label>
                                                    <br />
                                                    <asp:Label ID="Note4" runat="server" Text="* Validate Photos Extension : .jpeg, .jpg"></asp:Label>
                                                </div>
                                            </div>
                                            <asp:HiddenField ID="ImageMaxSize" runat="server" />
                                            <asp:RadioButtonList ID="UploadPhotoRadioButton" runat="server" AutoPostBack="true"
                                                OnSelectedIndexChanged="UploadPhotoRadioButton_SelectedIndexChanged" RepeatDirection="Horizontal"
                                                RepeatLayout="Table" CssClass="col-md-12 bg-lghtgrey radiobtn" Style="margin-top: 16px;">
                                                <asp:ListItem Selected="True" Text="Student" Value="Student"></asp:ListItem>
                                                <asp:ListItem Text="Father" Value="Father"></asp:ListItem>
                                                <asp:ListItem Text="Mother" Value="Mother"></asp:ListItem>
                                                <asp:ListItem Text="Relative" Value="Relative"></asp:ListItem>
                                            </asp:RadioButtonList>
                                            <div class="col-md-12 alignCenter pTop15 pb15">
                                                <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="UploadStudentPhotoreadURL(this);" ClientIDMode="Static" Style="display: none;" AllowMultiple="true" />
                                                <asp:Button ID="RefreshButton" runat="server" OnClick="RefreshButton_Click" SkinID="0" Text="&#xf2f9; Refresh" CssClass="btn-refresh btn fas" />
                                                <asp:Button ID="UploadButton" runat="server" OnClick="UploadButton_Click" SkinID="0" CssClass="btn btn-upload fas" Text="&#xf093; Upload" />
                                                <asp:Button ID="UploadWebCamButton" runat="server" CssClass="btn btn-webcam fas" OnClick="WebCamUploadButton_Click" SkinID="0" Text="&#xf083; WebCam" Visible="true" />
                                                <asp:Button ID="GenerateStudentImagesButton" runat="server" Text="Generate All Student Images"
                                                    meta:resourcekey="btnBulkPhotoSaveResource" SkinID="0" CssClass="btn-save btn fas" OnClick="GenerateStudentImagesButton_Click" />

                                            </div>
                                            <asp:Label ID="Label2" runat="server" Text="" Style="padding-left: 10px; font-size: medium;"></asp:Label>
                                            <div class="outerBox pTop5 col-md-3">
                                                <asp:Label ID="RemovePhotoLabel" runat="server" Font-Size="Small" Text="Enter Code for Remove"></asp:Label>
                                                <asp:TextBox ID="RemovePhotoTextBox" runat="server" MaxLength="100" meta:resourcekey="FirstNameTextBoxResource1"
                                                    onmouseenter="showHideTooltip()" onmouseleave="showHideTooltip()" SkinID="CustomWidthTextBox">
                                                </asp:TextBox>
                                            </div>
                                            <div class="outerBox pTop15 col-md-3">
                                                <asp:Button ID="AddPhotoButton" runat="Server" OnClick="AddPhotoButton_Click" SkinID="0" Text="Add Photo" Visible="false" />
                                                <asp:Button ID="RemoveButton" runat="server" OnClick="RemoveButton_Click" SkinID="0" CssClass="btn btn-delete fas" Text="&#xf00d; Remove Photo" />
                                                <br />
                                            </div>
                                            <div id="UploadStudentPhotoGridDiv" runat="server" visible="false">
                                                <div class="himssuHeader6WireBox col-md-12 pTop5">
                                                    <div id="StudentDiv" runat="server" class="himsBoxHeader" visible="false">
                                                        <div class="leftdiv">
                                                        </div>
                                                        <div class="himsBoxTitle">
                                                            <div class="gridHeaderText">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="himsBoxContent width-100">
                                                        <div id="Div5" runat="server">
                                                            <asp:GridView ID="UploadStudentPhotoGridView" runat="server" AutoGenerateColumns="False"
                                                                CssClass="table table-striped table-bordered table-hover" DataKeyNames="" EmptyDataText="No records found"
                                                                PagerSettings-Visible="false" ShowHeader="True">
                                                                <Columns>
                                                                    <asp:BoundField DataField="FileName" HeaderStyle-HorizontalAlign="Left" HeaderText="ID No."
                                                                        ItemStyle-Width="10%" />
                                                                    <asp:TemplateField HeaderStyle-HorizontalAlign="Center" HeaderText="Photo" ItemStyle-HorizontalAlign="Center"
                                                                        ItemStyle-Width="90%" ItemStyle-Wrap="true">
                                                                        <ItemTemplate>
                                                                            <asp:Image ID="StudentPhoto" runat="server" Height="60px" ImageUrl='<%# Eval("FilePath")%>'
                                                                                Width="60px" />
                                                                        </ItemTemplate>
                                                                    </asp:TemplateField>
                                                                </Columns>
                                                            </asp:GridView>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </asp:Panel>
                                    </div>
                                </ContentTemplate>
                            </cc1:TabPanel>
                            <cc1:TabPanel ID="AssignOptionalFeeHeadTabPanel" runat="server" HeaderText="Assign Optional Fee Head">
                                <HeaderTemplate>
                                    <ul class="nav nav-tabs tabs-style-iconboxinner ajaxnavtabs">
                                        <li class="fancyTab"><a><i class="fas fa-images"></i>&nbsp; Upload Student Photo Class Wise</a></li>
                                    </ul>
                                </HeaderTemplate>
                                <ContentTemplate>
                                    <div class="himsBoxContent card-body">

                                        <asp:Panel ID="Panel1" runat="Server">

                                            <%--       <div id="ErrorMsg" runat="server" style="background-color: #f2dede52; border-color: #ebcccc; color: #a94442; position: relative; border: 1px solid; border-radius: 0.5rem; line-height: 30px; padding: 3px 10px 3px 10px; max-height: 71px; overflow-y: auto; width: 100%; overflow-x: hidden;" visible="false">
                                                <asp:Label ID="lblerror" runat="server" class="text-alert"></asp:Label>
                                            </div>--%>
                                            <asp:RadioButtonList ID="RadioButtonList1" runat="server" AutoPostBack="true"
                                                OnSelectedIndexChanged="RadioButtonList1_SelectedIndexChanged" RepeatDirection="Horizontal"
                                                RepeatLayout="Table" CssClass="col-md-12 bg-lghtgrey radiobtn" Style="margin-top: 16px;">
                                                <asp:ListItem Selected="True" Text="Student" Value="Student"></asp:ListItem>
                                                <asp:ListItem Text="Father" Value="Father"></asp:ListItem>
                                                <asp:ListItem Text="Mother" Value="Mother"></asp:ListItem>
                                                <asp:ListItem Text="Relative" Value="Relative"></asp:ListItem>
                                            </asp:RadioButtonList>
                                            <div class="outerBox pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="IDNoLabel" runat="server" Text="ID No" meta:resourcekey="IDNoLabelResource1"></asp:Label>
                                                </div>
                                                <div class="fLeft pRight5">
                                                    <asp:TextBox ID="IDNoTextBox" runat="server" onmouseleave="showHideTooltip()" SkinID="CustomWidthTextBox"
                                                        onmouseenter="showHideTooltip()" meta:resourcekey="IDNoSearchTextBoxResource1"
                                                        MaxLength="20"></asp:TextBox>
                                                </div>
                                            </div>
                                            <div class="outerBox pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="FirstNameSearchLabel" runat="server" Text="First Name" meta:resourcekey="FirstNameSearchLabelResource1"></asp:Label>
                                                </div>
                                                <div class="fLeft pRight5">
                                                    <asp:TextBox ID="FirstNameSearchTextBox" SkinID="CustomWidthTextBox"
                                                        runat="server" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                        meta:resourcekey="FirstNameSearchTextBoxResource1" MaxLength="100"></asp:TextBox>
                                                </div>
                                            </div>
                                            <div class="outerBox pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="LastNameLabel" runat="server" Text="Last Name"></asp:Label>
                                                </div>
                                                <div class="fLeft pRight5">
                                                    <asp:TextBox ID="LastNameTextBox" SkinID="CustomWidthTextBox" runat="server"
                                                        onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" meta:resourcekey="LastNameTextBoxResource1"
                                                        MaxLength="100"></asp:TextBox>
                                                </div>
                                            </div>
                                            <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"
                                                        CssClass="form-control" onmouseleave="showHideTooltip()" AutoPostBack="true" onmouseenter="showHideTooltip()"
                                                        OnSelectedIndexChanged="DepartmentDropDownList_SelectedIndexChanged">
                                                    </asp:DropDownList>
                                                </div>
                                            </div>
                                            <div class="outerBox pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="ClassLabel" runat="server" Text="Class" SkinID="MandatoryLabel"></asp:Label>
                                                </div>
                                                <div class="fLeft pRight5">
                                                    <asp:DropDownList runat="server" ID="ClassDropDownList" SkinID="CustomWidthDropDownList"
                                                        CssClass="form-control" onmouseleave="showHideTooltip()" AutoPostBack="true" onmouseenter="showHideTooltip()"
                                                        OnSelectedIndexChanged="ClassDropDownList_SelectedIndexChanged">
                                                    </asp:DropDownList>
                                                </div>
                                            </div>
                                            <div class="outerBox pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="DivisionLabel" runat="server" Text="Division"></asp:Label>
                                                </div>
                                                <div class="fLeft pRight5">
                                                    <asp:DropDownList runat="server" ID="DivisionDropDownList" SkinID="CustomWidthDropDownList"
                                                        CssClass="form-control" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()">
                                                    </asp:DropDownList>
                                                </div>
                                            </div>
                                            <div class="outerBox pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="RollNoLabel" runat="server" Text="Roll No"></asp:Label>
                                                </div>
                                                <div class="fLeft pRight5">
                                                    <asp:TextBox ID="RollNoTextBox" SkinID="CustomWidthTextBox" runat="server"
                                                        onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" meta:resourcekey="RollNoTextBoxResource1"
                                                        MaxLength="100" onkeypress="return isNumberKey(event)"></asp:TextBox>
                                                </div>
                                            </div>
                                            <div class="outerBox pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="StatusLabel" runat="server" Text="Status"></asp:Label>
                                                </div>
                                                <div class="fLeft pRight5">
                                                    <asp:DropDownList runat="server" ID="StatusDropDownList" SkinID="CustomWidthDropDownList"
                                                        CssClass="form-control" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()">
                                                    </asp:DropDownList>
                                                </div>
                                            </div>
                                            <div class="outerBox pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="OrderByLabel" runat="server" Text="Order By"></asp:Label>
                                                </div>
                                                <div class="fLeft pRight5">
                                                    <asp:DropDownList runat="server" ID="OrderByDropDownList" SkinID="CustomWidthDropDownList"
                                                        CssClass="form-control" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()">
                                                        <asp:ListItem Text="Roll No" Value="1" Selected="True"></asp:ListItem>
                                                        <asp:ListItem Text="ID No" Value="2"></asp:ListItem>
                                                    </asp:DropDownList>
                                                </div>
                                            </div>
                                            <div class="outerBox pTop5 col-md-6">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="SearchCodeLabel" runat="server" Text="Code <b>[Add ID No with . Dot separation (Eg. 2. 5. 10)]</b>"></asp:Label>
                                                </div>
                                                <div class="fLeft pRight5">
                                                    <asp:TextBox ID="SearchCodeTextBox" runat="server" onmouseleave="showHideTooltip()"
                                                        SkinID="CustomWidthTextBox" Width="440px" onmouseenter="showHideTooltip()"></asp:TextBox>
                                                </div>
                                            </div>
                                            <div class="outerBox pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="SearchByLabel" runat="server" Text="Search By"></asp:Label>
                                                </div>
                                                <div class="fLeft pRight5">
                                                    <asp:DropDownList runat="server" ID="SearchByDropDownList" SkinID="CustomWidthDropDownList" OnSelectedIndexChanged="SearchByDropDownList_SelectedIndexChanged"
                                                        CssClass="form-control" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" AutoPostBack="true">
                                                        <asp:ListItem Text="- ALL -" Value="-1" Selected="True"></asp:ListItem>
                                                        <asp:ListItem Text="With Photo" Value="1"></asp:ListItem>
                                                        <asp:ListItem Text="Without Photo" Value="2"></asp:ListItem>
                                                    </asp:DropDownList>
                                                </div>
                                            </div>


                                            <div id="SUIdDiv" class="outerBox pTop5 col-md-3" runat="server" visible="false">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="SUIdLabel" runat="server" Text="SU Id" SkinID="MandatoryLabel"></asp:Label>
                                                </div>
                                                <div class="fLeft pRight5">
                                                    <asp:TextBox ID="SUIdTextBox" runat="server" SkinID="CustomWidthTextBox"
                                                        MaxLength="50"></asp:TextBox>
                                                </div>
                                            </div>

                                            <div class="outerBox col-md-3">
                                                <asp:CheckBox ID="UploadMultiplePhotoCheckBox" runat="server" AutoPostBack="true" Text="Upload Multi Photo" class="pLeft5" OnCheckedChanged="UploadMultiplePhotoCheckBox_CheckedChanged" />
                                            </div>

                                            <%--   <div class="outerBox col-md-3 pTop15">
                                                    <asp:CheckBox ID="ShowWithPhotoCheckBox" runat="server" AutoPostBack="false" Text="Show With Photo" class="pLeft5" />
                                                  <asp:Label ID="ShowWithPhotoLabel" runat="server" Text="Show With Photo"></asp:Label>
                                                </div>--%>
                                            <div class="alignCenter col-md-12 pTop5 pb5">
                                                <asp:Button ID="SearchButton" runat="server" Text="&#xf002; Search" OnClick="SearchButton_Click"
                                                    SkinID="0" CssClass="btn-search btn fas" />
                                                <asp:Button ID="ClearButton" runat="server" Text="&#xf0e2; Reset" OnClick="ClearButton_Click1"
                                                    meta:resourcekey="ClearButtonResource1" SkinID="0" CssClass="btn-reset btn fas" />
                                                <a href="javascript:;" onclick="OpenFileUploadNew('')" class="btn btn-browser" id="MultiImageUploadhref" runat="server"><i class="fa fa-arrow-down"></i>Browse for MultiUpload</a>
                                                <asp:FileUpload ID="flUpload1" runat="server" onChange="readURLNew(this);" ClientIDMode="Static" Style="display: none;" AllowMultiple="true" Visible="false" />
                                                <asp:Button ID="UploadClassWiseStudentBUtton" runat="server" OnClick="UploadClassWiseStudentBUtton_Click" SkinID="0" CssClass="btn btn-upload fas" Text="&#xf093; Upload" />
                                                <asp:Button ID="RefreshClassWiseButton" runat="server" Visible="false" OnClick="RefreshClassWiseButton_Click" SkinID="0" Text="&#xf2f9; Refresh" CssClass="btn-refresh btn fas" />
                                                <div class="d-inline-block">
                                                    <asp:UpdatePanel runat="server">
                                                        <ContentTemplate>
                                                            <asp:Button ID="DownLoadButton" runat="server" OnClick="DownLoadButton_Click" SkinID="0" CssClass="btn btn-download fas" Text="&#xf019; Download" />
                                                        </ContentTemplate>
                                                        <Triggers>
                                                            <asp:PostBackTrigger ControlID="DownLoadButton" />
                                                        </Triggers>
                                                    </asp:UpdatePanel>
                                                </div>

                                                <div class="d-inline-block">
                                                    <asp:Button ID="btnQrCode" runat="server" OnClick="btnQrCode_Click" SkinID="0" CssClass="btn btn-download fas" Text="&#xf019; QR CODE" />
                                                </div>
                                                <div class="d-inline-block">
                                                    <asp:UpdatePanel runat="server">
                                                        <ContentTemplate>
                                                            <asp:Button ID="QRCodeDownLoadButton" runat="server" OnClick="QRCodeDownLoadButton_Click" SkinID="0" CssClass="btn btn-download fas" Text="&#xf019; QR Download" />
                                                        </ContentTemplate>
                                                        <Triggers>
                                                            <asp:PostBackTrigger ControlID="QRCodeDownLoadButton" />
                                                        </Triggers>
                                                    </asp:UpdatePanel>
                                                </div>
                                                <asp:Button ID="btnBulkPhotoSave" runat="server" Text="Generate Student Images"
                                                    meta:resourcekey="btnBulkPhotoSaveResource" SkinID="0" CssClass="btn-save btn fas" OnClick="btnBulkPhotoSave1_Click" />
                                                <asp:Button ID="ExportButton" runat="server" Text="&#xf093; Export" Visible="false"
                                                    CssClass="btn-examcommon btn fas" SkinID="0" OnClick="ExportButton_Click" />
                                            </div>
                                            <div class="cBoth"></div>
                                            <div>
                                                <asp:Label ID="Label3" runat="server" Text="" Style="padding-left: 300px; font-size: medium;"></asp:Label>
                                            </div>
                                            <div id="StudentMasterGridDiv" runat="server" visible="false">
                                                <div class="himssuHeader7WireBox col-md-12 pTop5">
                                                    <div class="himsBoxHeader" id="Div1" visible="false" runat="server">
                                                        <div class="leftdiv">
                                                        </div>
                                                        <div class="himsBoxTitle">
                                                            <div class="headerText">
                                                                <div>
                                                                    <asp:Label ID="GridViewLabel" Text="" runat="server" Font-Bold="true" />
                                                                </div>
                                                            </div>
                                                            <div class="col-md-12 padd-0">

                                                                <%--        <div class="col-md-5">
                                                                                <asp:Label ID="RecordsPerPage" Text="Records per Page : " runat="server" />
                                                                                <asp:DropDownList ID="AddRowsToGridDropDownList" SkinID="CustomWidthDropDownList" Width="60px" runat="server" 
                                                                                    AutoPostBack="true" OnSelectedIndexChanged="AddRowsToGridDropDownList_SelectedIndexChanged">
                                                                                    <asp:ListItem Text="10" Value="10" Selected="True"></asp:ListItem>
                                                                                    <asp:ListItem Text="20" Value="20"></asp:ListItem>
                                                                                    <asp:ListItem Text="50" Value="50"></asp:ListItem>
                                                                                    <asp:ListItem Text="100" Value="100"></asp:ListItem>
                                                                                </asp:DropDownList>
                                                                            </div>--%>
                                                                <%--      <div class="col-md-7">
                                                                                <uc1:GridViewPager ID="StudentSearchGridView_GridViewPager" runat="server" OnFirstRecordClick="StudentSearchGridView_GridViewPager_FirstRecordClick"
                                                                                    OnLastRecordClick="StudentSearchGridView_GridViewPager_LastRecordClick" OnNextRecordClick="StudentSearchGridView_GridViewPager_NextRecordClick"
                                                                                    OnPrevRecordClick="StudentSearchGridView_GridViewPager_PrevRecordClick" OnTextBoxValueChange="StudentSearchGridView_GridViewPager_TextBoxValueChange"
                                                                                    ParentGridView="StudentSearchGridView" />
                                                                            </div>
                                                                --%>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="himsBoxContent  pTop5">
                                                        <%--<asp:PlaceHolder ID="ClassWisePlaceHolder" runat="server" />--%>


                                                        <div class="col-md-12">
                                                            <div class="alert alert-warning" style="margin-bottom: auto;">
                                                                <asp:Label ID="Label1" runat="server" Text="* Please select at list one checkbox  for download images"></asp:Label>
                                                            </div>
                                                        </div>
                                                        <div id="Div2" runat="server" class="table-responsive ">

                                                            <asp:GridView ID="StudentSearchGridView" runat="server" AutoGenerateColumns="False"
                                                                OnRowDataBound="StudentSearchGridView_RowDataBound" DataKeyNames="Id,Code"
                                                                SkinID="" ShowHeader="True" CssClass="table table-striped table-bordered table-hover">
                                                                <Columns>
                                                                    <asp:TemplateField ItemStyle-Width="3%" ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true"
                                                                        HeaderStyle-HorizontalAlign="Left">
                                                                        <HeaderTemplate>
                                                                            <label class="rt-chkbox rt-chkbox-outline">
                                                                                <asp:CheckBox ID="HeaderCheckBox" Enabled="true" onclick="CheckAll(this);" runat="server" />
                                                                                <span></span>
                                                                            </label>
                                                                        </HeaderTemplate>
                                                                        <ItemTemplate>
                                                                            <label class="rt-chkbox rt-chkbox-outline">
                                                                                <asp:CheckBox ID="SelectCheckBox" runat="server" />
                                                                                <span></span>
                                                                            </label>
                                                                        </ItemTemplate>

                                                                    </asp:TemplateField>
                                                                    <asp:BoundField DataField="Code" HeaderText="Student Code" HeaderStyle-HorizontalAlign="Left"
                                                                        ItemStyle-Width="10%" />
                                                                    <asp:BoundField DataField="Name" HeaderText="Student Name" HeaderStyle-HorizontalAlign="Left"
                                                                        ItemStyle-Width="40%" />
                                                                    <asp:BoundField DataField="ClassDiv" HeaderText="Class" HeaderStyle-HorizontalAlign="Left"
                                                                        ItemStyle-Width="10%" />
                                                                    <asp:TemplateField HeaderStyle-HorizontalAlign="Center" HeaderText="Photo" ItemStyle-HorizontalAlign="Center"
                                                                        ItemStyle-Width="20%" ItemStyle-Wrap="true">
                                                                        <ItemTemplate>
                                                                            <asp:ImageButton ID="StudentPhoto" Visible="false" Height="60px" Width="60px" runat="server" ImageUrl='<%# Eval("StudentPhoto")%>' OnClientClick="return LoadDiv(this.src);" />
                                                                            <asp:ImageButton ID="FatherPhoto" Visible="false" Height="60px" Width="60px" runat="server" ImageUrl='<%# Eval("FatherPhoto")%>' OnClientClick="return LoadDiv(this.src);" />
                                                                            <asp:ImageButton ID="MotherPhoto" Visible="false" Height="60px" Width="60px" runat="server" ImageUrl='<%# Eval("MotherPhoto")%>' OnClientClick="return LoadDiv(this.src);" />
                                                                            <asp:ImageButton ID="RelativePhoto" Visible="false" Height="60px" Width="60px" runat="server" ImageUrl='<%# Eval("RelativePhoto")%>' OnClientClick="return LoadDiv(this.src);" />
                                                                            <asp:Label ID="lblFilePath" runat="server" Text='<%# (Eval("StudentPhoto"))%>' Visible="false" />
                                                                        </ItemTemplate>
                                                                    </asp:TemplateField>
                                                                    <asp:TemplateField HeaderStyle-HorizontalAlign="Center" HeaderText="Photo Size" ItemStyle-HorizontalAlign="Center"
                                                                        ItemStyle-Width="20%" ItemStyle-Wrap="true">
                                                                        <ItemTemplate>
                                                                            <asp:Label ID="SizeLabel" runat="server"></asp:Label>
                                                                        </ItemTemplate>
                                                                    </asp:TemplateField>
                                                                    <asp:TemplateField HeaderText="Upload File" ItemStyle-Width="10%" HeaderStyle-HorizontalAlign="left"
                                                                        ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true">
                                                                        <ItemTemplate>
                                                                            <a href="javascript:;" onclick="OpenFileUploadNew('<%#Eval("Code")%>')" class="btn btn-browser"><i class="fa fa-arrow-down"></i>Browse</a>
                                                                            <asp:FileUpload ID="flUpload1" runat="server" onChange="readURLNew(this);" ClientIDMode="Static" Style="display: none;" AllowMultiple="false" />
                                                                        </ItemTemplate>
                                                                    </asp:TemplateField>
                                                                    <asp:TemplateField HeaderText="Delete" ItemStyle-Width="10%" HeaderStyle-HorizontalAlign="center"
                                                                        ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true">
                                                                        <ItemTemplate>
                                                                            <asp:ImageButton ID="DeleteuploadedDocumnetImageButton" runat="server" OnClick="DeleteuploadedDocumnetImageButton_Click"
                                                                                ToolTip="Delete" ImageUrl="~/Images/Del.png" />
                                                                        </ItemTemplate>
                                                                    </asp:TemplateField>
                                                                    <asp:TemplateField HeaderStyle-HorizontalAlign="Center" HeaderText="QR CODE" ItemStyle-HorizontalAlign="Center"
                                                                        ItemStyle-Width="20%" ItemStyle-Wrap="true">
                                                                        <ItemTemplate>
                                                                            <asp:Image ID="QRCode" Height="60px" Width="60px" runat="server" ImageUrl='<%# Eval("QRCode")%>' />
                                                                        </ItemTemplate>
                                                                    </asp:TemplateField>


                                                                </Columns>
                                                            </asp:GridView>
                                                            <input type="hidden" id="myField" value="" />
                                                            <div id="divBackground" class="modal">
                                                            </div>
                                                            <div id="divImage">
                                                                <table style="height: 100%; width: 100%">
                                                                    <tr>
                                                                        <td valign="middle" align="center">
                                                                            <img id="imgFull" alt="" src="" style="display: none; height: 55%; margin-top: 46px;" />
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td align="center" valign="bottom">
                                                                            <input id="btnClose" type="button" class="btn btn-delete fas" value="&#xf00d; Close" onclick="HideDiv()" style="position: absolute; top: 9%; right: 29%;" />
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>
                                            </div>
                                            <%--
                                                                                <div class="col-md-12 pTop15 pb15">
                                                                                    <a href="javascript:;" onclick="OpenFileUpload();" class="btn btn-browser">
                                                                                        <i class="fa fa-arrow-down"></i>Browse</a>
                                                                                    <asp:FileUpload ID="FileUpload1" runat="server" onChange="readURL(this);" ClientIDMode="Static" Style="display: none;" AllowMultiple="true" />
                                                                                    <asp:Button ID="Button1" runat="server" OnClick="RefreshButton_Click" SkinID="0" Text="&#xf2f9; Refresh" CssClass="btn-refresh btn fas" />
                                                                                    <asp:Button ID="Button2" runat="server" OnClick="UploadButton_Click" SkinID="0" CssClass="btn btn-upload fas" Text="&#xf093; Upload" />
                                                                                    <asp:Button ID="Button3" runat="server" CssClass="btn btn-webcam fas" OnClick="WebCamUploadButton_Click" SkinID="0" Text="&#xf083; WebCam" Visible="true" />

                                                                                </div>--%>
                                            <%--       <div class="outerBox pTop5 col-md-3">
                                                <asp:Label ID="Label6" runat="server" Font-Size="Small" Text="Enter Code for Remove"></asp:Label>
                                                <asp:TextBox ID="TextBox1" runat="server" MaxLength="100" meta:resourcekey="FirstNameTextBoxResource1"
                                                    onmouseenter="showHideTooltip()" onmouseleave="showHideTooltip()" SkinID="CustomWidthTextBox">
                                                </asp:TextBox>
                                            </div>
                                            <div class="outerBox pTop15 col-md-3">
                                                <asp:Button ID="Button4" runat="Server" OnClick="AddPhotoButton_Click" SkinID="0" Text="Add Photo" Visible="false" />
                                                <asp:Button ID="Button5" runat="server" OnClick="RemoveButton_Click" SkinID="0" CssClass="btn btn-delete fas" Text="&#xf00d; Remove Photo" />
                                                <br />
                                                <asp:Label ID="Label7" runat="server" Text="" Style="padding-left: 10px; font-size: medium;"></asp:Label>
                                            </div>--%>
                                            <%--       <div id="Div1" runat="server" visible="false">
                                                <div class="himssuHeader6WireBox col-md-12 pTop5">
                                                    <div id="Div2" runat="server" class="himsBoxHeader" visible="false">
                                                        <div class="leftdiv">
                                                        </div>
                                                        <div class="himsBoxTitle">
                                                            <div class="gridHeaderText">
                                                            </div>
                                                        </div>
                                                    </div>
                                                      <div class="himsBoxContent width-100">
                                                        <div id="Div3" runat="server">
                                                            <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
                                                                CssClass="table table-striped table-bordered table-hover" DataKeyNames="" EmptyDataText="No records found"
                                                                PagerSettings-Visible="false" ShowHeader="True">
                                                                <Columns>
                                                                    <asp:BoundField DataField="FileName" HeaderStyle-HorizontalAlign="Left" HeaderText="ID No."
                                                                        ItemStyle-Width="10%" />
                                                                    <asp:TemplateField HeaderStyle-HorizontalAlign="Center" HeaderText="Photo" ItemStyle-HorizontalAlign="Center"
                                                                        ItemStyle-Width="90%" ItemStyle-Wrap="true">
                                                                        <ItemTemplate>
                                                                            <asp:Image ID="StudentPhoto" runat="server" Height="60px" ImageUrl='<%# Eval("FilePath")%>'
                                                                                Width="60px" />
                                                                        </ItemTemplate>
                                                                    </asp:TemplateField>
                                                                </Columns>
                                                            </asp:GridView>
                                                        </div>
                                                    </div>
                                                </div>
                                                </div>
                                            </div>--%>
                                        </asp:Panel>
                                    </div>
                                </ContentTemplate>
                            </cc1:TabPanel>
                        </cc1:TabContainer>
                    </div>
                </div>
        </ContentTemplate>

    </asp:UpdatePanel>
    <%--   <script data-main="../../../JavaScript/rjs/uploadstudent-photo" src="../../../JavaScript/rjs/require.js"></script>
      <script data-main='<%=ResolveUrl("~/JavaScript/rjs/uploadstudent-photo")%>' src='<%=ResolveUrl("~/JavaScript/rjs/require.js")%>'></script>--%>
    <script type="text/javascript">
        function LoadDiv(url) {
            var img = new Image();
            var bcgDiv = document.getElementById("divBackground");
            var imgDiv = document.getElementById("divImage");
            var imgFull = document.getElementById("imgFull");

            img.onload = function () {
                imgFull.src = img.src;
                imgFull.style.display = "block";

            };
            img.src = url;
            var width = document.body.clientWidth;
            if (document.body.clientHeight > document.body.scrollHeight) {
                bcgDiv.style.height = document.body.clientHeight + "px";
            }
            else {
                bcgDiv.style.height = document.body.scrollHeight + "px";
            }
            imgDiv.style.left = (width - 650) / 2 + "px";
            imgDiv.style.top = "150px";
            bcgDiv.style.width = "0px";

            bcgDiv.style.display = "block";
            imgDiv.style.display = "block";
            return false;
        }
        function HideDiv() {
            var bcgDiv = document.getElementById("divBackground");
            var imgDiv = document.getElementById("divImage");
            var imgFull = document.getElementById("imgFull");
            if (bcgDiv != null) {
                bcgDiv.style.display = "none";
                imgDiv.style.display = "none";
                imgFull.style.display = "none";
            }
        }
    </script>
    <script data-main='<%=ResolveUrl("~/JavaScript/rjs/document")%>' src='<%=ResolveUrl("~/JavaScript/rjs/require.js")%>'></script>
</asp:Content>
