golf_backend/app/Views/changepassword.php
suseendhiran17 ba47068148 susee
2023-06-10 13:46:07 +05:30

96 lines
4.3 KiB
PHP

<!DOCTYPE html>
<html lang="en">
<head>
<title>Change Password - Golf Evolution</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="<?= base_url()."/public/"; ?>assets/member_images/favicon.png" sizes="192x192" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="<?= base_url()."/public/"; ?>assets/member_css/front-style.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&family=DM+Sans:wght@400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<style>
.show-password{
position:relative;
}
.field-icon {
right:25px;
top:47px;
position: absolute;
}
</style>
</head>
<body class="forgetpassword">
<?php include 'member_layout/header.php' ?>
<section class="pt-5 pb-5">
<div class="container">
<div class="recovery-account">
<h1>Set Password</h1>
<form method="post" action="<?= base_url()."update_password"; ?>" role="form" class="parsley-examples">
<input id="id" type="hidden" value="<?= session()->getTempdata('id'); ?>" name="id">
<?php if(session()->getTempdata('mail_success')):?>
<div class="alert alert-success" >
<?= session()->getTempdata('mail_success'); ?>
</div>
<?php endif;?>
<?php if(session()->getTempdata('error')):?>
<div class="alert alert-danger" >
<?= session()->getTempdata('error'); ?>
</div>
<?php endif;?>
<div class="row">
<div class="col-12 mb-3">
<label for="email">Email</label>
<input type="email" id="email" class="form-control" value="<?= session()->getTempdata('email'); ?>" readonly>
</div>
<div class="col-12 mb-4 show-password">
<label for="toggle-password">Password</label>
<span toggle="#hori-pass1" id="toggle-password" class="fa fa-fw fa-eye field-icon toggle-password"></span>
<input type="password" id="hori-pass1" class="form-control"
pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[^a-zA-Z0-9])(?!.*\s).{8,}"
title="Must contain at least one number and one uppercase and lowercase letter, and at least 8 or more characters"
placeholder="Enter password" name="password" required>
</div>
<div class="col-12 mb-4">
<label for="email">Confirm Password</label>
<input type="password" data-parsley-equalto="#hori-pass1" class="form-control" placeholder="Enter confirm password" required>
</div>
</div>
<button type="submit" class="forget-submit">Submit</button>
</form>
</div>
</div>
</section>
<?php include 'member_layout/footer.php' ?>
</body>
<script>
$("#toggle-password").click(function() {
$(this).toggleClass("fa-eye fa-eye-slash");
var input = $($(this).attr("toggle"));
if (input.attr("type") == "password") {
input.attr("type", "text");
}
else {
input.attr("type", "password");
}
});
</script>
<!-- Plugin js-->
<script src="<?= base_url()."/public"; ?>/assets/libs/parsleyjs/parsley.min.js"></script>
<!-- Validation init js-->
<script src="<?= base_url()."/public"; ?>/assets/js/pages/form-validation.init.js"></script>
</html>