register.php 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151
  1. <style>
  2. .bg-register-image {
  3. background: url(https://cropmonitor.info/client-assets/images/water-droplet-on-leaf.jpg); /* https://source.unsplash.com/K4mSJ7kc0As/600x800 */
  4. background-position: center;
  5. background-size: cover;
  6. }
  7. </style>
  8. <body class="bg-gradient-success">
  9. <div class="container">
  10. <div class="card o-hidden border-0 shadow-lg my-5">
  11. <div class="card-body p-0">
  12. <!-- Nested Row within Card Body -->
  13. <div class="row">
  14. <div class="col-lg-5 d-none d-lg-block bg-register-image"></div>
  15. <div class="col-lg-7">
  16. <div class="p-5">
  17. <div class="text-center">
  18. <h1 class="h4 text-gray-900 mb-4">Create an Account!</h1>
  19. <div class="registerMessage">[[!+reg.error.message]]</div>
  20. </div>
  21. [[!Register?
  22. &submitVar=`registerbtn`
  23. &usernameField=`email`
  24. &activationEmailTpl=`CMlgnActivateEmailTpl`
  25. &activationEmailSubject=`Please activate your account!`
  26. &activationResourceId=`6`
  27. &submittedResourceId=`6`
  28. &usergroups=`Members`
  29. &validate=`nospam:blank,
  30. password:required:minLength=^6^,
  31. password_confirm:password_confirm=^password^,
  32. fullname:required,
  33. email:required,
  34. mobilephone:required`
  35. &placeholderPrefix=`reg.`
  36. &postHooks=`notifyAdmin`
  37. ]]
  38. <form class="user" action="[[~[[*id]]]]" method="post">
  39. <input type="hidden" name="nospam" value="[[!+reg.nospam]]" />
  40. <div class="form-group row">
  41. <div class="col-md-6 mb-3 mb-md-0">
  42. <input type="text" class="form-control form-control-user" placeholder="Full Name" name="fullname" id="fullname" value="[[!+reg.fullname]]" required autofocus>
  43. <span class="invalid-feedback error">[[!+reg.error.fullname]]</span>
  44. </div>
  45. <div class="col-md-6">
  46. <input type="text" class="form-control form-control-user" placeholder="Company Name" name="company" id="company" value="[[!+reg.fax]]">
  47. <span class="invalid-feedback error">[[!+reg.error.fax]]</span>
  48. </div>
  49. </div>
  50. <div class="form-group">
  51. <input type="email" class="form-control form-control-user" placeholder="Email" name="email" id="email" value="[[!+reg.email]]" required>
  52. <span class="invalid-feedback error">[[!+reg.error.email]]</span>
  53. </div>
  54. <div class="form-group">
  55. <input type="text" class="form-control form-control-user" placeholder="Mobile Phone" name="mobilephone" id="mobilephone" value="[[!+reg.mobilephone]]" required>
  56. <span class="invalid-feedback error">[[!+reg.error.mobilephone]]</span>
  57. </div>
  58. <div class="form-group row">
  59. <div class="col-md-6 mb-3 mb-md-0">
  60. <select class="form-control" name="industry" name="industry" id="industry" value="[[!+reg.website]]">
  61. <option selected>Choose your industry</option>
  62. <option name="broadacre">Broadacre</option>
  63. <option name="viticulture">Viticulture</option>
  64. <option name="horticulture">Horticulture</option>
  65. <option name="permaculture">Permaculture</option>
  66. <option name="dairy">Dairy</option>
  67. </select>
  68. <span class="invalid-feedback error">[[!+reg.error.website]]</span>
  69. </div>
  70. <div class="col-md-6">
  71. <select class="form-control" name="role" name="role" id="role" value="[[!+reg.phone]]">
  72. <option selected>Choose your role</option>
  73. <option name="manager">Manager</option>
  74. <option name="viticulturist">Viticulturist</option>
  75. <option name="horticulturist">Horticulturist</option>
  76. <option name="permaculturist">Permaculturist</option>
  77. <option name="irrigation-manager">Irrigation Manager</option>
  78. </select>
  79. <span class="invalid-feedback error">[[!+reg.error.phone]]</span>
  80. </div>
  81. </div>
  82. <div class="form-group row">
  83. <div class="col-md-6 mb-3 mb-md-0">
  84. <input type="text" class="form-control form-control-user" placeholder="City" name="city" id="city" value="[[!+reg.city]]" >
  85. <span class="invalid-feedback error">[[!+reg.error.city]]</span>
  86. </div>
  87. <div class="col-md-6">
  88. <select class="form-control" name="state" name="state" id="state" value="[[!+reg.state]]">
  89. <option selected>State</option>
  90. <option name="nsw">New South Wales</option>
  91. <option name="vic">Victoria</option>
  92. <option name="qld">Queensland</option>
  93. <option name="wa">Western Australia</option>
  94. <option name="sa">South Australia</option>
  95. <option name="tas">Tasmania</option>
  96. <option name="act">Australian Capital Territory</option>
  97. <option name="nt">Northern Territory</option>
  98. <option name="other">Other</option>
  99. </select>
  100. <span class="invalid-feedback error">[[!+reg.error.state]]</span>
  101. </div>
  102. </div>
  103. <div class="form-group row">
  104. <div class="col-md-6 mb-3 mb-md-0">
  105. <input type="text" class="form-control form-control-user" placeholder="Post Code" name="postcode" id="postcode" value="[[!+reg.zip]]">
  106. <span class="error">[[!+reg.error.zip]]</span>
  107. </div>
  108. <div class="col-md-6">
  109. <select type="hidden" id="country" name="country:required" class="form-control" value="[[!+reg.country]]">
  110. <option selected>Country</option>
  111. <option value="Australia">Australia</option>
  112. <option value="New Zealand">New Zealand</option>
  113. </select>
  114. <span class="error">[[!+reg.error.country]]</span>
  115. </div>
  116. </div>
  117. <div class="form-group row">
  118. <div class="col-md-6 mb-3 mb-md-0">
  119. <input type="password" class="form-control form-control-user" placeholder="Password" name="password" id="password" value="[[!+reg.password]]" required>
  120. </div>
  121. <div class="col-md-6">
  122. <input type="password" class="form-control form-control-user" placeholder="Repeat password" name="password_confirm" id="password_confirm" required="" value="[[!+reg.password_confirm]]" required>
  123. </div>
  124. </div>
  125. <input class="loginLoginValue" type="hidden" name="service" value="login" />
  126. <!-- <a href="login.html" class="btn btn-lg btn-success btn-block btn-user text-uppercase" type="submit" name="registerbtn" >Register Account</a> -->
  127. <input class="btn btn-lg btn-success btn-block text-uppercase" type="submit" name="registerbtn" value="Register Account" >
  128. <hr>
  129. <a href="index.html" class="btn btn-danger btn-google btn-user btn-block">
  130. <i class="fab fa-google fa-fw"></i> Register with Google
  131. </a>
  132. <a href="index.html" class="btn btn-primary btn-facebook btn-user btn-block">
  133. <i class="fab fa-facebook-f fa-fw"></i> Register with Facebook
  134. </a>
  135. </form>
  136. <hr>
  137. <div class="text-center">
  138. <a class="small" href="[[~10]]">Forgot Password?</a>
  139. </div>
  140. <div class="text-center">
  141. <a class="small" href="[[~4]]">Already have an account? Login!</a>
  142. </div>
  143. </div>
  144. </div>
  145. </div>
  146. </div>
  147. </div>
  148. </body>