easyappointments/application/views/user/forgot_password.php
2020-05-07 10:34:23 -04:00

94 lines
3.2 KiB
PHP

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#35A768">
<title><?= lang('forgot_your_password') . ' - ' . $company_name ?></title>
<script src="<?= asset_url('assets/ext/jquery/jquery.min.js') ?>"></script>
<script src="<?= asset_url('assets/ext/bootstrap/js/bootstrap.bundle.min.js') ?>"></script>
<script src="<?= asset_url('assets/ext/jquery-ui/jquery-ui.min.js') ?>"></script>
<script src="<?= asset_url('assets/ext/datejs/date.min.js') ?>"></script>
<script>
var EALang = <?= json_encode($this->lang->language) ?>;
</script>
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/ext/bootstrap/css/bootstrap.min.css') ?>">
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/ext/jquery-ui/jquery-ui.min.css') ?>">
<link rel="icon" type="image/x-icon" href="<?= asset_url('assets/img/favicon.ico') ?>">
<style>
body {
width: 100vw;
height: 100vh;
display: table-cell;
vertical-align: middle;
background-color: #CAEDF3;
}
#forgot-password-frame {
width: 630px;
margin: auto;
background: #FFF;
border: 1px solid #DDDADA;
padding: 70px;
}
.user-login {
margin-left: 20px;
}
@media(max-width: 640px) {
#forgot-password-frame {
width: 100%;
padding: 20px;
}
}
</style>
<script>
var GlobalVariables = {
'csrfToken': <?= json_encode($this->security->get_csrf_hash()) ?>,
'baseUrl': <?= json_encode(config('base_url')) ?>,
'AJAX_SUCCESS': 'SUCCESS',
'AJAX_FAILURE': 'FAILURE'
};
var EALang = <?= json_encode($this->lang->language) ?>;
</script>
</head>
<body>
<div id="forgot-password-frame" class="frame-container">
<h2><?= lang('forgot_your_password') ?></h2>
<p><?= lang('type_username_and_email_for_new_password') ?></p>
<hr>
<div class="alert hidden"></div>
<form>
<div class="form-group">
<label for="username"><?= lang('username') ?></label>
<input type="text" id="username" placeholder="<?= lang('enter_username_here') ?>" class="form-control" />
</div>
<div class="form-group">
<label for="email"><?= lang('email') ?></label>
<input type="text" id="email" placeholder="<?= lang('enter_email_here') ?>" class="form-control" />
</div>
<br>
<button type="submit" id="get-new-password" class="btn btn-primary btn-large">
<?= lang('regenerate_password') ?>
</button>
<a href="<?= site_url('user/login') ?>" class="user-login">
<?= lang('go_to_login') ?></a>
</form>
</div>
<script src="<?= asset_url('assets/js/general_functions.js') ?>"></script>
<script src="<?= asset_url('assets/js/forgot_password.js') ?>"></script>
</body>
</html>