
<%@ Page Title="Member History Page" Language="C#" MasterPageFile="~/SunMaster.Master" AutoEventWireup="true" CodeBehind="MemberHistory.aspx.cs" Inherits="SUNWEB.MemberHistory" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
 
  <script type="text/javascript">

         $(document).ready(function () {
             var DB = '<%= Session["BranchDB"].ToString() %>';
              LoadcompaignTypeText(DB);
              LoadcompaignTypeText2(DB);

             var ChkValue = localStorage.getItem("Cvalue");
             if (ChkValue == "C") {
                 ShowModalIcustomers();
             }
             
          });



         //Search Members
         function CloseModalMemberInformationList() {
             var modal = document.getElementById("ModalMemberList1");
             modal.style.display = "none";
         }
         function ShowModalMemberInformationList1() {
             var modal = document.getElementById("ModalMemberList1");
             modal.style.display = "block";
         }

         function ShowModalIcustomers() {
             var modal = document.getElementById("ModalMemberList1");
             modal.style.display = "block";
             modal.style.display = "block";
             localStorage.removeItem("Cvalue");
         }

         function refershingpage() {
             localStorage.setItem("Cvalue", "C");
             location.href = 'MemberHistory.aspx';
         }


         function LoadcompaignTypeText(DB) {
             $.ajax({
                 type: "POST",
                 url: "MemberHistory.aspx/IsCashbackEnable",
                 data: "{DB:'" + DB + "'}",
                 async: false,
                 contentType: 'application/json; charset=utf-8',
                 dataType: 'json',
                 error: function (XMLHttpRequest, textStatus, errorThrown) {

                 },
                 success: function (result) {
                     var data = JSON.parse(result.d);
                     if (data) {
                         ret = data.ini_value.toString();
                         if (ret == "1")
                         {
                             document.getElementById("lblCurrentValueText").innerHTML = "CashBack";
                             document.getElementById("lblCurrentValueText1").innerHTML = "Cash Back";
                          // document.getElementById("lblCurrentValue2Text").innerHTML = "In Amounts";
                         }
                         else if (ret == "0") {

                         }


                     }
                 }

             });
         }
         function LoadcompaignTypeText2(DB) {
             $.ajax({
                 type: "POST",
                 url: "MemberHistory.aspx/IsPointredemptionEnable",
                 data: "{DB:'" + DB + "'}",
                 async: false,
                 contentType: 'application/json; charset=utf-8',
                 dataType: 'json',
                 error: function (XMLHttpRequest, textStatus, errorThrown) {

                 },
                 success: function (result) {
                     var data = JSON.parse(result.d);
                     if (data) {
                         ret = data.ini_value.toString();
                         if (ret == "1")
                         {
                             document.getElementById("lblCurrentValueText").innerHTML = "Points Redemption ";
                             document.getElementById("lblCurrentValueText1").innerHTML = "Points";
                           //document.getElementById("lblCurrentValue2Text").innerHTML = "In Points";
                         }
                         else if (ret == "0") {

                         }


                     }
                 }

             });
         }
      
  </script>

  <style type="text/css">


     /* Create two equal columns that floats next to each other */
     .columnLeft {
       float: left;
       width: 50%;
       padding-left: 15px;
       height: auto; /* Should be removed. Only for demonstration */

     }

     .columnRight {
       float: left;
       width: 50%;
       padding-right:17px;
       height: auto; /* Should be removed. Only for demonstration */
       text-align:right;
       margin-right:-10px;
     }
     /* Clear floats after the columns */
     .row:after {
       content: "";
       display: table;
       clear: both;
     }

     .hrefCss
     {
         text-decoration: underline;
     }
   </style>

  <style type="text/css">
     .modalCss
     {
         display: none; /* Hidden by default */
         position: fixed; /* Stay in place */
         z-index: 1; /* Sit on top */
         padding-top: 80px; /* Location of the box */
         left: 0;
         top: 0;
         width: 100%; /* Full width */
         height: 100%; /* Full height */
         overflow: auto; /* Enable scroll if needed */
         background-color: rgb(0,0,0); /* Fallback color */
         background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
     }
            
     
     .modal-dialogCss
     {
     }
     
     /* Modal Content */
     .modal-contentCss
     {
         background-color: #fefefe;
         margin: auto;
         /*padding: 20px;*/
        /* border: 1px solid #888;*/
         width: 400px;
         border-radius: 3px; 
     }
     
     
     /* Create two equal columns that floats next to each other */
     .column
     {
         float: left;
         width: 40%;
         padding: 2px;
         margin-left:7px;
         height: auto; /* Should be removed. Only for demonstration */
     }
     
     /* Clear floats after the columns */
     .row:after
     {
         content: "";
         display: table;
         clear: both;
     }
     
      .ButtonSearch 
         {
             background: #ffc108;
             margin: 0;
             font-family: Circular Std Book;
             font-size: 14px;
             line-height: inherit;
             border-width: thin;
             border-color: #212529;
             border-radius: 2px;
             color: #212529;
             
            }
     
 </style>

  <style type="text/css">
  @media only screen and (max-width: 600px) {
  table, th, td {
      font-size: 10px;
      font-weight:bold;
      
  }
  
   .Labels{font-size:10px; }
   .alnright { text-align: right; }
     
           }
  
  </style>

  <style type="text/css">
      .overlay
      {
          position: fixed;
          top: 0px;
          left: 0px;
          z-index: 0;
          height: 100%;
          width: 100%;
          top: 0;
          background-color: White;
          filter: alpha(opacity=60);
          opacity: 0.9;
          -moz-opacity: 1;
      }
      
      .LoadingDivCss
      {
          margin: 0;
          position: absolute;
          top: 50%;
          left: 50%;
          margin-right: -50%;
          transform: translate(-50%, -50%);
      }
      
      .LoadingImgCss
      {
          height: 100px;
          width: 100px;
      }
  </style>


