<%@ page language="C#" masterpagefile="~/Pages/Common/MasterPages/MainMasterPage_new.master" autoeventwireup="true" inherits="Pages_FrontOffice_AppointmentScheduling_StudentGatePass, App_Web_hpoycyi1" title="Student Gate Pass" enableEventValidation="false" viewStateEncryptionMode="Never" %>

<%@ Register Src="~/UserControls/DatePicker/DatePickerControl.ascx" TagName="DatePickerControl" TagPrefix="Date" %>
<%@ 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/AutoComplete/AutoCompleteControl.ascx" TagName="AutoCompleteControl" TagPrefix="acc" %>
<%@ Register Src="~/UserControls/Common/StudentSearch/StudentSearch.ascx" TagName="StudentSearch" TagPrefix="Std" %>
<%@ Register Assembly="TimePicker" Namespace="MKB.TimePicker" TagPrefix="timePicker" %>

<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
    <asp:UpdatePanel ID="ResonMasterUpdatePanel" runat="server" UpdateMode="Always">
        <ContentTemplate>
            <Std:StudentSearch ID="StudentSearch" Visible="false" runat="server" />

            <div id="divContentPage" class="divcontentpagemargin">

                <div class="dashBoardLeftCont">
                    <div class="himssuHeader3WireBox">

                        <div class="himsBoxContent">
                            <div class="leftUlMenu">
                                <ScreenGroup:ScreenGroupControl EnableViewState="true" ID="ScreenGroupControl" ScreenGroupId="168"
                                    Visible="true" runat="server" />
                            </div>
                        </div>

                    </div>
                </div>
                <div class="whiteboxpaddingleft row">
                    <div class="himssuHeader5WireBox card card-box" id="SearchDiv" runat="server" visible="true">
                        <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" />
                                    </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="SearchOrgLabel" runat="server" Text="Organization"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <asp:DropDownList runat="server" ID="SearchOrgDropDownList" SkinID="CustomWidthDropDownList"
                                                    class="form-control" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()">
                                                </asp:DropDownList>
                                            </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 ID="DepartmentDropDownList" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                    SkinID="CustomWidthDropDownList" class="form-control" runat="server"
                                                    AutoPostBack="true" OnSelectedIndexChanged="DepartmentDropDownList_SelectedIndexChanged">
                                                </asp:DropDownList>
                                            </div>
                                        </div>

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

                                        <div class="outerBox pTop5 col-md-3">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="DivisionLabel1" runat="server" Text="Division"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <asp:DropDownList ID="DivisionDropDownList" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                    SkinID="CustomWidthDropDownList" class="form-control" runat="server"
                                                    AutoPostBack="false">
                                                </asp:DropDownList>
                                            </div>
                                        </div>

                                        <div class="outerBox pTop5 col-md-3">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="SearchCodeLabel" runat="server" Text="ID No"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <asp:TextBox ID="SearchCodeTextBox" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                    SkinID="CustomWidthTextBox" runat="server" MaxLength="200"> </asp:TextBox>
                                            </div>
                                        </div>
                                        <div class="outerBox pTop5 col-md-3">
                                            <timePicker:TimeSelector ID="TimeSelector1" runat="server" DisplaySeconds="False"
                                                SelectedTimeFormat="Twelve" AmPm="AM" Date="" Hour="0" Minute="0" Enabled="false"
                                                Second="0" meta:resourcekey="ActivityStartTimeSelectorResource1" CssClass="pTop5" />
                                        </div>


                                        <div class="outerBox pTop5 col-md-3">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="FromDateLabel" runat="server" Text="From Date" Visible="true"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <Date:DatePickerControl DisplayDatePicker="true" ID="FromDatePickerControl" Visible="true"
                                                    runat="server" />
                                            </div>
                                        </div>
                                        <div class="outerBox pTop5 col-md-3">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="ToDateLabel" runat="server" Text="To Date" Visible="true"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <Date:DatePickerControl DisplayDatePicker="true" ID="ToDatePickerControl" Visible="true"
                                                    runat="server" />
                                            </div>
                                        </div>
                                        <div class="outerBox pTop5 col-md-3">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="SearchEntryModeStatusLabel" runat="server" Text="Entry Mode Status"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <asp:DropDownList runat="server" ID="SearchEntryModeStatusDropDownList" SkinID="CustomWidthDropDownList"
                                                    class="form-control" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()">
                                                </asp:DropDownList>
                                            </div>
                                        </div>

                                        <div class="alignCenter pTop5 col-md-12">
                                            <asp:Button ID="SearchButton" Text="&#xf002; Search" runat="Server" OnClick="SearchButton_Click" SkinID="0" class="btn-search btn fas" />
                                            <asp:Button ID="ResetButton" runat="server" Text="&#xf0e2; Reset" class="btn-reset btn fas" SkinID="0" OnClick="ResetButton_Click" />
                                            <asp:Button ID="ExportButton" runat="server" Text="&#xf093; Export" OnClick="ExportButton_Click" SkinID="0" class="btn btn-examcommon btn fas" />
                                        </div>

                                        <br />
                                    </asp:Panel>
                                    <div id="Div1" class="himssuHeader7WireBox col-md-12" runat="server">
                                        <div id="ReasonMasterDetailDiv" visible="false" runat="server">

                                            <div class="himsBoxHeader">
                                                <div class="leftdiv">
                                                </div>
                                                <div class="himsBoxTitle">
                                                    <%-- <div class="headerText">
                                                        <asp:Label ID="StudentGatePassLabel" runat="server" Text="Student Gate Pass List"></asp:Label>
                                                    </div>--%>
                                                </div>
                                            </div>
                                            <div class="himsBoxContent">
                                                <asp:UpdatePanel ID="MenuPlanDetailUpdatePanel" runat="server" UpdateMode="Always">
                                                    <ContentTemplate>
                                                        <div id="Div5" runat="server" visible="false">
                                                            <div class="table-responsive">
                                                                <asp:GridView ID="StudentGatePassGridView" runat="server" AutoGenerateColumns="False"
                                                                    OnRowDataBound="StudentGatePassGridView_RowDataBound" AllowPaging="false" SkinID="" ShowHeader="True" PagerSettings-Visible="false"
                                                                    DataKeyNames="Id,AcademicId,OrgId,FromGatePassDate,ToGatePassDate,EntryModeStatusId,Code" EmptyDataText="No records Found !!!" CssClass="table table-striped table-bordered table-hover">
                                                                    <Columns>
                                                                        <asp:TemplateField ItemStyle-Width="5%" ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true">
                                                                            <ItemTemplate>
                                                                                <asp:LinkButton ID="EditLinkButton" runat="server" CommandName="Select" OnClick="LinkButton_Click"
                                                                                    Text="Select" CausesValidation="false"></asp:LinkButton>
                                                                            </ItemTemplate>
                                                                        </asp:TemplateField>
                                                                        <asp:TemplateField HeaderText="Organization" ItemStyle-Width="10%" HeaderStyle-HorizontalAlign="Left" ItemStyle-Wrap="true">
                                                                            <ItemTemplate>
                                                                                <asp:Label ID="OrgLabel" runat="server" Text='<%# ((Sapphire.Vidyalaya.BusinessEntity.Business.FrontOfficeBE.StudentGatePass)Container.DataItem).Organization %>'></asp:Label>
                                                                            </ItemTemplate>
                                                                        </asp:TemplateField>
                                                                        <asp:TemplateField HeaderText="Code" ItemStyle-Width="8%" HeaderStyle-HorizontalAlign="Left" ItemStyle-Wrap="true">
                                                                            <ItemTemplate>
                                                                                <asp:Label ID="CodeLabel" runat="server" Text='<%# ((Sapphire.Vidyalaya.BusinessEntity.Business.FrontOfficeBE.StudentGatePass)Container.DataItem).Code %>'></asp:Label>
                                                                            </ItemTemplate>
                                                                        </asp:TemplateField>
                                                                        <asp:TemplateField HeaderText="Class" ItemStyle-Width="7%" HeaderStyle-HorizontalAlign="Left" ItemStyle-Wrap="true">
                                                                            <ItemTemplate>
                                                                                <asp:Label ID="ClassLabel" runat="server" Text='<%# ((Sapphire.Vidyalaya.BusinessEntity.Business.FrontOfficeBE.StudentGatePass)Container.DataItem).Class %>'></asp:Label>
                                                                            </ItemTemplate>
                                                                        </asp:TemplateField>
                                                                        <asp:TemplateField HeaderText="Name" ItemStyle-Width="15%" HeaderStyle-HorizontalAlign="Left" ItemStyle-Wrap="true">
                                                                            <ItemTemplate>
                                                                                <asp:Label ID="NameLabel" runat="server" Text='<%# ((Sapphire.Vidyalaya.BusinessEntity.Business.FrontOfficeBE.StudentGatePass)Container.DataItem).Name %>'></asp:Label>
                                                                            </ItemTemplate>
                                                                        </asp:TemplateField>
                                                                        <asp:TemplateField HeaderText="Relationship" ItemStyle-Width="10%" HeaderStyle-HorizontalAlign="Left" ItemStyle-Wrap="true">
                                                                            <ItemTemplate>
                                                                                <asp:Label ID="RelationshipLabel" runat="server" Text='<%# ((Sapphire.Vidyalaya.BusinessEntity.Business.FrontOfficeBE.StudentGatePass)Container.DataItem).Relationship %>'></asp:Label>
                                                                            </ItemTemplate>
                                                                        </asp:TemplateField>
                                                                        <asp:TemplateField HeaderText="Visitor" ItemStyle-Width="10%" HeaderStyle-HorizontalAlign="Left" ItemStyle-Wrap="true">
                                                                            <ItemTemplate>
                                                                                <asp:Label ID="VisitorLabel" runat="server" Text='<%# ((Sapphire.Vidyalaya.BusinessEntity.Business.FrontOfficeBE.StudentGatePass)Container.DataItem).VisitorName %>'></asp:Label>
                                                                            </ItemTemplate>
                                                                        </asp:TemplateField>
                                                                        <asp:TemplateField HeaderText="Gate Pass Date" ItemStyle-Width="10%" HeaderStyle-HorizontalAlign="Left" ItemStyle-Wrap="true">
                                                                            <ItemTemplate>
                                                                                <asp:Label ID="GatePassDateLabel" runat="server" Text='<%# Bind("GatePassDate","{0:dd/MM/yyyy}") %>'></asp:Label>
                                                                            </ItemTemplate>
                                                                        </asp:TemplateField>
                                                                        <asp:TemplateField HeaderText="Gate Pass Time" ItemStyle-Width="10%" SortExpression="Title"
                                                                            HeaderStyle-HorizontalAlign="Right" ItemStyle-Wrap="true" ItemStyle-HorizontalAlign="Right">
                                                                            <ItemTemplate>
                                                                                <asp:Label ID="GatePassLabel" runat="server" Text='<%# Bind("GatePassTime","{0:HH:mm:ss}") %>'></asp:Label>
                                                                            </ItemTemplate>
                                                                        </asp:TemplateField>
                                                                        <asp:TemplateField HeaderText="Return Gate Pass Time" ItemStyle-Width="10%" SortExpression="Title"
                                                                            HeaderStyle-HorizontalAlign="Right" ItemStyle-Wrap="true" ItemStyle-HorizontalAlign="Right">
                                                                            <ItemTemplate>
                                                                                <asp:Label ID="ReturnGatePassTimeLabel" runat="server" Visible="false" Text='<%# Bind("ReturnGatePassTime","{0:HH:mm:ss}") %>'></asp:Label>
                                                                                <asp:Button ID="ReturnGatePassTimeButton" runat="server" Text="Out" OnClick="ReturnGatePassTimeButton_Click"
                                                                                    Width="40px" SkinID="0" ForeColor="White" BackColor="Black" />
                                                                            </ItemTemplate>
                                                                        </asp:TemplateField>
                                                                        <asp:TemplateField HeaderText="Entry Mode" ItemStyle-Width="5%" HeaderStyle-HorizontalAlign="Left" ItemStyle-Wrap="true">
                                                                            <ItemTemplate>
                                                                                <asp:Label ID="EntryModeStatusLabel" runat="server" Text='<%# ((Sapphire.Vidyalaya.BusinessEntity.Business.FrontOfficeBE.StudentGatePass)Container.DataItem).EntryModeStatus %>'></asp:Label>
                                                                            </ItemTemplate>
                                                                        </asp:TemplateField>
                                                                    </Columns>
                                                                </asp:GridView>
                                                            </div>
                                                        </div>
                                                    </ContentTemplate>
                                                </asp:UpdatePanel>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </asp:Panel>
                        </div>
                    </div>
                    <div class="himssuHeader1WireBox card card-box" id="DetailDiv" runat="server" visible="false">
                        <asp:HiddenField ID="UploadConfigurationHiddenField" runat="server" />
                        <asp:HiddenField ID="FileAttachmentSizeHiddenField" runat="server" />
                        <asp:HiddenField ID="UserSourceTypeHiddenField" runat="server" />
                        <asp:HiddenField ID="UserSourceIdHiddenField" runat="server" />
                        <asp:HiddenField ID="GUIDHiddenField" runat="server" />
                        <div class="himsBoxHeader card-head">
                            <div class="leftdiv">
                            </div>
                            <div class="himsBoxTitle">
                                <header>
                                    <asp:Label ID="StudentGatePassDetailLabel" runat="server" Text="Student Gate Pass"></asp:Label>
                                </header>


                            </div>
                            <div class="fRight mt-27 pagination display-flex">
                                <table>
                                    <tr>
                                        <td class="formLabel">
                                            <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>
                                                &nbsp;&nbsp;
                                                            <asp:Label ID="LabelPage" runat="server" Text="Record " AssociatedControlID="ReCordNumber" />
                                                <asp:Label ID="ReCordNumber" Font-Bold="true" SkinID="Dummy" runat="server"></asp:Label>
                                                <asp:Label ID="ofLabel" Text="of" runat="server" />
                                                <asp:Label ID="TotalRecord" runat="server" />
                                                &nbsp;&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>
                                        </td>
                                        <td>&nbsp;&nbsp;
                                            <asp:Button ID="BackButton" runat="Server" OnClick="BackButton_Click" SkinID="0"
                                                class="btn btn-back fas" Text="&#xf30a; Back" />
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                        <div class="himsBoxContent card-body">
                            <div class="contentHolder">
                                <asp:HiddenField ID="RelativeImageClickValue" runat="server" />
                                <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"></asp:Label>
                                    </div>
                                    <div class="fLeft pRight5">
                                        <asp:TextBox ID="SUIdTextBox" runat="server" SkinID="CustomWidthTextBox"
                                            AutoPostBack="true" MaxLength="50" OnTextChanged="SUIdTextBox_TextChanged"></asp:TextBox>
                                    </div>
                                </div>
                                <div class="outerBox pTop5 col-md-3">
                                    <div class="controlLabelWidth">
                                        <asp:Label ID="OrgLabel" runat="server" Text="Organization" SkinID="MandatoryLabel"></asp:Label>
                                    </div>
                                    <div class="fLeft pRight5">
                                        <asp:DropDownList runat="server" ID="OrgDropDownList" SkinID="CustomWidthDropDownList"
                                            class="form-control" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" AutoPostBack="true"
                                            OnSelectedIndexChanged="OrgDropDownList_SelectedIndexChanged">
                                        </asp:DropDownList>
                                        <asp:HiddenField ID="IdHiddenField" runat="server" />
                                    </div>
                                </div>

                                <div class="outerBox pTop5 col-md-3">
                                    <div class="controlLabelWidth">
                                        <asp:Label ID="EntryModeStatusLabel" runat="server" Text="Entry Mode Status" SkinID="MandatoryLabel"></asp:Label>
                                    </div>
                                    <div class="fLeft pRight5">
                                        <asp:DropDownList runat="server" ID="EntryModeStatusDropDownList" SkinID="CustomWidthDropDownList"
                                            class="form-control" onmouseleave="showHideTooltip()" AutoPostBack="true" onmouseenter="showHideTooltip()" OnSelectedIndexChanged="EntryModeStatusDropDownList_SelectedIndexChanged">
                                        </asp:DropDownList>
                                    </div>
                                </div>


                                <asp:Panel ID="StudentSearchPanel" runat="server">
                                    <div class="outerBox pTop5 col-md-3">
                                        <div class="controlLabelWidth">
                                            <asp:Label ID="StudentIdNoLabel" runat="server" Text="ID No" SkinID="MandatoryLabel"></asp:Label>
                                        </div>
                                        <div class="fLeft pRight5 display-flex">
                                            <asp:TextBox ID="StudentIdNoTextBox" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                SkinID="CustomWidthTextBox" runat="server" MaxLength="200"
                                                AutoPostBack="true" OnTextChanged="StudentIdNoTextBox_TextChanged">
                                            </asp:TextBox>
                                            <asp:ImageButton SkinID="FindImage" ToolTip="Student Search" ID="StudentIdNoImageButton"
                                                runat="server" ImageUrl="~/Images/icons/icon_find.gif" />
                                            <asp:HiddenField ID="SourceIdHiddenField" runat="server" />
                                        </div>
                                    </div>
                                    <div class="outerBox pTop5 col-md-3">
                                        <div class="controlLabelWidth">
                                            <asp:Label ID="StudentNameLabel" runat="server" Text="Name"></asp:Label>
                                        </div>
                                        <div class="fLeft pRight5">
                                            <asp:TextBox ID="StudentNameTextBox" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                SkinID="CustomWidthTextBox" runat="server" MaxLength="200"> </asp:TextBox>
                                        </div>
                                    </div>
                                    <div class="outerBox pTop5 col-md-3">
                                        <div class="controlLabelWidth">
                                            <asp:Label ID="ClassLabel" runat="server" Text="Class"></asp:Label>
                                        </div>
                                        <div class="fLeft pRight5">
                                            <asp:TextBox ID="ClassTextBox" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                SkinID="CustomWidthTextBox" runat="server" MaxLength="200"> </asp:TextBox>
                                        </div>
                                    </div>
                                    <div class="outerBox pTop5 col-md-3">
                                        <div class="controlLabelWidth">
                                            <asp:Label ID="GatePassTimeLabel" runat="server" Text="Gate Pass Time"></asp:Label>
                                        </div>
                                        <div class="fLeft pRight5">
                                            <timePicker:TimeSelector ID="GatePassTimeSelector" runat="server" DisplaySeconds="False"
                                                SelectedTimeFormat="Twelve" AmPm="AM" Date="" Hour="0" Minute="0" Visible="true"
                                                Second="0" meta:resourcekey="ActivityStartTimeSelectorResource1" class="timepicker" />
                                        </div>
                                    </div>
                                    <div runat="server" id="ReturnGatePassDiv" visible="false">
                                        <div class="outerBox pTop5 col-md-3">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="ReturnGatePassDateLabel" runat="server" Text="Return Gate Pass Date" Visible="True"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <Date:DatePickerControl DisplayDatePicker="true" ID="ReturnGatePassDateDatePickerControl"
                                                    Visible="True" runat="server" />
                                            </div>
                                        </div>
                                        <div class="outerBox pTop5 col-md-3">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="ReturnGatePassTimeLabel" runat="server" Text="Return Gate Pass Time"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <timePicker:TimeSelector ID="ReturnGatePassTimeSelector" runat="server" DisplaySeconds="False"
                                                    SelectedTimeFormat="Twelve" AmPm="AM" Date="" Hour="0" Minute="0" Visible="true"
                                                    Second="0" meta:resourcekey="ActivityStartTimeSelectorResource1" class="timepicker" Width="150px" />
                                            </div>
                                        </div>
                                    </div>
                                    <div class="outerBox pTop5 col-md-3">
                                        <div class="controlLabelWidth">
                                            <asp:Label ID="GatePassNoLabel" runat="server" Text="Gate Pass No"></asp:Label>
                                        </div>
                                        <div class="fLeft pRight5">
                                            <asp:TextBox ID="GatePassNoTextBox" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                runat="server" SkinID="CustomWidthTextbox" Enabled="false"></asp:TextBox>
                                        </div>
                                    </div>
                                </asp:Panel>
                                <div class="col-md-12">
                                    <div class="outerBox11 pTop5 col-md-3">
                                        <div class="controlLabelWidth">
                                            <asp:Label ID="FatherPhotoLabel" runat="server" Text="Father Photo"></asp:Label>
                                        </div>
                                        <div class="fLeft pRight5">
                                            <asp:ImageButton ID="FatherPhotoImage" runat="server" AlternateText=" " Height="80px" Width="80px"
                                                OnClick="FatherPhotoImage_Click" Style="border: 1px Solid" />
                                        </div>
                                        <asp:Label ID="FatherNameLabel" runat="server"></asp:Label><br />
                                        <asp:Label ID="FatherMobileLabel" runat="server"></asp:Label>
                                    </div>
                                    <div class="outerBox11 pTop5 col-md-3">
                                        <div class="controlLabelWidth">
                                            <asp:Label ID="MotherPhotoLabel" runat="server" Text="Mother Photo"></asp:Label>
                                        </div>
                                        <div class="fLeft pRight5">
                                            <asp:ImageButton ID="MotherPhotoImage" runat="server" AlternateText=" " Height="80px" Width="80px"
                                                OnClick="MotherPhotoImage_Click" Style="border: 1px Solid" />
                                        </div>
                                        <asp:Label ID="MotherNameLabel" runat="server"></asp:Label><br />
                                        <asp:Label ID="MotherMobileLabel" runat="server"></asp:Label>
                                    </div>
                                    <div class="outerBox11 pTop5 col-md-3">
                                        <div class="controlLabelWidth">
                                            <asp:Label ID="RelativePhotoLabel" runat="server" Text="Relative Photo"></asp:Label>
                                        </div>
                                        <div class="fLeft pRight5">
                                            <asp:ImageButton ID="RelativePhotoImage" runat="server" AlternateText=" " Height="80px" Width="80px"
                                                OnClick="RelativePhotoImage_Click" Style="border: 1px Solid" />
                                        </div>
                                        <asp:Label ID="RelativeNameLabel" runat="server"></asp:Label><br />
                                        <asp:Label ID="RelativeMobileLabel" runat="server"></asp:Label>
                                    </div>
                                    <div class="outerBox11 pTop5 col-md-3">
                                        <div class="controlLabelWidth">
                                            <asp:Label ID="StudentPhotoLabel" runat="server" Text="Student Photo"></asp:Label>
                                        </div>
                                        <div class="fLeft pRight5">
                                            <asp:ImageButton ID="StudentPhotoImage" Visible="true" runat="server" Height="80px" Width="80px"
                                                AlternateText=" " Style="border: 1px Solid" Enabled="false" OnClick="StudentPhotoImage_Click" />
                                        </div>
                                        <br />
                                        <asp:Label ID="StudentMobileLabel" runat="server"></asp:Label>
                                    </div>
                                </div>
                                <div class="outerBox pTop5 col-md-3">
                                    <div class="controlLabelWidth">
                                        <asp:Label ID="RelationshipLabel" runat="server" Text="Relationship" SkinID="MandatoryLabel"></asp:Label>
                                    </div>
                                    <div class="fLeft pRight5">
                                        <asp:DropDownList runat="server" ID="RelationshipDropDownList" SkinID="CustomWidthDropDownList"
                                            class="form-control" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" AutoPostBack="true"
                                            OnSelectedIndexChanged="RelationshipDropDownList_SelectedIndexChanged">
                                        </asp:DropDownList>
                                    </div>
                                </div>
                                <div class="outerBox pTop5 col-md-3">
                                    <div class="controlLabelWidth">
                                        <asp:Label ID="RelationLabel" runat="server" Text="Relation"></asp:Label>
                                    </div>
                                    <div class="fLeft pRight5">
                                        <asp:TextBox ID="RelationTextBox" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                            runat="server" MaxLength="100" SkinID="CustomWidthTextbox"></asp:TextBox>
                                    </div>
                                </div>

                                <div class="outerBox pTop5 col-md-3">
                                    <div class="controlLabelWidth">
                                        <asp:Label ID="VisitorNameLabel" runat="server" Text="Visitor Name" SkinID="MandatoryLabel"></asp:Label>
                                    </div>
                                    <div class="fLeft pRight5">
                                        <asp:TextBox ID="VisitorNameTextBox" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                            runat="server" MaxLength="100" SkinID="CustomWidthTextbox"></asp:TextBox>
                                    </div>
                                </div>
                                <div class="outerBox pTop5 col-md-3">
                                    <div class="controlLabelWidth">
                                        <asp:Label ID="VisitorMobileLabel" runat="server" Text="Visitor Mobile"></asp:Label>
                                    </div>
                                    <div class="fLeft pRight5">
                                        <asp:TextBox ID="VisitorMobileTextBox" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                            runat="server" MaxLength="100" SkinID="CustomWidthTextbox"></asp:TextBox>
                                    </div>
                                </div>

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

                                <div class="outerBox pTop5 col-md-3">
                                    <div class="controlLabelWidth">
                                        <asp:Label ID="GatePassReasonData" runat="server" Text="Student GatePass Reason"></asp:Label>
                                    </div>
                                    <div class="fLeft pRight5">
                                        <asp:DropDownList runat="server" ID="GatePassReasonDropDownList" SkinID="CustomWidthDropDownList"
                                            class="form-control" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" AutoPostBack="false" OnChange="ReasonGatePass()">
                                        </asp:DropDownList>
                                    </div>
                                </div>


                                <div class="outerBox11 pTop5 col-md-3">
                                    <div class="controlLabelWidth">
                                        <asp:Label ID="ReasonOfGatePassLabel" runat="server" Text="Reason Of Gate Pass" SkinID="MandatoryLabel"></asp:Label>
                                    </div>
                                    <div class="fLeft pRight5">
                                        <asp:TextBox ID="ReasonOfGatePassTextBox" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                            SkinID="MultiLineTextBox" TextMode="MultiLine" runat="server" MaxLength="200"> </asp:TextBox>
                                    </div>
                                </div>
                                <div class="outerBox11 pTop5 col-md-3">
                                    <div class="controlLabelWidth">
                                        <asp:Label ID="RemarkLabel" runat="server" Text="Remark"></asp:Label>
                                    </div>
                                    <div class="fLeft pRight5">
                                        <asp:TextBox ID="RemarkTextBox" TextMode="MultiLine" runat="server"></asp:TextBox>
                                    </div>
                                </div>

                                <div class="cBoth pTp5"></div>

                                <div class="outerBox11 pTop5 col-md-3">
                                    <div class="controlLabelWidth">
                                        <asp:Label ID="OtherLabel" runat="server" Text="Other Photo"></asp:Label>
                                    </div>
                                    <div class="fLeft pRight5">
                                        <asp:ImageButton ID="OtherImage" Visible="true" runat="server" Height="80px" Width="80px"
                                            AlternateText="Other Photo" Style="border: 1px Solid" Enabled="false" />
                                    </div>
                                </div>

                                <div class="outerBox11 pTop5 col-md-3" runat="server" visible="false" id="RelativeDiv">
                                    <div class="controlLabelWidth pt-2">
                                        <asp:Label ID="Relative1Label" runat="server" Text=""></asp:Label>
                                    </div>
                                    <div class="fLeft pRight5">
                                        <asp:HiddenField ID="OtherRelative1NameHiddenField" runat="server" />
                                        <asp:HiddenField ID="OtherRelation1HiddenField" runat="server" />
                                        <asp:HiddenField ID="OtherRelative1ContactNoHiddenField" runat="server" />
                                        <asp:ImageButton ID="OtherRelative1Image" Visible="true" runat="server" Height="80px" Width="80px"
                                            AlternateText="Other Relative Photo" Style="border: 1px Solid" Enabled="false" OnClick="OtherRelative1Image_Click" />
                                    </div>
                                </div>

                                <div class="outerBox11 pTop5 col-md-3" runat="server" visible="false" id="OtherRelativeDiv">
                                    <div class="controlLabelWidth pt-2">
                                        <asp:Label ID="Relative2Label" runat="server" Text=""></asp:Label>
                                    </div>
                                    <div class="fLeft pRight5">
                                        <asp:HiddenField ID="OtherRelative2NameHiddenField" runat="server" />
                                        <asp:HiddenField ID="OtherRelation2HiddenField" runat="server" />
                                        <asp:HiddenField ID="OtherRelative2ContactNoHiddenField" runat="server" />
                                        <asp:ImageButton ID="OtherRelative2Image" Visible="true" runat="server" Height="80px" Width="80px"
                                            AlternateText="Other Relative Photo" Style="border: 1px Solid" Enabled="false" OnClick="OtherRelative2Image_Click" />
                                    </div>
                                </div>

                                <div id="OTPDiv" visible="false" runat="server">
                                    <div class="himsBoxHeader card-head inner" id="PatientRelationDiv" runat="server">
                                        <div class="gridHeaderText">
                                            <header>
                                                <asp:Label ID="OTPGenerationLabel" runat="server" Text="OTP Generation"></asp:Label>
                                            </header>
                                        </div>
                                    </div>
                                    <div class="outerBox11 pTop5 col-md-3">
                                        <div class="controlLabelWidth">
                                            <asp:Label ID="ParentContactNumberLabel" runat="server" Text="Parent Contact Number"></asp:Label>
                                        </div>
                                        <div class="fLeft pRight5">
                                            <asp:TextBox ID="ParentContactNumberTextBox" Enabled="false" runat="server"></asp:TextBox>
                                            <asp:HiddenField ID="WhatsAppContactNoHiddenField" runat="server" />
                                        </div>
                                    </div>
                                    <div class="outerBox11 pTop5 col-md-3 ">
                                        <asp:Button ID="GenerateOTPButton" Visible="true" runat="server" Text="&#xf044; Generate OTP" SkinID="0"
                                            class="btn green fas" OnClick="GenerateOTPButton_Click" />
                                    </div>
                                    <div class="cBoth"></div>
                                    <div class="outerBox11 pTop5 col-md-3">
                                        <div class="controlLabelWidth">
                                            <asp:Label ID="OTPLabel" runat="server" Text="Enter OTP"></asp:Label>
                                        </div>
                                        <div class="fLeft pRight5">
                                            <asp:TextBox ID="OTPTextBox" runat="server"></asp:TextBox>
                                        </div>
                                    </div>
                                </div>
                                <div class="alignCenter pTop5 col-md-12 ">
                                    <div class="controlLabelWidth">
                                        <asp:HiddenField ID="RefreshButtonHiddenField" runat="server" />
                                        <asp:Label ID="Label2" runat="server" Text="" Font-Bold="true" ForeColor="Red"></asp:Label>
                                    </div>
                                    <a href="javascript:;" id="Imglink" class="btn btn-browser" runat="server" onclick="OpenFileUpload();">
                                        <i class="fa fa-arrow-down"></i>Browse</a>
                                    <asp:Button ID="UploadWebCamButton" Visible="true" runat="server" Text="&#Xf030; WebCam" SkinID="0"
                                        OnClick="WebCamUploadButton_Click" class="btn-webcam btn fas" />
                                    <asp:Button ID="RefreshButton" runat="server" Text="&#xf2f9; Refresh" class="fas btn btn-refresh refresh" OnClick="RefreshButton_Click"
                                        SkinID="0" />
                                    <asp:FileUpload ID="flUpload" runat="server" onChange="readURL(this);" ClientIDMode="Static" Style="display: none;" AllowMultiple="false" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </ContentTemplate>
    </asp:UpdatePanel>
    <%--<script data-main="../../JavaScript/rjs/encrypt/student-gatepass-encrypt" src="../../JavaScript/rjs/require.js"></script>--%>
    <script>
        function ReasonGatePass() {
            var Txt = document.getElementById('ctl00_CP_GatePassReasonDropDownList').value;
            if (Txt == '-1') {
                Txt = '';
            }
            document.getElementById('ctl00_CP_ReasonOfGatePassTextBox').value = Txt;
        }
    </script>
    <script data-main='<%=ResolveUrl("~/JavaScript/rjs/student-gatepass")%>' src='<%=ResolveUrl("~/JavaScript/rjs/require.js")%>'></script>
</asp:Content>
