<%@ Page Title="" Language="C#" MasterPageFile="~/Application.

Master"
AutoEventWireup="true" CodeBehind="Register.aspx.cs"
Inherits="Application.Register" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1"
runat="server">
<style>
.two-column{
width: 100%;
display: flex;
justify-content:space-between;
}
.two-column div{
width: 48%;
display: flex;
flex-direction: column;
}
.form-group label{
color: black;
}
.form-group input {
border-radius:35px;
}
.form-group select{
border-radius:35px;
}
.btn{
border-radius: 35px;
}

</style>
<%--<div class="d-sm-flex align-items-center justify-content-between mb-4">
<h1 class="h3 mb-0 text-gray-800">Add New Admin Here</h1>
<a href="#" class="d-none d-sm-inline-block btn btn-sm btn-primary shadow-
sm"><i
class="fas fa-download fa-sm"></i>Generate Report</a>
</div>
<hr />--%>
<div class="container">
<!-- Outer Row -->
<br />
<br />
<br />
<div class="row justify-content-center">
<div class="col-xl-10 col-lg-12 col-md-9">
<div class="card o-hidden border-0 shadow-lg">
<div class="card-body p-0">
<!-- Nested Row within Card Body -->
<div class="row">
<%--<div class="col-lg-6 d-none d-lg-block ">

<img src="img/Capture.PNG" style="margin:10px;

width:450px; height:450px"/>
</div>--%>
<div class="col-lg-12">
<div class="p-5">

<br />
 <div class="user" id="DivLogin"
runat="server">
<div class="text-center">
<h1 class="h4 text-gray-900 mb-
4">Add new admin here!</h1>
</div>
<div class="two-column">
<div class="form-group">
<label>Name</label>

<asp:TextBox ID="txtName"
CssClass="form-control form-control-user" runat="server" placeholder="Enter
Name..." />
</div>
<div class="form-group">
<label>Phone</label>

<asp:TextBox ID="txtPhone"
CssClass="form-control form-control-user" runat="server" placeholder="Enter
Phone..." />
</div>
</div>
<div class="two-column">

<div class="form-group">
<asp:Label runat="server"
ID="lblEmail" AssociatedControlID="txtEmail" CssClass="text-danger"><span
class="required">*</span>Enter Email</asp:Label>
<asp:TextBox ID="txtEmail"
CssClass="form-control form-control-user" runat="server" class="required"
placeholder="Enter Email Address..." />
<%--<asp:RequiredFieldValidator
ID="rfvLine1" ControlToValidate="txtEmail" runat="server" Display="Dynamic"
ErrorMessage="Line 1 is required." Text="*"/>--%>

</div>
<div class="form-group">
<label>Create Password</label>

<asp:TextBox runat="server"
ID="txtPassword" TextMode="Password" CssClass="form-control form-control-user"
placeholder="Password" MaxLength="13" />
</div>
<div class="form-group">
<label>Confirm Password</label>

<asp:TextBox runat="server"
ID="txtConfirmPassword" TextMode="Password" CssClass="form-control form-control-
user" placeholder="Password" MaxLength="13" />
</div>
</div>
<div class="form-group">
<label>Defined Role</label>
<asp:DropDownList runat="server"
ID="dldUser" CssClass="form-control form-control-user">

<asp:ListItem>Admin</asp:ListItem>

<%--<asp:ListItem>Teacher</asp:ListItem>
<asp:ListItem>Student</asp:ListItem>--%>
</asp:DropDownList>
</div>
<br />
<asp:Button runat="server"
OnClick="Register_Click" ID="btnRegister" CssClass="btn btn-google btn-user btn-
block" Text="Register" />
<%--<asp:Button Text="LogIn"
runat="server" ID="btnLogin" CssClass="btn btn-google btn-user btn-block" />--%>
<%--<asp:Button Text="LogIn"
ID="btnlogin" CssClass="btn btn-primary btn-user btn-block" runat="server"
OnClick="btnlogin_Click" />--%>
<br />

<br />

</div>

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

</div>

</div>

</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
var passwordInput = document.getElementById('<%= txtPassword.ClientID %>');
var confirmPasswordInput = document.getElementById('<%=
txtConfirmPassword.ClientID %>');

confirmPasswordInput.addEventListener('keyup', function() {
var password = passwordInput.value;
var confirmPassword = confirmPasswordInput.value;

if (password === confirmPassword) {

confirmPasswordInput.setCustomValidity('');
} else {
confirmPasswordInput.setCustomValidity("Passwords don't match");
}
});
});
</script>

</asp:Content>