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

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<%@ Register Src="~/UserControls/GridViewPager/GridViewPager.ascx" TagName="GridViewPager"
    TagPrefix="uc1" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<%@ Register Src="~/UserControls/Common/ScreenGroup/ScreenGroup.ascx" TagName="ScreenGroupControl"
    TagPrefix="ScreenGroup" %>
<%@ Register Assembly="CKEditor.NET" Namespace="CKEditor.NET" TagPrefix="CKEditor" %>
<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
    <asp:UpdatePanel ID="OTQueueListingUpdatePanel" runat="server">
        <ContentTemplate>
            <div id="divContentPage" class="divcontentpagemargin">
                <div class="dashBoardLeftCont">
                    <div class="himssuHeader3WireBox">
                        <div class="himsBoxContent">
                            <div class="leftUlMenu">
                                <ScreenGroup:ScreenGroupControl EnableViewState="true" ID="ScreenGroupControl" ScreenGroupId="101"
                                    Visible="true" runat="server" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="whiteboxpaddingleft row">
                    <div class="himssuHeader5WireBox card card-box" id="SearchDiv" runat="server">
                        <div class="himsBoxHeader card-head">
                            <asp:Panel ID="Panel1" runat="server">
                                <div class="leftdiv">
                                </div>
                                <div class="himsBoxTitle">
                                    <div class="headerText">
                                        <header>
                                            <i class="fab fa-wpforms"></i>
                                            <asp:Label ID="Label3" runat="server" Text="Online Form Setup"></asp:Label>
                                        </header>
                                    </div>
                                </div>
                            </asp:Panel>
                        </div>
                        <div class="himsBoxContent card-body">
                            <asp:Panel ID="DetailPanel" runat="Server">
                                <asp:HiddenField ID="OnlineFormSetupIdHiddenField" runat="server" />
                                <asp:HiddenField ID="GUIDHiddenField" runat="server" />
                                <div class="tableContainer">
                                    <cc1:TabContainer Width="100%" ID="OnlineFormSetupTabContainer" runat="server" CssClass="ajax__myTab nav nav-tabs tabs-style-iconbox"
                                        meta:resourcekey="CircularTabContainerResource1" ActiveTabIndex="0">
                                        <cc1:TabPanel Width="100%" ID="OnlineFormSetupDetails" runat="server" HeaderText="Details">
                                            <HeaderTemplate>
                                                <ul class="nav nav-tabs tabs-style-iconboxinner ajaxnavtabs">
                                                    <li class="fancyTab"><a><i class="fas fa-check-circle"></i>&nbsp;Online Form Setup </a></li>
                                                </ul>
                                            </HeaderTemplate>
                                            <ContentTemplate>
                                                <div class="contentHolder pTop15">
                                                    <div class="outerBox pTop5 col-md-3">
                                                        <div class="controlLabelWidth">
                                                            <asp:Label ID="FormTypeLabel" runat="server" Text="Form Type" SkinID="MandatoryLabel"></asp:Label>
                                                        </div>
                                                        <div class="fLeft pRight5">
                                                            <asp:DropDownList ID="FormTypeDropDownList" runat="server" class="form-control" AutoPostBack="true" OnSelectedIndexChanged="FormTypeDropDownList_SelectedIndexChanged"></asp:DropDownList>
                                                        </div>
                                                    </div>
                                                    <div id="DetailsDiv" runat="server" visible=" false">
                                                        <div class="outerBox pTop5 col-md-3">
                                                            <div class="controlLabelWidth">
                                                                <asp:Label ID="FormTitleLabel" Text="Form Title" runat="server" SkinID="MandatoryLabel"></asp:Label>
                                                            </div>
                                                            <div class="fLeft pRight5">
                                                                <asp:TextBox ID="FormTitleTextBox" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                                    SkinID="CustomWidthTextBox" runat="Server" MaxLength="100"></asp:TextBox>
                                                            </div>
                                                        </div>
                                                        <div class="outerBox pTop5 col-md-3">
                                                            <div class="controlLabelWidth">
                                                                <asp:Label ID="WelcomeRemarkLabel" runat="server" Text="Welcome Remark" meta:resourcekey="CodeSearchLabelResource1"></asp:Label>
                                                            </div>
                                                            <div class="fLeft pRight5">
                                                                <asp:TextBox ID="WelcomeRemarkTextBox" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                                    SkinID="MultiLineTextBox" Width="250px" TextMode="MultiLine" Height="40px" runat="server"
                                                                    MaxLength="200"> </asp:TextBox>
                                                            </div>
                                                        </div>
                                                        <div class="outerBox pTop5 col-md-3">
                                                            <div class="controlLabelWidth">
                                                                <asp:Label ID="MarqueeRemarkLabel" runat="server" Text="Marquee Remark" meta:resourcekey="CodeSearchLabelResource1"></asp:Label>
                                                            </div>
                                                            <div class="fLeft pRight5">
                                                                <asp:TextBox ID="MarqueeRemarkTextBox" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                                    SkinID="MultiLineTextBox" Width="250px" TextMode="MultiLine" Height="40px" runat="server"
                                                                    MaxLength="200"> </asp:TextBox>
                                                            </div>
                                                        </div>
                                                        <div class="outerBox pTop5 col-md-3">
                                                            <div class="controlLabelWidth">
                                                                <asp:Label ID="FormButtonLabel" runat="server" Text="Form Button" meta:resourcekey="CodeSearchLabelResource1"></asp:Label>
                                                            </div>
                                                            <div id="FormButtonDiv" runat="server" visible="true" class="fLeft pRight5 chck-dropdown-onclick bg-lghtgrey outerBox11 col-md-12 overflow-x-hidden padd-0" style="max-height: 175px">
                                                                <asp:CheckBoxList ID="FormButtonCheckBoxList" runat="server">
                                                                </asp:CheckBoxList>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-12" style="top: 30px">
                                                            <div class="col-md-1" style="float: right">
                                                                <asp:DropDownList ID="AddRowsToGridDropDownList" SkinID="CustomWidthDropDownList"
                                                                    CssClass="form-control" runat="server" AutoPostBack="true">
                                                                    <asp:ListItem Text="1" Value="1" Selected="True"></asp:ListItem>
                                                                    <asp:ListItem Text="5" Value="5"></asp:ListItem>
                                                                    <asp:ListItem Text="10" Value="10"></asp:ListItem>
                                                                    <asp:ListItem Text="15" Value="15"></asp:ListItem>
                                                                </asp:DropDownList>
                                                            </div>
                                                            <div style="float: right">
                                                                <asp:Button ID="ApplyButton" runat="server" SkinID="0" Text="Add Rows" OnClick="ApplyButton_Click" CssClass="btn btn-assign fas" />
                                                            </div>
                                                            <div class="himsBoxContent card-body">
                                                                <asp:GridView ID="OnlineFormSetupDetailGridView" runat="server" class="himssuHeader7WireBox col-md-12 table-responsive"
                                                                    AutoGenerateColumns="False" EmptyDataText="No Records Found !!" AllowPaging="false"
                                                                    CssClass="table table-striped table-bordered table-hover" ShowHeader="True"
                                                                    DataKeyNames="OnlineFormSetupDetailsId">
                                                                    <Columns>
                                                                        <asp:TemplateField HeaderText="Title" ItemStyle-Width="10%" ItemStyle-Wrap="true"
                                                                            HeaderStyle-HorizontalAlign="Left">
                                                                            <ItemTemplate>
                                                                                <asp:TextBox ID="TitleTextBox" runat="server" MaxLength="5" Text='<%# Bind("OnlineFormSetupDetailsTitle") %>' TextMode="MultiLine" Style="height: 188px"
                                                                                    Width="100%" SkinID="MultiLineTextBox"></asp:TextBox>
                                                                            </ItemTemplate>
                                                                        </asp:TemplateField>
                                                                        <asp:TemplateField HeaderText="Remark" ItemStyle-Width="85%" ItemStyle-Wrap="true"
                                                                            HeaderStyle-HorizontalAlign="Left">
                                                                            <ItemTemplate>
                                                                                <CKEditor:CKEditorControl ID="RemarkTextBox" BasePath="~/ckeditor/" runat="server" Height="50" Text='<%# Bind("OnlineFormSetupDetailsRemark") %>'></CKEditor:CKEditorControl>
                                                                                <%--<asp:TextBox ID="RemarkTextBox" runat="server" MaxLength="5" Text='<%# Bind("OnlineFormSetupDetailsRemark") %>' TextMode="MultiLine"
                                                                                    Width="100%" SkinID="MultiLineTextBox"></asp:TextBox>--%>
                                                                            </ItemTemplate>
                                                                        </asp:TemplateField>
                                                                        <asp:TemplateField ShowHeader="true" HeaderText="Delete" ItemStyle-Width="5%">
                                                                            <ItemTemplate>
                                                                                <asp:ImageButton SkinID="DeleteImage" ID="DeleteImageButton" runat="server" OnClick="DeleteImageButton_Click"
                                                                                    ImageUrl="~/Images/icons/icon_delete.gif" ToolTip="Delete" OnClientClick="return confirm('Are you sure you want to delete?');" />
                                                                            </ItemTemplate>
                                                                            <ItemStyle HorizontalAlign="Center" Width="10%" />
                                                                        </asp:TemplateField>
                                                                    </Columns>
                                                                    <PagerSettings Visible="False" />
                                                                </asp:GridView>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </ContentTemplate>
                                        </cc1:TabPanel>
                                        <cc1:TabPanel Width="100%" ID="OnlineFormSetupAttachmentDetails" runat="server" HeaderText="Upload Images" Enabled="false">
                                            <HeaderTemplate>
                                                <ul class="nav nav-tabs tabs-style-iconboxinner ajaxnavtabs">
                                                    <li class="fancyTab"><a><i class="fa fa-upload"></i>&nbsp;Upload Images </a></li>
                                                </ul>
                                            </HeaderTemplate>
                                            <ContentTemplate>
                                                <div class="contentHolder pTop15">
                                                    <div class="col-md-12 bg-lghtgrey radiobtn">
                                                        <asp:RadioButtonList ID="UploadTypeRadioButtonList" runat="server" RepeatDirection="Horizontal"
                                                            OnSelectedIndexChanged="UploadTypeRadioButtonList_SelectedIndexChanged" AutoPostBack="true" Style="text-align: center">
                                                            <asp:ListItem Text="Logo" Value="1" Selected="True"></asp:ListItem>
                                                            <asp:ListItem Text="Background Image" Value="2"></asp:ListItem>
                                                            <asp:ListItem Text="Attachment" Value="3"></asp:ListItem>
                                                        </asp:RadioButtonList>
                                                    </div>
                                                    <div class="cBoth" style="height: 20px"></div>
                                                    <div class="alignCenter pTop5">
                                                        <a href="javascript:;" onclick="OpenFileUpload();" class="btn btn-browser">
                                                            <i class="fa fa-arrow-down"></i>Browse</a>
                                                        <asp:FileUpload ID="flUpload" runat="server" onChange="readURL(this);" ClientIDMode="Static" Style="display: none;" AllowMultiple="true" />
                                                        <asp:Button ID="RefreshButton" runat="server" OnClick="RefreshButton_Click" SkinID="0" Text="&#xf2f9; Refresh" CssClass="btn-refresh btn fas" Style="display: none" />
                                                        <asp:HiddenField ID="UploadConfigurationHiddenField" runat="server" />
                                                        <div class="controlLabelWidth">
                                                            <asp:Label ID="UploadSuccessLabel" runat="server" Style="padding-left: 10px; font-size: medium;"></asp:Label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-12">
                                                        <div class="alert   alert-info">
                                                            <div style="color: #FF7F7F">
                                                                </b>&nbsp; * File size should be less than 2 MB                                         
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-12">
                                                        <asp:UpdatePanel ID="MenuPlanDetailUpdatePanel" runat="server" UpdateMode="Always">
                                                            <ContentTemplate>
                                                                <div id="Div5" runat="server">
                                                                    <div id="Div4" runat="server" class="table-responsive">
                                                                        <asp:GridView ID="UploadOrganizationPhotoGridView" runat="server" AutoGenerateColumns="False"
                                                                            SkinID="" ShowHeader="True" PagerSettings-Visible="false"
                                                                            CssClass="table table-striped table-bordered table-hover" EmptyDataText="No records found" OnRowDataBound="UploadOrganizationPhotoGridView_RowDataBound">
                                                                            <Columns>
                                                                                <asp:BoundField DataField="FileName" HeaderText="File Name" HeaderStyle-HorizontalAlign="Left" ItemStyle-Width="10%" Visible="false" />
                                                                                <asp:TemplateField HeaderText="Type" ItemStyle-Width="10%" HeaderStyle-HorizontalAlign="Center" Visible="true" ItemStyle-Wrap="true">
                                                                                    <ItemTemplate>
                                                                                        <asp:Label ID="TypeLabel" runat="server" Text='<%# Eval("Type") %>' />
                                                                                    </ItemTemplate>
                                                                                </asp:TemplateField>
                                                                                <asp:TemplateField HeaderText="Path Name" ItemStyle-Width="50%" ItemStyle-HorizontalAlign="Left" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left" Visible="false">
                                                                                    <ItemTemplate>
                                                                                        <asp:HyperLink ID="FileNameHyperLink" href='<%# Eval("FilePath") %>' runat="server" Text='<%# Eval("FilePath") %>' Target="_blank" />
                                                                                    </ItemTemplate>
                                                                                </asp:TemplateField>
                                                                                <asp:TemplateField HeaderText="Path Name" ItemStyle-Width="50%" ItemStyle-HorizontalAlign="Left" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                                                                    <ItemTemplate>
                                                                                        <asp:HyperLink ID="FileNameHyperLink2" href='<%# Eval("FilePath") %>' runat="server" Text='<%# Eval("FilePath") %>' Target="_blank" />
                                                                                    </ItemTemplate>
                                                                                </asp:TemplateField>
                                                                                <asp:TemplateField HeaderText="Delete" ItemStyle-Width="10%" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true">
                                                                                    <ItemTemplate>
                                                                                        <asp:ImageButton ID="DeleteImageButton" runat="server" OnClick="DeleteImageButton_Click1" OnClientClick="return confirm('Are you sure you want to delete this Image?');"
                                                                                            ToolTip="Delete" ImageUrl="~/Images/Del.png" />
                                                                                    </ItemTemplate>
                                                                                </asp:TemplateField>
                                                                            </Columns>
                                                                        </asp:GridView>
                                                                    </div>
                                                                </div>
                                                            </ContentTemplate>
                                                        </asp:UpdatePanel>
                                                    </div>
                                                </div>
                                            </ContentTemplate>
                                        </cc1:TabPanel>
                                    </cc1:TabContainer>
                                </div>
                            </asp:Panel>
                        </div>
                    </div>
                </div>
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>
    <script data-main='<%=ResolveUrl("~/JavaScript/rjs/online_form_setup")%>' src='<%=ResolveUrl("~/JavaScript/rjs/require.js")%>'></script>
</asp:Content>