</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
        
 <%-- <div align="left">
  <asp:Button ID="btnExcel" runat="server" CssClass="btn btn-success btn-xs"  onclick="btnExcel_Click" Text="Excel" BackColor="Green" BorderColor="Green" ToolTip="To Export the Report Click Here" />      
  </div>--%>

<%--    <div class="col-md-6">
      <h5 style="font-family: 'Open Sans', sans-serif; font-weight: bolder;">
        MEMBER HISTORY REPORT
      </h5>
    </div>--%>

  <asp:UpdatePanel runat="server" ID="updatepanel1" UpdateMode="Conditional">
  <ContentTemplate>
    

    <%--<table style="width:100%;padding-bottom:10px;">
    <tr>
    <td style="font-size:large;width:50%; font-family:'Open Sans', sans-serif; font-weight:bolder;">
     MEMBER HISTORY  REPORT
    </td>    
    <td align="right" style="padding-bottom:7px;">
    <label for="validationCustom05">
    Branch
    <asp:Label ID="lblBranchAliasName" runat="server"></asp:Label>
    </label>
    <asp:DropDownList ID="cmbBranches" CssClass="custom-select" runat="server" Width="200px" Height="35px"
     AutoPostBack="true" OnSelectedIndexChanged="cmbBranches_SelectedIndexChanged">
    </asp:DropDownList>
    </td>
    </tr>
   </table>--%>
<div class="row">
  <div class="container-fluid mb-3">
  <div class="row align-items-center">

    <!-- Left Column: Title -->
    <div class="col-md-6">
      <h7>
        MEMBER HISTORY REPORT
      </h7>
    </div>

    <!-- Right Column: Dropdown aligned to right -->
    <div class="col-md-6">
      <div class="d-flex justify-content-end align-items-center gap-2">
        
        <!-- Branch Label -->
        <label for="cmbBranches" class="mb-0">Branch</label>

        <!-- Dropdown List -->
        <asp:DropDownList ID="cmbBranches"
                          CssClass="form-select w-25"
                          runat="server"
                          AutoPostBack="true"
                          OnSelectedIndexChanged="cmbBranches_SelectedIndexChanged">
        </asp:DropDownList>

        <!-- Optional Branch Alias Label -->
        <asp:Label ID="lblBranchAliasName" runat="server" CssClass="mb-0" />

      </div>
    </div>

  </div>
</div>
</div>




 <div class="row">
 <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
 <div class="card">  
