| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151 |
- <style>
- .bg-register-image {
- background: url(https://cropmonitor.info/client-assets/images/water-droplet-on-leaf.jpg); /* https://source.unsplash.com/K4mSJ7kc0As/600x800 */
- background-position: center;
- background-size: cover;
- }
- </style>
- <body class="bg-gradient-success">
- <div class="container">
- <div class="card o-hidden border-0 shadow-lg my-5">
- <div class="card-body p-0">
- <!-- Nested Row within Card Body -->
- <div class="row">
- <div class="col-lg-5 d-none d-lg-block bg-register-image"></div>
- <div class="col-lg-7">
- <div class="p-5">
- <div class="text-center">
- <h1 class="h4 text-gray-900 mb-4">Create an Account!</h1>
- <div class="registerMessage">[[!+reg.error.message]]</div>
- </div>
- [[!Register?
- &submitVar=`registerbtn`
- &usernameField=`email`
- &activationEmailTpl=`CMlgnActivateEmailTpl`
- &activationEmailSubject=`Please activate your account!`
- &activationResourceId=`6`
- &submittedResourceId=`6`
- &usergroups=`Members`
- &validate=`nospam:blank,
- password:required:minLength=^6^,
- password_confirm:password_confirm=^password^,
- fullname:required,
- email:required,
- mobilephone:required`
- &placeholderPrefix=`reg.`
- &postHooks=`notifyAdmin`
- ]]
- <form class="user" action="[[~[[*id]]]]" method="post">
- <input type="hidden" name="nospam" value="[[!+reg.nospam]]" />
- <div class="form-group row">
- <div class="col-md-6 mb-3 mb-md-0">
- <input type="text" class="form-control form-control-user" placeholder="Full Name" name="fullname" id="fullname" value="[[!+reg.fullname]]" required autofocus>
- <span class="invalid-feedback error">[[!+reg.error.fullname]]</span>
- </div>
- <div class="col-md-6">
- <input type="text" class="form-control form-control-user" placeholder="Company Name" name="company" id="company" value="[[!+reg.fax]]">
- <span class="invalid-feedback error">[[!+reg.error.fax]]</span>
- </div>
- </div>
- <div class="form-group">
- <input type="email" class="form-control form-control-user" placeholder="Email" name="email" id="email" value="[[!+reg.email]]" required>
- <span class="invalid-feedback error">[[!+reg.error.email]]</span>
- </div>
- <div class="form-group">
- <input type="text" class="form-control form-control-user" placeholder="Mobile Phone" name="mobilephone" id="mobilephone" value="[[!+reg.mobilephone]]" required>
- <span class="invalid-feedback error">[[!+reg.error.mobilephone]]</span>
- </div>
-
- <div class="form-group row">
- <div class="col-md-6 mb-3 mb-md-0">
- <select class="form-control" name="industry" name="industry" id="industry" value="[[!+reg.website]]">
- <option selected>Choose your industry</option>
- <option name="broadacre">Broadacre</option>
- <option name="viticulture">Viticulture</option>
- <option name="horticulture">Horticulture</option>
- <option name="permaculture">Permaculture</option>
- <option name="dairy">Dairy</option>
- </select>
- <span class="invalid-feedback error">[[!+reg.error.website]]</span>
- </div>
- <div class="col-md-6">
- <select class="form-control" name="role" name="role" id="role" value="[[!+reg.phone]]">
- <option selected>Choose your role</option>
- <option name="manager">Manager</option>
- <option name="viticulturist">Viticulturist</option>
- <option name="horticulturist">Horticulturist</option>
- <option name="permaculturist">Permaculturist</option>
- <option name="irrigation-manager">Irrigation Manager</option>
- </select>
- <span class="invalid-feedback error">[[!+reg.error.phone]]</span>
- </div>
- </div>
-
- <div class="form-group row">
- <div class="col-md-6 mb-3 mb-md-0">
- <input type="text" class="form-control form-control-user" placeholder="City" name="city" id="city" value="[[!+reg.city]]" >
- <span class="invalid-feedback error">[[!+reg.error.city]]</span>
- </div>
- <div class="col-md-6">
- <select class="form-control" name="state" name="state" id="state" value="[[!+reg.state]]">
- <option selected>State</option>
- <option name="nsw">New South Wales</option>
- <option name="vic">Victoria</option>
- <option name="qld">Queensland</option>
- <option name="wa">Western Australia</option>
- <option name="sa">South Australia</option>
- <option name="tas">Tasmania</option>
- <option name="act">Australian Capital Territory</option>
- <option name="nt">Northern Territory</option>
- <option name="other">Other</option>
- </select>
- <span class="invalid-feedback error">[[!+reg.error.state]]</span>
- </div>
- </div>
- <div class="form-group row">
- <div class="col-md-6 mb-3 mb-md-0">
- <input type="text" class="form-control form-control-user" placeholder="Post Code" name="postcode" id="postcode" value="[[!+reg.zip]]">
- <span class="error">[[!+reg.error.zip]]</span>
- </div>
- <div class="col-md-6">
- <select type="hidden" id="country" name="country:required" class="form-control" value="[[!+reg.country]]">
- <option selected>Country</option>
- <option value="Australia">Australia</option>
- <option value="New Zealand">New Zealand</option>
- </select>
- <span class="error">[[!+reg.error.country]]</span>
- </div>
- </div>
- <div class="form-group row">
- <div class="col-md-6 mb-3 mb-md-0">
- <input type="password" class="form-control form-control-user" placeholder="Password" name="password" id="password" value="[[!+reg.password]]" required>
- </div>
- <div class="col-md-6">
- <input type="password" class="form-control form-control-user" placeholder="Repeat password" name="password_confirm" id="password_confirm" required="" value="[[!+reg.password_confirm]]" required>
- </div>
- </div>
- <input class="loginLoginValue" type="hidden" name="service" value="login" />
- <!-- <a href="login.html" class="btn btn-lg btn-success btn-block btn-user text-uppercase" type="submit" name="registerbtn" >Register Account</a> -->
- <input class="btn btn-lg btn-success btn-block text-uppercase" type="submit" name="registerbtn" value="Register Account" >
- <hr>
- <a href="index.html" class="btn btn-danger btn-google btn-user btn-block">
- <i class="fab fa-google fa-fw"></i> Register with Google
- </a>
- <a href="index.html" class="btn btn-primary btn-facebook btn-user btn-block">
- <i class="fab fa-facebook-f fa-fw"></i> Register with Facebook
- </a>
- </form>
- <hr>
- <div class="text-center">
- <a class="small" href="[[~10]]">Forgot Password?</a>
- </div>
- <div class="text-center">
- <a class="small" href="[[~4]]">Already have an account? Login!</a>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </body>
|