<%@ Page Title="" Language="C#" MasterPageFile="~/masterpage/MasterPage.master" AutoEventWireup="true" CodeFile="electricity.aspx.cs" Inherits="Agent_electricity" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<link href="../css/bootstrap.min.css" rel="stylesheet" />
    <style type="text/css">
        ._mks {
    width: 90%;
    position: absolute;
    z-index: 1000;
    border: none;
    background-color: transparent;
    -webkit-appearance: none;
    color: transparent;
    outline: 0;
    text-decoration: none;
    min-height: 10px;
}
        ._hide {
    display: block;
}
        .mui-textfield > input, .mui-textfield > textarea {
    -webkit-animation-duration: 0.0001s;
    animation-duration: 0.0001s;
    -webkit-animation-name: mui-node-inserted;
    animation-name: mui-node-inserted;
    display: block;
    background-color: transparent;
    color: rgba(0, 0, 0, 0.87);
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.26);
    outline: none;
    width: 100%;
    font-family: 'Oxygen', sans-serif;
    padding: 0;
    box-shadow: none;
    border-radius: 0px;
    background-image: none;
}
    </style>

     <style>
        h3 {
            font-family: 'Bitter', serif;
            font-weight: 400;
            line-height: 1.2em;
            margin: 0 0 1em 0;
            color: #3b363a;
            
        }
        /* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    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 Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 68%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
 .Background
        {
            background-color: Black;
            filter: alpha(opacity=90);
            opacity: 0.8;
        }
        .Popup
        {
            background-color: #FFFFFF;
            border-width: 3px;
            border-style: solid;
            border-color: black;
            padding-top: 10px;
            padding-left: 10px;
            width: 400px;
            height: 350px;
        }
        .lbl
        {
            font-size:16px;
            font-style:italic;
            font-weight:bold;
        }
    </style>
    <script type="text/javascript">
        function validateNumber(event) {
            var key = window.event ? event.keyCode : event.which;
            if (event.keyCode === 8 || event.keyCode === 46) {
                return true;
            } else if (key < 48 || key > 57) {
                return false;
            } else {
                return true;
            }
        };
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
    <div id="middle">
        <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
            <tr>
                <td colspan="4" class="hdr">
                    <a href="Billpayment.aspx" class="active">Bill Payment</a> <span style="padding-right: 32px;">
                        &nbsp;</span><a href="electricity.aspx">Electricity Bill Payment</a> 
                </td>
            </tr>
            <tr>
                <td style="height: 30px; text-align:center" colspan="4">
                    <asp:Label ID="lblerror" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>                
                <td style="padding-left:35px ;height: 30px;" >
                    <asp:DropDownList ID="ddlEleOpt" runat="server" tabindex="-1" placeholder="Electricity Board" rel="1" Width="90%" class="mui--is-empty mui--is-dirty"  >
                    </asp:DropDownList>
                </td>
            </tr>
            <tr>
                <td style="padding-left:35px ;height: 30px;">
                    <asp:TextBox ID="txtConsumerNo" runat="server" tabindex="1" Width="90%" placeholder="Consumer Account Number" autocomplete="off" class="mui--is-empty mui--is-dirty" ></asp:TextBox>
                </td>
            </tr>
             <tr>
                <td style="padding-left:35px ;height: 30px;">
                    <asp:TextBox ID="txtMobileNo" runat="server"  tabindex="2" Width="90%" placeholder="Customer Mobile Number" autocomplete="off" class="mui--is-empty mui--is-dirty" ></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td style="padding-left:35px ;height: 30px;">
                    <asp:TextBox ID="txtAmount" runat="server"  tabindex="2" Width="90%" placeholder="Bill Amount" autocomplete="off" class="mui--is-empty mui--is-dirty" ></asp:TextBox>
                </td>
            </tr>
             <tr>
                <td style="padding-left:35px ;height: 30px;">
                    <asp:Button ID="btnSubmit" runat="server" Text="Continue" tabindex="3" class="btn btn-primary" style="width: 90%; height: 40px; font-weight: bold; border-radius: 0px;" OnClick="btnSubmit_Click" />
                </td>
            </tr>
        </table>
    </div>
    <div id="right" style="background: none">
        <table width="100%" border="0" cellpadding="0" cellspacing="0">
            <tr>
                <td class="cdr">
                    <strong>Bill Payment instruction</strong>
                </td>
            </tr>
            <tr>
                <td style="padding: 10px 0 30px 30px; font-size: 15px">
                    Comming Soon
                </td>
            </tr>
        </table>
    </div>

      <asp:Button ID="BtnTarget" runat="server" Text="Target" Style="display: none" />
     <cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server" PopupControlID="myModal" TargetControlID="BtnTarget" BackgroundCssClass="Background" CancelControlID="btnTxnClose" >
</cc1:ModalPopupExtender> 
    <div id="myModal" runat="server" style = "display:none;" >

  <!-- Modal content -->
  <div class="modal-content">
    <span class="close">&times;</span>
      <div align="center">
						<div class="cta-inner">
							<div class="cta-txt">
                               

                                <div class="row" align="center">
                                   <div class="table-responsive">
                            
												<div class="col-md-12 form-group">
		                                           <h3 class="box-title">Bill Details</h3>
		                                       </div>
		                                       
                                              <div class="col-md-6 form-group">
                                                   Bill Number :<span class="highlight"></span> <span class="bar"></span>    
		                                       </div>
		                                       <div class="col-md-6 form-group">
                                                   <asp:Label ID="lblBillNo" class="form-control" runat="server"></asp:Label>
                                                   
		                                       </div>
                                        <div class="col-md-6 form-group">
                                                   Consumer Name :<span class="highlight"></span> <span class="bar"></span>    
		                                       </div>
		                                       <div class="col-md-6 form-group">
                                                   <asp:Label ID="lblConsumerName" class="form-control" runat="server"></asp:Label>
                                                   
		                                       </div>
                                        <div class="col-md-6 form-group">
                                                   Bill Due Date :<span class="highlight"></span> <span class="bar"></span>    
		                                       </div>
		                                       <div class="col-md-6 form-group">
                                                   <asp:Label ID="lblBillDueDate" class="form-control" runat="server"></asp:Label>
                                                   
		                                       </div>
                                        <div class="col-md-6 form-group">
                                                  Bill Due Amount :<span class="highlight"></span> <span class="bar"></span>    
		                                       </div>
		                                       <div class="col-md-6 form-group">
                                                   <asp:Label ID="lblDueAmount" class="form-control" runat="server"></asp:Label>
		                                       </div>
                                       <div class="col-md-12 form-group">
                                                  <asp:CheckBox ID="chkboxpricediffernce" runat="server"  Visible="false"/><span class="highlight"></span> <span class="bar"></span>    
		                                       </div>
		                                       <div class="col-md-12 form-group" >
                                                   <asp:Button id="btnTxnClose" runat="server" class="btn btn-inverse waves-effect waves-light" Text="Close" /> 
                                                   <asp:Button ID="btnTxnSubmit" runat="server" class="btn btn-success waves-effect waves-light m-r-10" Text="PAY BILL" OnClick="btnTxnSubmit_Click" />
			                                       
		                                       </div>
		                                 
		                                   
		                           </div> 
                                </div>
                     
                        </div>
					</div>
				</div>
  </div>

</div>
    
  
</asp:Content>