<h5 class="card-header" style="background-color: #4c4c4c; color: White;">
 <span style="font-size:14px;color:#F8F9FA"> MEMBER HISTORY REPORTS  </span>&nbsp;&nbsp;
 <button type="button" id="abcid" value="a"  onclick="ShowModalMemberInformationList1()" class="btn btn-warning">
 Search
 </button>
    
 </h5>
 <asp:Label ID="lblMsgTotalSelection" runat="server" CssClass="Labels"></asp:Label>
 </b> 
 </p>
 </h4>
 <div class="card-body">
     <div class="row">
         <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
             <div class="card">
                 <div class="card-body">
                     <div class="form-row">
                         <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
                             <caption>
                                 <label for="validationCustom03">
                                     FROM DATE
                                 </label>
                                 <asp:TextBox ID="txtStartDt" class="form-control" autocomplete="off" runat="server"></asp:TextBox>
                                 <asp:CalendarExtender ID="CalendarExtender2" Format="yyyy-MM-dd" runat="server" TargetControlID="txtStartDt"
                                     PopupPosition="BottomLeft" FirstDayOfWeek="Sunday"></asp:CalendarExtender>
                             </caption>
                         </div>
                         <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
                             <label for="validationCustom03">
                                 TO DATE
                             </label>
                             <asp:TextBox ID="txtEndDt" class="form-control" autocomplete="off" runat="server"></asp:TextBox>
                             <asp:CalendarExtender ID="CalendarExtender3" Format="yyyy-MM-dd" runat="server" TargetControlID="txtEndDt"
                                 PopupPosition="BottomLeft" FirstDayOfWeek="Sunday"></asp:CalendarExtender>
                         </div>

                         <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
                             <label for="validationCustom03">UserName</label>
                             <asp:TextBox ID="RtxtUserName" runat="server" class="form-control"> </asp:TextBox>
                         </div>
                     </div>

                     <div class="form-row">
                         <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
                             <label for="validationCustom03">Active Loyalty : </label>
                             (<label id="lblCurrentValueText">In</label>)
                         </div>
                     </div>

                     <div class="form-row">
                         <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
                             <label for="validationCustom03">MobileNo</label>
                             <asp:TextBox ID="txtRMobileNo" runat="server" class="form-control"> </asp:TextBox>
                         </div>
                         <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
                             <label for="validationCustom03">Customer Name</label>
                             <asp:TextBox ID="txtRCustomerName" runat="server" class="form-control"> </asp:TextBox>
                         </div>
                         <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
                             <label for="validationCustom03">CID</label>
                             <asp:TextBox ID="txtRcid" runat="server" class="form-control" Enabled="false"> </asp:TextBox>
                         </div>

                     </div>
                     <div class="form-row">
                        

                         <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
                             <label for="validationCustom03">Campaign Type</label>
                             <asp:DropDownList ID="cmbCampaignType" runat="server" CssClass="custom-select"></asp:DropDownList>
                         </div>
                           <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
                          <label for="validationCustom03" id="lblCurrentValueText1"> </label> Balance
                           <asp:TextBox ID="txtCommonValue" runat="server" class="form-control" Enabled="false"> </asp:TextBox>
                          </div>


                     </div>
                     

                     <div>
                         <asp:Button ID="btnSearchMemberHistory" runat="server" Text="Search"
                             CssClass="btn btn-primary" OnClick="btnSearchMemberHistory_Click" />
                         <asp:Button ID="btnClear1" runat="server" Text="Clear"
                             CssClass="btn btn-primary" OnClick="btnClear1_Click" />
                     </div>
                 </div>
             </div>
         </div>
     </div>
     


  

 <h5 class="card-header" style="background-color: #4c4c4c; color: White;">
 <span style="font-size:14px;color:#F8F9FA"> Selection Result :<asp:Label ID="lblSelectionResult" runat="server"></asp:Label>  </span>&nbsp;&nbsp;
 </h5>
  <div class="table-responsive" id="divA" runat="server">
      
  <table id="Table1" class="table table-striped table-bordered second" style="width: 100%;">
    <tbody>
        <caption>
            <div align="left">
                <asp:Panel ID="Panel3" runat="server" BackColor="white" Height="750px" ScrollBars="Auto" Width="1550px">
                    <asp:GridView ID="grdCompaigncashback" runat="server" AutoGenerateColumns="False" Font-Size="12px"
                        AllowSorting="true" EmptyDataText="No Data Found ! " Width="700px" ShowFooter="True" DataKeyNames="CashBackId"
                        BorderWidth="1px" CellPadding="3">
                        <Columns>


                            <asp:TemplateField HeaderText="UserName" ItemStyle-Width="120px" ItemStyle-HorizontalAlign="Left">
                                <ItemTemplate>
                                    <asp:Label ID="lbluserName" runat="server" Width="100px" Text='<%#Eval("UserName") %>'></asp:Label>
                                </ItemTemplate>
                            </asp:TemplateField>


                            <asp:TemplateField HeaderText="Transid" ItemStyle-Width="180px" ItemStyle-HorizontalAlign="left">
                                <ItemTemplate>
                                    <asp:Label ID="lblTransid" runat="server" Width="300px" Text='<%#Eval("Transid") %>'></asp:Label>
                                </ItemTemplate>

                            </asp:TemplateField>
                            

                            <asp:TemplateField HeaderText="TransDate">
                                <ItemTemplate>
                                    <asp:Label ID="lblTransDate" runat="server" Width="100px"
                                    Text='<%#Eval("TransDate", "{0:dd-MM-yyyy}") %>'></asp:Label>
                                </ItemTemplate>
                            </asp:TemplateField>

                           <asp:TemplateField HeaderText="CB.Rate" ItemStyle-Width="80px" ItemStyle-HorizontalAlign="Center">
                                <ItemTemplate>
                                    <asp:Label ID="lblCashBackRate" runat="server" Text='<%#Eval("CashBackRate" ,"{0:F2}") %>'></asp:Label>
                                </ItemTemplate>
                                <ItemStyle Width="80px"></ItemStyle>
                            </asp:TemplateField>

                          

                            <asp:TemplateField HeaderText="Amount" ItemStyle-Width="80px" ItemStyle-HorizontalAlign="Center">
                                <ItemTemplate>
                                    <asp:Label ID="lblAmount" runat="server" Text='<%#Eval("Amount" ,"{0:F2}") %>'></asp:Label>
                                </ItemTemplate>
                                <ItemStyle Width="80px"></ItemStyle>
                            </asp:TemplateField>
                            
                                                                

                            <asp:TemplateField HeaderText="BranchName" ItemStyle-Width="200px" ItemStyle-HorizontalAlign="left">
                                <ItemTemplate>
                                    <asp:Label ID="lblBranchName" runat="server" Text='<%#Eval("BranchName") %>'></asp:Label>
                                </ItemTemplate>
                                <FooterStyle HorizontalAlign="Right" />
                                <ItemStyle Width="200px"></ItemStyle>
                            </asp:TemplateField>


                        </Columns>
                        <FooterStyle BackColor="White" ForeColor="Black"></FooterStyle>
                        <PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left" />
                        <RowStyle ForeColor="#000066" />
                        <SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />
                        <SortedAscendingCellStyle BackColor="#F1F1F1" />
                        <SortedAscendingHeaderStyle BackColor="#007DBB" />
                        <SortedDescendingCellStyle BackColor="#CAC9C9" />
                        <SortedDescendingHeaderStyle BackColor="#00547E" />
                    </asp:GridView>
                </asp:Panel>
            </div>
        </caption>
    </tbody>
