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

<%@ Register Src="~/UserControls/Common/ScreenGroup/ScreenGroup.ascx" TagName="ScreenGroupControl"
    TagPrefix="ScreenGroup" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<%@ Register Src="~/UserControls/MessageBox/MessageBoxControl.ascx" TagName="MessageControl" TagPrefix="uc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
    <%--<link href='<%= ResolveUrl("~/App_Themes/jquery.autocomplete.css") %>' rel="stylesheet" type="text/css" />--%>
    <link href="../../../App_Themes/responsiv-popup.css" rel="stylesheet" type="text/css" />
    <div class="hls-bg"></div>
    <style type="text/css">
        .loadingbg {
            background-image: url("/Images/loading_bg.png");
            position: fixed;
            top: 50%;
            left: 50%;
            background-repeat: no-repeat;
            height: 107px;
            text-align: center;
            vertical-align: middle;
            width: 100px;
            z-index: 99;
            background-position: center;
        }

        .loadingtext {
            color: #FFF;
        }

        .messageMessage .close {
            font-size: 28px !important;
            position: relative;
            right: 17px;
            top: 3px;
            opacity: 0.5;
            z-index: 999;
        }
         
        .skin-blue table#Atddiv thead tr, .skin-blue table thead tr th,
        .skin-black table#Atddiv thead tr, .skin-blue table thead tr th,
        .skin-purple table#Atddiv thead tr, .skin-blue table thead tr th,
        .skin-red table#Atddiv thead tr, .skin-blue table thead tr th,
        .skin-yellow table#Atddiv thead tr, .skin-blue table thead tr th {
    color: #fff !important;
    }
      
         
        .skin-blue .table.table-bordered tbody tr:first-child,
        .skin-black .table.table-bordered tbody tr:first-child,
        .skin-purple .table.table-bordered tbody tr:first-child,
        .skin-red .table.table-bordered tbody tr:first-child,
        .skin-yellow .table.table-bordered tbody tr:first-child,
        .skin-darkblack .table.table-bordered tbody tr:first-child,
        .skin-leafgreen .table.table-bordered tbody tr:first-child,
        .skin-orangebold .table.table-bordered tbody tr:first-child,
        .skin-navyblue .table.table-bordered tbody tr:first-child,
        .skin-babypink .table.table-bordered tbody tr:first-child{
    background: transparent !important;
    color: #fff !important;
}
        .table.table-bordered tbody tr:first-child th, 
        .table-bordered > thead > tr > th,
         table.table-bordered tr:first-child td {
    color: unset !important;
    font-weight: 500;
}
    </style>


    <div id="loading" class="upload-loader loader" style="display: none;">
        <div class='loader--dot'></div>
        <div class='loader--dot'></div>
        <div class='loader--dot'></div>
        <div class='loader--dot'></div>
        <div class='loader--dot'></div>
        <div class='loader--dot'></div>
        <div class='loader--text'></div>
    </div>
    <div id="divContentPage" class="divcontentpagemargin">


        <uc1:MessageControl ID="MessageControlFile" runat="server" />

        <div class="dashBoardLeftCont">
            <div class="himssuHeader3WireBox">
                <table>
                    <tr>
                        <td>
                            <div class="himsBoxContent">
                                <div class="leftUlMenu">
                                    <ScreenGroup:ScreenGroupControl EnableViewState="true" ID="ScreenGroupControl" ScreenGroupId="167"
                                        Visible="true" runat="server" />
                                </div>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="row whiteboxpaddingleft">
            <div class="himssuHeader2WireBox">
                <div class="contentHolder">
                    <div class="himssuHeader1WireBox card card-box">
                        <div class="himsBoxHeader card-head">
                            <div class="himsBoxTitle">
                                <div class="headerText">
                                    <header>
                                        <i class="fas fa-upload"></i>
                                        <asp:Label ID="HeaderLabel" runat="server"
                                            Text="Upload Notification Images"
                                            meta:resourcekey="HeaderLabelResource1"></asp:Label>
                                    </header>
                                </div>
                                <div class="fRight mt-27">
                                </div>
                            </div>
                        </div>

                        <div class="himsBoxContent card-body">
                            <div class="contentHolder">
                                <div id="divExcel">

                                    <div class="outerBox pTop5 col-md-3">
                                        <div class="controlLabelWidth">
                                            <asp:Label ID="UploadTypeLabel" Text="Upload Type" runat="server"></asp:Label>
                                        </div>
                                        <div class="fLeft pRight5">
                                            <asp:DropDownList ID="UploadTypeDropDownList" runat="server" CssClass="form-control" onchange="UploadTypeChange();"                                                
                                                meta:resourcekey="UploadTypeDropDownListResource1">
                                                <asp:ListItem Text="- ALL -" Value="-1"></asp:ListItem>
                                                <asp:ListItem Text="Common" Value="1"></asp:ListItem>
                                                <asp:ListItem Text="Birthday Card" Value="2"></asp:ListItem>
                                                <asp:ListItem Text="Admission" Value="3"></asp:ListItem>
                                                <asp:ListItem Text="Inquiry" Value="4"></asp:ListItem>
                                                <asp:ListItem Text="Employee Birthday Card" Value="5"></asp:ListItem>
                                            </asp:DropDownList>
                                        </div>
                                    </div>                                    

                                    <div class="outerBox pTop5  col-md-4" id="UploadDiv">
                                        <div class="controlLabelWidth">                                            
                                            <a href="javascript:void(0);" class="btn-browser btn" id="aFileUpload" onclick="OpenFileUpload();">
                                                <i class="fas fa-download"></i>Browse
                                            </a>
                                            <asp:FileUpload ID="flUpload" onChange="readURL(this);" ClientIDMode="Static" runat="server" Style="display: none;" />
                                            <input type="hidden" id="FileName" />
                                            <asp:Button ID="RefreshButton" runat="server" OnClick="RefreshButton_Click" SkinID="0" Text="&#xf2f9; Refresh" CssClass="btn-refresh btn fas" Visible="false" />
                                        </div>
                                    </div>
                                    <div class="cBoth">
                                    </div>
                                </div>                                

                                <div class="himsBoxContent col-md-12">
                                    <div class="contentHolder">
                                        <div class="himssuHeader1WireBox table-responsive">
                                            <div class="himsBoxContent">
                                                <table id="TableImageList" class="table table-bordered table-striped">
                                                    <thead>
                                                        <tr>
                                                            <th scope="col" style="width: 4%;">Sr No.</th>
                                                            <th scope="col" style="width: 4%;">Type</th>
                                                            <th scope="col" style="width: 7%;">Image</th>
                                                            <th scope="col" style="width: 20%;">File Name</th>
                                                            <th scope="col" style="width: 60%;">File URL</th>
                                                            <th scope="col" style="width: 6%;">Copy URL</th>
                                                            <th scope="col" style="width: 3%;">Delete</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody id="tbodyImageList">
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>                    
                </div>
            </div>

        </div>



        <!--Loading msg start-->
        <div id="dvLoadingmsg" class="hls-wrap">
            <div class="hls-container">
                <div class="hls-content">
                    <div class="dsh-syndicate white-popup" style="display: inline-block; width: 119%; height: 150px">
                        <div class="shippingcard" style="text-align: center; vertical-align: middle; width: 100%;">
                            <span id="spn1msg">Loading Details</span><br>
                            <span style="line-height: 2;" id="spn2msg"><b>Please Wait ...</b></span><br>
                            <span id="spnloadingimg">
                                <img src="../../../Images/Loading1.gif" /></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--Loading msg end-->


        <%--popup start--%>
        <div id="dvTipspopup" class="hls-wrap" style="height: 450PX;">
            <div class="hls-container">
                <div class="hls-content">
                    <div class="dsh-syndicate white-popup" style="display: inline-block;">
                        <div class="shippingcard" style="vertical-align: middle; width: 100%;">
                            <div id="dvEmployeesScroll" class="himsBoxHeader note note1 box box-danger">
                                <div class="leftdiv"></div>
                                <div class="headerText" style="text-align: left;">
                                    <label id="HeaderLabelALL" style="font-size: 14px; font-weight: bold; text-align: left;">Upload File's</label>
                                </div>
                                <div id="MessageBoxDivPopup">
                                </div>
                                <asp:HiddenField ID="DetailHiddenField" runat="server" />
                                <asp:HiddenField ID="GUIDHiddenField" runat="server" />
                                <asp:HiddenField ID="UserSourceTypeHiddenField" runat="server" />
                                <asp:HiddenField ID="UserSourceIdHiddenField" runat="server" />
                                <asp:HiddenField ID="DocumentIdHiddenField" runat="server" />
                                <asp:HiddenField ID="DocumentNameHiddenField" runat="server" />
                                <asp:HiddenField ID="UploadConfigurationHiddenField" runat="server" />
                                <asp:HiddenField ID="AttachmentSizeHiddenField" runat="server" />
                                <asp:HiddenField ID="StudentBirthdayCardCountHiddenField" runat="server" />   
                                <asp:HiddenField ID="AdmissionAttachmentCountHiddenField" runat="server" />
                                <asp:HiddenField ID="InquiryAttachmentCountHiddenField" runat="server" />   
                                <asp:HiddenField ID="EmployeeBirthdayCardCountHiddenField" runat="server" />                                                                                                                                                             
                            </div>                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <%--popup end--%>
    </div>
    <script data-main='<%= ResolveUrl("~/JavaScript/rjs/Notification-Images") %>' src='<%= ResolveUrl("~/JavaScript/rjs/require.js") %>'></script>




</asp:Content>

