<?php
session_start();
$sessData = !empty($_SESSION['sessData'])?$_SESSION['sessData']:'';
if(!empty($sessData['status']['msg'])){
    $statusMsg = $sessData['status']['msg'];
    $statusMsgType = $sessData['status']['type'];
    unset($_SESSION['sessData']['status']);
}
?>
<!DOCTYPE html>
<html>
<head>
    <title>GberaLogin</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css">
    <link rel="stylesheet" href="login.css" type="text/css" media="all" />
    <link rel="icon" href="assets/img/gberafav.png">
</head>
<body>
    <div>
		<!--=============== HEADER ===============-->
		<header class="header" id="header">
            <nav class="nav container">
                <div class="nav__logo" id="nav-logo">
                    <a href="index.html"><img width="100" height="80" src="assets/img/gberalogo.png" alt="gbera logo"/></a>
                </div>
                
                <div class="nav__menu" id="nav-menu">
                    <ul class="nav__list">
                        <li class="nav__item">
                            <a href="index.html" class="nav__link active-link">Home</a>
                        </li>
                        <li class="nav__item">
                            <a href="index.html" class="nav__link">About us</a>
                        </li>
                        <li class="nav__item">
                            <a href="index.html" class="nav__link">How It Works</a>
                        </li>
                        <li class="nav__item">
                            <a href="indexLogin.php" class="nav__link">Register</a>
                        </li>
                        <li class="nav__item">
                            <a href="index.html" class="nav__link">Contact us</a>
                        </li>
                    
                    </ul>
                </div>

                <div class="nav__toggle" id="nav-toggle">
                    <i class='bx bx-grid-alt'></i>
                </div>

            </nav>
    	</header>
	</div>
	<div class="wrapper">
        <?php
			if(!empty($sessData['userLoggedIn']) && !empty($sessData['userID'])){
				include 'user.php';
				$user = new User();
				$conditions['where'] = array(
					'id' => $sessData['userID'],
				);
				$conditions['return_type'] = 'single';
				$userData = $user->getRows($conditions);
		?>
        <h2>Welcome <?php echo $userData['first_name']; ?>!</h2>
        <a href="userAccount.php?logoutSubmit=1" class="logout">Logout</a>
		<div class="regisFrm">
			<p><b>Name: </b><?php echo $userData['first_name'].' '.$userData['last_name']; ?></p>
            <p><b>Email: </b><?php echo $userData['email']; ?></p>
            <p><b>Phone: </b><?php echo $userData['phone']; ?></p>
		</div>
        <?php }else{ ?>
		<h2>Login to Your Account</h2>
        <?php echo !empty($statusMsg)?'<p class="'.$statusMsgType.'">'.$statusMsg.'</p>':''; ?>
		<div class="regisFrm">
			<form action="userAccount.php" method="post">
				<input type="email" name="email" placeholder="EMAIL" required="">
				<input type="password" name="password" placeholder="PASSWORD" required="">
			
				<input type="submit" name="loginSubmit" value="LOGIN">
			
				<div><a href="forgotPassword.php">Forgot password?</a></div>
				
			</form>
            <p>Don't have an account? <a href="registration.php">Register</a></p>
		</div>
        <?php } ?>
	</div>
	
	<footer class="footer section">
        <div class="footer__container container grid">
            <div class="footer__content">
                <a href="index.html" class="footer__logo"><img width="100" height="80" src="assets/img/gberawhite.png" alt="gbera logo"/></a>
                <p class="footer__description">Best Naija Logistics Platform</p>
            </div>

            <div class="footer__content">
                <h3 class="footer__title">Services</h3>
                <ul class="footer__links">
                    <li><a href="index.html" class="footer__link">How gbera Works</a></li>
                    <li><a href="indexLogin.php" class="footer__link">Register</a></li>
                    <li><a href="privacy.html" class="footer__link">Privacy Policy</a></li>
                    <li><a href="terms.html" class="footer__link">Terms of Service</a></li>
                </ul>
            </div>

            <div class="footer__content">
                <h3 class="footer__title">Business</h3>
                <ul class="footer__links">
                    <li><a href="index.html" class="footer__link">About Us</a></li>
                    <li><a href="https://medium.com/@hello.gbera" class="footer__link">Blog</a></li>
                    <li><a href="#social" class="footer__link">Get in touch</a></li>
                </ul>
            </div>

            <div>
                <a href="indexLogin.php" class="button button__footer">Register today!</a>
            </div>

            <div class="footer__social" id="social">
                <a href="https://facebook.com/gbera_logistics/" target="blank" class="footer__social-link"><i class='bx bxl-facebook-circle '></i></a>
                <a href="https://twitter.com/gbera_logistics/" target="blank" class="footer__social-link"><i class='bx bxl-twitter'></i></a>
                <a href="https://instagram.com/gbera_logistics/" target="blank" class="footer__social-link"><i class='bx bxl-instagram-alt'></i></a>
            </div>
            <!--=============== SCROLL UP ===============-->
            <a href="#" class="scrollup" id="scroll-up">
                     <i class='bx bx-up-arrow-alt scrollup__icon'></i>
            </a>
        </div>

        <p class="footer__copy">&#169; gbera, 2021. All right reserved</p>
    </footer>
	
	<script src="assets/js/main.js"></script>
</body>
</html>