</table>
 </div> 


  <div class="table-responsive" id="DivB" runat="server">
  <table id="Table1" class="table table-striped table-bordered second" style="width: 100%;">
    <tbody>
        <caption>
            <div align="left">
                <asp:Panel ID="Panel2" runat="server" BackColor="white" Height="750px" ScrollBars="Auto" Width="1550px">
                    <asp:GridView ID="grdPointredemption" runat="server" AutoGenerateColumns="False" Font-Size="12px"
                        AllowSorting="true" EmptyDataText="No Data Found ! " Width="700px" ShowFooter="True" DataKeyNames="Id"
                        BorderWidth="1px" CellPadding="3">
                        <Columns>
                            

                            <asp:TemplateField HeaderText="UserName" ItemStyle-Width="120px" ItemStyle-HorizontalAlign="Left">
                            <ItemTemplate>
                            <asp:Label ID="lbluserName" runat="server" Width="100px" Text='<%#Eval("UserName") %>'></asp:Label>
                            </ItemTemplate>
                            </asp:TemplateField>


                            <asp:TemplateField HeaderText="Transid" ItemStyle-Width="120px" ItemStyle-HorizontalAlign="Left">
                                <ItemTemplate>
                                    <asp:Label ID="lblTransid" runat="server" Width="300px" Text='<%#Eval("Transid") %>'></asp:Label>
                                </ItemTemplate>
                            </asp:TemplateField>

                            <asp:TemplateField HeaderText="Transno" ItemStyle-Width="180px" ItemStyle-HorizontalAlign="Center">
                                <ItemTemplate>
                                    <asp:Label ID="lblTransno" runat="server" Width="100px" Text='<%#Eval("TransNo") %>'></asp:Label>
                                </ItemTemplate>
                            </asp:TemplateField>

                            <asp:TemplateField HeaderText="TransDate">
                                <ItemTemplate>
                                    <asp:Label ID="lblTransDate" runat="server" Width="100px"
                                    Text='<%#Eval("TransDate", "{0:dd-MM-yyyy}") %>'></asp:Label>
                                </ItemTemplate>
                            </asp:TemplateField>

                            <asp:TemplateField HeaderText="LP.Rate" ItemStyle-Width="80px" ItemStyle-HorizontalAlign="Center">
                                <ItemTemplate>
                                    <asp:Label ID="lblLPRate" runat="server" Text='<%#Eval("LpRate" ,"{0:F2}") %>'></asp:Label>
                                </ItemTemplate>
                                <ItemStyle Width="80px"></ItemStyle>
                            </asp:TemplateField>



                            <asp:TemplateField HeaderText="Amount" ItemStyle-Width="80px" ItemStyle-HorizontalAlign="Center">
                                <ItemTemplate>
                                    <asp:Label ID="lblAmount" runat="server" Text='<%#Eval("Amount" ,"{0:F2}") %>'></asp:Label>
                                </ItemTemplate>
                                <ItemStyle Width="80px"></ItemStyle>
                            </asp:TemplateField>

                            <asp:TemplateField HeaderText="Points Earn" ItemStyle-Width="80px" ItemStyle-HorizontalAlign="Center">
                                <ItemTemplate>
                                    <asp:Label ID="lblPointEarn" runat="server" Text='<%#Eval("Points" ,"{0:F2}") %>'></asp:Label>
                                </ItemTemplate>
                                <ItemStyle Width="80px"></ItemStyle>
                            </asp:TemplateField>

                            <asp:TemplateField HeaderText="Points Redeem" ItemStyle-Width="80px" ItemStyle-HorizontalAlign="Center">
                                <ItemTemplate>
                                    <asp:Label ID="lblRedeemPoints" runat="server" Text='<%#Eval("RdPoints" ,"{0:F2}") %>'></asp:Label>
                                </ItemTemplate>
                                <ItemStyle Width="80px"></ItemStyle>
                            </asp:TemplateField>


                            <asp:TemplateField HeaderText="Branch Name" ItemStyle-Width="200px" ItemStyle-HorizontalAlign="Left">
                                <ItemTemplate>
                                    <asp:Label ID="lblBranchName" Width="100px" runat="server" Text='<%#Eval("BranchName") %>'></asp:Label>
                                </ItemTemplate>
                                <FooterStyle HorizontalAlign="Right" />
                                <ItemStyle Width="200px"></ItemStyle>
                            </asp:TemplateField>


                        </Columns>
                        <FooterStyle BackColor="White" ForeColor="Black"></FooterStyle>
                        <PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left" />
                        <RowStyle ForeColor="#000066" />
                        <SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />
                        <SortedAscendingCellStyle BackColor="#F1F1F1" />
                        <SortedAscendingHeaderStyle BackColor="#007DBB" />
                        <SortedDescendingCellStyle BackColor="#CAC9C9" />
                        <SortedDescendingHeaderStyle BackColor="#00547E" />
                    </asp:GridView>
                </asp:Panel>
            </div>
            </caption>
        </tbody>
       </table>
       </div>
    
 </div>
 </div>
 </div>
 </div>

  
    <!-- Model code.. --> 
    <div class="modalCss" id="ModalMemberList1">
        <div class="modal-dialogCss" style="width:95%">
        <div class="modal-body" >
        <div class="row">
        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
        <div class="card" style=" margin-left:115px">
        <h7 class="card-header" style="background-color: #4c4c4c; color: White;"> CUSTOMER LIST
        <button type="button" class="close"  style="color:White; opacity:1;" onclick="CloseModalMemberInformationList()" data-dismiss="modal">
        &times;</button>
        </h7>
        <div class="card-body">
        <div class="table-responsive" style="padding: 0px 20px 0px 20px;">  
        <table id="example" class="table table-striped table-bordered second" style="width:70%">
        <tbody>
            <div class="row">
            <div class="column">
            <label for="validationCustom03">
            UserName
            </label>
            <asp:TextBox ID="txtMobileNo1" runat="server" class="form-control" placeholder="Enter UserName" Width="250px">
            </asp:TextBox>
            </div>
            </div>
            <div class="row">
            <div class="column">
            <asp:Button ID="btnSearch1" runat="server" class="btn btn-primary" 
            OnClick="btnSearch1_Click" Text="Apply" />
           <asp:Button ID="btnclearPop" Text="Clear" runat="server" OnClientClick="refershingpage()"  class="btn btn-primary" />
           <br />
           <asp:Label ID="customeridmsg" runat="server" Text="Userid doesn't Exist" ForeColor="Red"></asp:Label>

            </div>
            </div>
            <caption>
            <asp:Panel ID="Panel1" runat="server" BackColor="white" Height="570px" ScrollBars="Auto" Width="1580px">
            <asp:GridView ID="grdMember1" runat="server" AutoGenerateColumns="False" 
            BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" 
            CellPadding="3" DataKeyNames="CustomerID" Font-Size="Small" Height="270px" 
            onselectedindexchanged="grdMember1_SelectedIndexChanged" Width="350px">
            <Columns>
            <%--<asp:TemplateField HeaderText="SNo">
            <ItemTemplate>
            <%#Container.DataItemIndex + 1%>
            </ItemTemplate>
            </asp:TemplateField>
            --%>
            <asp:TemplateField HeaderText="CustomerID" ItemStyle-Width="200px" Visible="true">
            <ItemTemplate>
            <asp:Label ID="lblCustomerID1" runat="server" Text='<%#Eval("CustomerID") %>'></asp:Label>
            </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField HeaderText="CustomerName" ItemStyle-Width="200px">
            <ItemTemplate>
            <asp:Label ID="lblusername" runat="server"  Text='<%#Eval("UserName") %>'></asp:Label>
            </ItemTemplate>
            </asp:TemplateField>
            <%--<asp:TemplateField HeaderText="MobileNo" ItemStyle-Width="200px" Visible="true">
            <ItemTemplate>
            <asp:Label ID="lblMobileNo1" runat="server" Text='<%#Eval("Mobile") %>'></asp:Label>
            </ItemTemplate>
            </asp:TemplateField>--%>
            <asp:TemplateField HeaderText="CustomerName" ItemStyle-Width="200px">
            <ItemTemplate>
            <asp:Label ID="lblCustomerName1" runat="server"  Text='<%#Eval("CustomerName") %>'></asp:Label>
            </ItemTemplate>
            </asp:TemplateField>
            <asp:ButtonField CommandName="Select"  
            ItemStyle-ForeColor="Blue" Text="Select" />
            </Columns>
            <FooterStyle BackColor="White" ForeColor="#000066" />
            <HeaderStyle BackColor="White" Font-Bold="True" ForeColor="White" />
            <PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left" />
            <RowStyle ForeColor="#000066" />
            <SelectedRowStyle BackColor="gray" Font-Bold="True" ForeColor="White" />
            <SortedAscendingCellStyle BackColor="#F1F1F1" />
            <SortedAscendingHeaderStyle BackColor="#007DBB" />

            <SortedDescendingCellStyle BackColor="#CAC9C9" />
            <SortedDescendingHeaderStyle BackColor="#00547E" />
            </asp:GridView>
            <br />
            </asp:Panel>
            </caption>
            </tbody>
            </table>
            
            </div>
            
            </div>
            </div>
            </div>
            </div>
            <div>
           </div>
          </div>
          </div>
     
    </div>
  

  </ContentTemplate>
   
</asp:UpdatePanel>
  


  <asp:UpdateProgress ID="UpdateProgress" runat="server" AssociatedUpdatePanelID="updatepanel1">
        <ProgressTemplate>
            <div class="overlay">
                <%--  <div style="z-index: 1000; margin-left: 450px; margin-top: 0; opacity: 1; -moz-opacity: 1;">--%>
                <div class="LoadingDivCss">
                    <img alt="" src="IMG/Spinner.gif" class="LoadingImgCss" />
                </div>
            </div>
        </ProgressTemplate>
 </asp:UpdateProgress>
<script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css?v=1.1" rel="stylesheet" />
<!-- Bootstrap 5 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" />
<!-- Optional Bootstrap Icons -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" rel="stylesheet" />
</asp:Content>
