<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <title>Honeywey Realty Magnates</title>
  <meta name="description" content="">
  <meta name="keywords" content="">

  <!-- Favicons -->
  <link href="assets/img/favicon.png" rel="icon">
  <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">

  <!-- Fonts -->
  <link href="https://fonts.googleapis.com" rel="preconnect">
  <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

  <!-- Vendor CSS Files -->
  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  <link href="assets/vendor/aos/aos.css" rel="stylesheet">
  <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">

  <!-- Main CSS File -->
  <link href="assets/css/main.css" rel="stylesheet">

  <!-- =======================================================
  * Template Name: HomeSpace
  * Template URL: https://bootstrapmade.com/homespace-bootstrap-real-estate-template/
  * Updated: Jul 05 2025 with Bootstrap v5.3.7
  * Author: BootstrapMade.com
  * License: https://bootstrapmade.com/license/
  ======================================================== -->
</head>

<body class="index-page">

  <header id="header" class="header d-flex align-items-center sticky-top">
    <div class="container-fluid container-xl position-relative d-flex align-items-center justify-content-between">

      <a href="index.html" class="logo d-flex align-items-center">
        <!-- Uncomment the line below if you also wish to use an image logo -->
        <!-- <img src="assets/img/logo.webp" alt=""> -->
        <svg class="my-icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <g id="bgCarrier" stroke-width="0"></g>
          <g id="tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
          <g id="iconCarrier">
            <path d="M22 22L2 22" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
            <path d="M2 11L6.06296 7.74968M22 11L13.8741 4.49931C12.7784 3.62279 11.2216 3.62279 10.1259 4.49931L9.34398 5.12486" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
            <path d="M15.5 5.5V3.5C15.5 3.22386 15.7239 3 16 3H18.5C18.7761 3 19 3.22386 19 3.5V8.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
            <path d="M4 22V9.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
            <path d="M20 9.5V13.5M20 22V17.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
            <path d="M15 22V17C15 15.5858 15 14.8787 14.5607 14.4393C14.1213 14 13.4142 14 12 14C10.5858 14 9.87868 14 9.43934 14.4393M9 22V17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
            <path d="M14 9.5C14 10.6046 13.1046 11.5 12 11.5C10.8954 11.5 10 10.6046 10 9.5C10 8.39543 10.8954 7.5 12 7.5C13.1046 7.5 14 8.39543 14 9.5Z" stroke="currentColor" stroke-width="1.5"></path>
          </g>
        </svg>
       <img src="assets/img/logo.png"alt="logo"width="80px"height="190px">
      </a>

      <nav id="navmenu" class="navmenu">
        <ul>
          <li><a href="index.html" class="active">Home</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="properties.html">Properties</a></li>
          <li><a href="services.html">Services</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
        <i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
      </nav>

    </div>
  </header>

 



<h2 class="text-center mb-4">Register with Honeywey Realty Magnates</h2>

<?php if (!empty($success)): ?>
  <div class="alert alert-success"><?= $success; ?></div>
<?php elseif (!empty($error)): ?>
  <div class="alert alert-danger"><?= $error; ?></div>
<?php endif; ?>
<form method="post" action="reg-process.php">
  <div class="row">
    <div class="col-md-6 mb-3">
      <label>First Name</label>
      <input type="text" class="form-control" name="firstname" required>
    </div>
     <div class="col-md-6 mb-3">
      <label>Last Name</label>
      <input type="text" class="form-control" name="lastname" required>
    </div>
   
  </div>

  <div class="mb-3">
    <label>Gender</label>
    <select class="form-control" name="gender" required>
      <option value="">-- Select --</option>
      <option value="Male">Male</option>
      <option value="Female">Female</option>
      <option value="Other">Other</option>
    </select>
  </div>

  <div class="mb-3">
    <label>Contact Address</label>
    <textarea class="form-control" name="contact_address" rows="3" required></textarea>
  </div>


  <div class="mb-3">
    <label>Email</label>
    <input type="email" class="form-control" name="email" required>
  </div>

  <div class="mb-3">
    <label>Phone Number</label>
    <input type="text" class="form-control" name="phone_number" required>
  </div>

  <div class="mb-3">
    <label>Dollar Bank Account Number</label>
    <input type="text" class="form-control" name="dollar_bank_account" required>
  </div>

  <div class="mb-3">
    <label>Nigerian Bank Name</label>
    <input type="text" class="form-control" name="nigerian_bank_name" required>
  </div>
   <div class="mb-3">
    <label>Nigerian Bank Account Number</label>
    <input type="text" class="form-control" name="nigerian_bank_account" required>
  </div>

  <div class="mb-3">
    <label>Dollar Bank Name</label>
    <input type="text" class="form-control" name="dollar_bank_name" required>
  </div>

  <div class="mb-3">
    <label>T-Shirt Size</label>
    <select class="form-control" name="tshirt_size" required>
      <option value="">-- Select --</option>
      <option value="S">S</option>
      <option value="L">L</option>
      <option value="XL">XL</option>
      <option value="XXL">XXL</option>
      <option value="XXxL">XXXL</option>
    </select>
  </div>

  <div class="mb-3">
    <label>Footwear Size (USA)</label>
    <select class="form-control" name="footwear_size" required>
      <option value="">-- Select --</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>

    </select>
  </div>

  <div class="mb-3">
    <label>Inspection Bonus (if any)</label>
    <input type="text" class="form-control" name="inspection_bonus">
  </div>

 

  <button type="submit" class="btn btn-primary w-100">Submit</button>
</form>

<script>
document.getElementById('registrationForm').addEventListener('input', function() {
    const password = document.getElementById('password').value;
    const confirm = document.getElementById('confirm_password').value;

    if (confirm && password !== confirm) {
        document.getElementById('confirm_password').setCustomValidity("Passwords do not match");
    } else {
        document.getElementById('confirm_password').setCustomValidity("");
    }
});
</script>



</body>
</html>
