JezK

Edit File: index.php

<?php
session_start();

?>
<!DOCTYPE html>
<html lang="en" class="h-100">

<head>
    <title>Uflexit</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <link rel="icon" href="images/fav.png" type="image/gif" sizes="16x16">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
     <link href="https://fonts.googleapis.com/css2?family=Barlow:wght@100&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,400;0,700;1,300&display=swap"
        rel="stylesheet">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/login.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/validations.js"></script>
</head>

<div class="col-md-6 h-100 bg-white pt-5">
                <div class="justify-content-center d-flex flex-column h-100">
                    <div class="row d-flex justify-content-center">
                        <div class="">
                            <p class="text-center text-clr-blue mb-0">Login</p>
                        </div>
                    </div>
                    
                    <!-- <div class="row d-flex justify-content-center">
                        <div class="offset-md-2 col-md-8 col-8">
                            <ul class="nav nav-tabs">
                                <li class="nav-item">
                                    <a class="nav-link active" data-toggle="tab" href="#owner" ><span class="pr-2"><img src="images/owner_unselect.png" alt="owner"></span>Login as a Owner</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" data-toggle="tab" href="#customer"><span class="pr-2"><img src="images/customer_ubselect.png" alt="owner"></span>Login as a Customer</a>
                                </li>
                            </ul>

</div>
                    </div> -->

<div class="tab-content">

<div id="owner" class="container tab-pane active"><br>
                            <form class="form" action="app/loginapp.php" method="post">
                                <div class="log-body">
                                    <div id="disappear" style="color: #F00;text-align: center;">
                                        <?php if(isset($_SESSION['msg'])){ echo $_SESSION['msg']; } unset($_SESSION['msg']);?>
                                    </div>
                                    <div class="row h-100 ml-3">
                                        <div class="col-md-12 mb-2 pr-0">
                                            <label for="inputEmail" class="inpt-label">Email</label>
                                            <div class="input-container">
                                                <input type="text" id="email" name="email" value=""
                                                    class="form-control frm-input" placeholder="Enter Email"
                                                    autofocus="" required="">
                                            </div>
                                            <div class="error email_error"></div>
                                        </div>

<div class="col-md-12 mb-1 pr-0">
                                            <label for="inputEmail" class="inpt-label">Password</label>
                                            <div class="input-container">
                                                <input type="password" id="password" name="password" value=""
                                                    class="form-control frm-input" placeholder="Enter Password"
                                                    required>

<div class="col-md-12 text-right mb-4 pr-0">
                                            <a href="forgetpassword.php" class="forgot-txt">Forgot Password?</a>
                                        </div>

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

<div id="customer" class="container tab-pane"><br>
                            <form class="form" action="app/loginapp.php" method="post">
                                <div class="log-body">
                                    <div class="row h-100">
                                        <div class="col-md-12 mb-4 pr-0">
                                            <label for="inputEmail" class="inpt-label">Email</label>
                                            <div class="input-container">
                                                <input type="email" id="customerEmail" name="email" value=""
                                                    class="form-control customerEmail frm-input"
                                                    placeholder="name@domain.com" autofocus="">
                                            </div>
                                            <div class="error email_error"></div>
                                        </div>

<div class="col-md-12 mb-1 pr-0">
                                            <label for="inputEmail" class="inpt-label">Password</label>
                                            <div class="input-container">
                                                <input type="password" id="customerPassword" name="password" value=""
                                                    class="form-control frm-input"
                                                    placeholder="&bull;&bull;&bull;&bull;&bull;&bull;&bull;">
                                                <i class="fa fa-eye icon icon-display" id="togglePassword2"></i>
                                                <div class="error password_error"></div>
                                            </div>

</div>

<div class="col-md-12 text-right mb-4 pr-0">
                                            <a href="" class="forgot-txt">Forgot Password?</a>
                                        </div>

<div class="col-md-12 mb-4 pr-0">
                                            <p class="acct-txt">Don't have an account? &nbsp;&nbsp; <a
                                                    class="register-btn text-clr" href="registration.php">Register</a>
                                            </p>
                                        </div>

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

</div>

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

</html>
<?php include_once("../scriptsLinks.php");?>
<script>
setTimeout(fade_out, 2000);

function fade_out() {
    $("#disappear").fadeOut().empty();
}

$(document).on('click', '#togglePassword', function() {

$(this).toggleClass("fa-eye fa-eye-slash");

var input = $("#password");
    input.attr('type') === 'password' ? input.attr('type', 'text') : input.attr('type', 'password')
});

$(document).on('click', '#togglePassword2', function() {

$(this).toggleClass("fa-eye fa-eye-slash");

var input = $("#customerPassword");
    input.attr('type') === 'password' ? input.attr('type', 'text') : input.attr('type', 'password')
});

if ($('.nav-link').hasClass('active')) {
    $('.active img').attr('src', 'images/owner_select.png');
} else {
    $('.active img').attr('src', 'images/owner_unselect.png');
}
</script>