File: /mnt/data/doccure-wp/wp-content/themes/doccure/loginform.php
<?php
/*
* Template Name: Login Form
* @package doccure
*/
get_header();
global $doccure_options,$post,$current_user;
$is_auth = !empty( $doccure_options['user_registration'] ) ? $doccure_options['user_registration'] : '';
$is_register = !empty( $doccure_options['registration_form'] ) ? $doccure_options['registration_form'] : '';
$is_login = !empty( $doccure_options['login_form'] ) ? $doccure_options['login_form'] : '';
$redirect = !empty( $_GET['redirect'] ) ? esc_url( $_GET['redirect'] ) : '';
$current_page = '';
if ( is_singular('doctors')){
$current_page = !empty( $post->ID ) ? intval( $post->ID ) : '';
}
$user_identity = !empty($current_user->ID) ? $current_user->ID : 0;
$user_type = apply_filters('doccure_get_user_type', $user_identity );
if ( is_user_logged_in() ) {
if ( !empty($menu) && $menu === 'yes' && ( $user_type === 'doctors' || $user_type === 'hospitals' || $user_type === 'regular_users' || $user_type === 'staff') ) {
echo '<div class="dc-afterauth-buttons">';
do_action('doccure_print_user_nav');
echo '</div>';
}
} else{
if( !empty( $is_auth ) ){?>
<div class="content">
<div class="container-fluid">
<div class="row">
<div class="col-md-8 offset-md-2">
<div class="account-content">
<div class="row align-items-center justify-content-center">
<div class="col-md-7 col-lg-6 login-left">
<img src='<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/login-banner.png' class="img-fluid" alt="Doccure Register">
</div>
<?php if( !empty( $is_login ) ) {?>
<div class="col-md-5 col-lg-6 login-right">
<div>
<div class="dc-loginoption">
<div class="dc-loginformhold">
<div class="dc-loginheader">
<span class="titlelogin"><?php esc_html_e('Doctor/Patient/staff Login','doccure');?></span>
</div>
<form class="dc-formtheme dc-loginform do-login-form">
<div class="form-group form-focus">
<input type="text" name="username" id="user_login" class="form-control" placeholder="<?php esc_attr_e('Username', 'doccure'); ?>">
</div>
<div class="form-group form-focus">
<input type="password" name="password" id="user_pass" class="form-control" placeholder="<?php esc_attr_e('Password', 'doccure'); ?>">
</div>
<div class="dc-footerinfo">
<a href="<?php echo esc_url(home_url()); ?>/forgot-password"><?php esc_html_e('Forgot password?','doccure');?></a>
</div>
<div class="dc-logininfo users_dashboard d-grid">
<input type="submit" class="dc-btn-theme btn do-login-button" data-id="<?php echo intval($current_page);?>" value="<?php esc_attr_e('Login','doccure');?>">
</div>
<input type="hidden" name="redirect" value="<?php echo esc_url( $redirect );?>">
<input type="hidden" name="redirect_id" value="<?php echo intval($current_page);?>">
<?php if( !is_user_logged_in() ){ ?>
<div class="dc-registerformfooter">
<span><?php esc_html_e('Don’t have an account?', 'doccure' ); ?><a href="<?php echo esc_url(home_url());?>/register"> <?php esc_html_e('Register', 'doccure'); ?></a></span>
</div>
<?php } ?>
</form>
</div>
</div>
</div>
<style>
.login-or {
color: #818181;
margin-bottom: 30px;
margin-top: 30px;
padding-bottom: 10px;
padding-top: 10px;
position: relative;
}
.or-line {
background-color: #EFEFEF;
height: 1px;
margin-bottom: 0;
margin-top: 0;
display: block;
}
.span-or {
background-color: #fff;
display: block;
left: 50%;
transform: translateX(-50%);
position: absolute;
text-align: center;
top: -3px;
width: 190px;
}
.login-info {
margin-top: 20px;
background: #fff;
}
.login-wrap .info-box .badge {
margin: 0;
}
.info-box {
gap: 10px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px;
border: 1px solid #F7F7FF;
margin-bottom: 10px;
text-align: left;
background: #F7F7FF;
border-radius: 10px;
}
.info-box p{
text-align: left;
font-weight: bold;
margin-bottom: 0;
}
.info-box span {
font-weight: normal;
}
.demobutton,.demobutton:hover, .demobutton:active{
background:var(--doccure_secthemecolor) !important;
border-color:var(--doccure_secthemecolor) !important;
}
</style>
<div class="login-or">
<span class="or-line"></span>
<h5 class="span-or">Demo Login </h5>
</div>
<div class="login-info">
<div class="info-box">
<span class="btn btn-dark btn-sm">Clinic</span>
<div>
<p>Username: <span id="clinic-email">clinicdemo</span></p>
<p>Password: <span id="clinic-password">123456</span></p>
</div>
<button class="fill-btn btn btn-primary demobutton btn-sm" onclick="fillLogin('clinicdemo', '123456')"><i class="fa fa-copy"></i></button>
</div>
<div class="info-box">
<span class="btn btn-dark btn-sm">Doctor</span>
<div>
<p>Username: <span id="provider-email">doctordemo</span></p>
<p>Password: <span id="provider-password">123456</span></p>
</div>
<button class="fill-btn btn btn-primary demobutton btn-sm" onclick="fillLogin('doctordemo', '123456')"><i class="fa fa-copy"></i></button>
</div>
<div class="info-box">
<span class="btn btn-dark btn-sm ">Patient</span>
<div>
<p>Username: <span id="user-email">patientdemo</span></p>
<p>Password: <span id="user-password">123456</span></p>
</div>
<button class="fill-btn btn btn-primary demobutton btn-sm" onclick="fillLogin('patientdemo', '123456')"><i class="fa fa-copy"></i></button>
</div>
<div class="info-box">
<span class="btn btn-dark btn-sm ">staff</span>
<div>
<p>Username: <span id="user-email">staffadmin</span></p>
<p>Password: <span id="user-password">12345</span></p>
</div>
<button class="fill-btn btn btn-primary demobutton btn-sm" onclick="fillLogin('staffadmin', '12345')"><i class="fa fa-copy"></i></button>
</div>
</div>
<script>
// Function to fill email and password fields
function fillLogin(email, password) {
document.getElementById('user_login').value = email;
document.getElementById('user_login').value = email;
document.getElementById('user_pass').value = password;
}
</script>
</div>
</div>
<?php } ?>
</div>
</div>
</div>
</div>
</div>
<?php }
}
get_footer();