
<html lang="en">
  
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="GeoExpo Ltd. | Borehole Siting, Drilling Supervision, Solar-Powered Water Pump Installations">
    
    <!-- Bootstrap CSS -->
 <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">


    <title>GeoExpo Ltd.</title>
    <link rel="stylesheet" href="../styles.css">

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
</head>
<body>

     <!-- Header and Navigation -->
     <header class="bg-dark">
<div class="container">
   <div class="thead"> <strong> <b> <h1> GEOEXPO LIMITED  </h1> </b> </strong> </div>
            <nav class="navbar navbar-expand-lg navbar-dark">
                <a class="navbar-brand" href="#home">
                <img src="../images/GEOEXPO LOGO.png" alt="GeoExpo Ltd. Logo" class="logoimg" height="60">
            </a>
            
       
       
       <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarNav">
        <ul class="navbar-nav ml-auto">
          <li class="nav-item"><a class="nav-link" href="../index.html">Homepage</a></li>
            <li class="nav-item"><a class="nav-link" href="#contact">Contact Us</a></li>
            </ul>
    </div>
</nav>
</div>
    </header>
</body>
</html>

<?php
session_start();
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    require 'db.php';

    $email = $_POST['email'];
    $password = $_POST['password'];

    $sql = "SELECT * FROM users WHERE email = ?";
    $stmt = $conn->prepare($sql);
    $stmt->bind_param("s", $email);
    $stmt->execute();
    $result = $stmt->get_result();
    $user = $result->fetch_assoc();

    if ($user && password_verify($password, $user['password'])) {
        $_SESSION['user_id'] = $user['id'];
        $_SESSION['user_role'] = $user['role'];
        header("Location: dashboard.php");
    } else {
        echo "Invalid email or password!";
    }
}



?>
<!DOCTYPE html>
<html>
<head>
    <title>Login</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css">

</head>
<body>

<section id="home" class="hero-section text-white bg-primary d-flex align-items-center" style="background: url('../images/cover-pic.jpg') no-repeat center center/cover;"height: 80vh;">
<div class="container text-center">
<div class="container mt-5">
    <h2>Login</h2>
    <form method="POST" action="">
        <div class="mb-3">
            <label for="email" class="form-label">Email</label>
            <input type="email" class="form-control" id="email" name="email" required>
        </div>
        <div class="mb-3">
            <label for="password" class="form-label">Password</label>
            <input type="password" class="form-control" id="password" name="password" required>
        </div>
        <button type="submit" class="btn btn-primary">Login</button>
        
    </form>
</div>
</section>
</body>
</html>
<html>
     <!-- Contact Us Section -->
     <section id="contact" class="py-5">
        <div>
            <img src="../images/GEOEXPO LOGO.png" class="imgfooter" width="100px">
        </div>
        <div class="container">
            <h2 class="text-center mb-4"> <b>Contact Us </b></h2>
            <div class="row">
                <!-- Contact Details -->
                <div class="col-lg-6 mb-4">
                    <h5>Contact Information</h5>
                    <ul class="list-unstyled">
                        <li><i class="fas fa-map-marker-alt"></i> Address: 8 Naro Moru, Kenya</li>
                        <li><i class="fas fa-phone-alt"></i> Phone: <a href="tel:+254757560592" class="btn btn-primary">Call Us:+254 757 560 592 </a></li>
                        <li><i class="fas fa-envelope"></i> Mail: <a href="Mailto: geoexpoltd@gmail.com"> Email Us </a> </li>
                        <li><i class="fas fa-globe"></i> Website: www.geoexpoltd.coke</li>
                    </ul>
                    <h5>Office Hours</h5>
                    <p>Monday - Friday: 8:00 AM - 5:00 PM</p>
                    <p>Saturday: 9:00 AM - 1:00 PM</p>
                    <p>Sunday: Closed</p>
                </div>
    
                <!-- Contact Form -->
                <div class="col-lg-6">
                    <h5>Send Us a Message</h5>
                    <form>
                        <input type="hidden" name="access_key" value="daedfec8-2ece-4939-8e98-02330f77823a">
                        <div class="form-group">
                            <label for="name">Name:</label>
                            <input type="text" class="form-control" id="name" name="name" required>
                        </div>
                        <div class="form-group">
                            <label for="email">Email:</label>
                            <input type="email" class="form-control" id="email" name="email" required>
                        </div>
                        <div class="form-group">
                            <label for="message">Message:</label>
                            <textarea class="form-control" id="message" name="message" rows="5" required></textarea>
                        </div>
                        <button type="submit" class="btn btn-primary">Send Message</button>
                        <div id="result"></div>
                    </form>
                </div>
            </div>
        </div>
    </section>
    </section>

    <!-- Footer -->
    <footer>
        <p>&copy; 2024 GeoExpo Ltd. All rights reserved.</p>
    </footer>


<!-- Bootstrap JS, Popper.js, and jQuery -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>



    <script src="scroll.js"></script>
    <script src="form-validation.js"></script>
    <script src="menu-toggle.js"></script>
</body>
</html>