<% title = 'Register - Kanzy' %>
<div class="row m-0">
  <div class="col-12 p-0">    
    <div class="login-card login-dark">
      <div>
        <a class="logo" href="javascript:;">
          <!-- <img class="img-fluid for-light m-auto" src="/backend/images/logo/logo1.png" alt="looginpage">
          <img class="img-fluid for-dark" src="/backend/images/logo/logo-dark.png" alt="logo"> -->
          <h3><%= companyInfo.NAME %></h3>
        </a>
        <div class="login-main"> 
          <form class="theme-form" id="registerForm" action="<%- '/register' %>" method="POST">
            <h2 class="text-left"><%= trans.auth.messages.registration.heading %></h2>
            <p class="text-left"><%= trans.auth.messages.registration.subheading %></p>

            <%- include('./partials/language-selector') %>
            
            <div class="form-group">
              <label class="col-form-label pt-0">Your Name</label>
              <div class="row g-2">
                <div class="col-12">
                  <input class="form-control" type="text" id="name" name="name" placeholder="Please Fill Name">
                </div>
              </div>
            </div>
            <div class="form-group">
              <label class="col-form-label">Email Address</label>
              <input class="form-control" type="email" id="email" name="email" placeholder="Test@gmail.com">
            </div>
            <div class="form-group">
              <label class="col-form-label">Password</label>
              <div class="form-input position-relative">
                <input class="form-control" type="password" name="password" id="password" placeholder="*********">
                <div class="show-hide"><span class="show"></span></div>
              </div>
            </div>
            <div class="form-group">
              <label class="col-form-label">Confirm Password</label>
              <div class="form-input position-relative">
                <input type="password" class="form-control" placeholder="**********" id="confirmPassword" name="password_confirmation">
                <div class="show-hide"><span class="show"></span></div>
              </div>
            </div>
            <div class="form-group mb-0 checkbox-checked">
              <button class="btn btn-primary btn-block w-100 mt-3" type="submit">Create Account</button>
            </div>
            <p class="mt-4 mb-0 text-center">Already have an account?<a class="ms-2" href="/login">Sign in</a></p>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>