<?php
/**
* @var mixed $meta
* @var mixed $captcha
*/
?>
<div class="section-padding">
<div class="container position-relative fade-in">
<div class="row">
<div class="col-lg-6 offset-lg-3">
<div class="text-center mb-5">
<i class="<?= $meta->icon; ?> mdi-5x text-secondary mb-3"></i>
<h3 class="mb-2"><?= $meta->title; ?></h3>
<p class="text-muted"><?= truncate($meta->description, 256); ?></p>
</div>
<form action="<?= current_page(); ?>" method="POST" class="--validate-form">
<div class="row">
<div class="col-6">
<div class="form-group mb-4">
<label class="d-block" for="first_name_input">
<?= phrase('First Name'); ?>
</label>
<input type="text" name="first_name" class="form-control" id="first_name_input" placeholder="<?= phrase('Your first name'); ?>" autocomplete="off" maxlength="64" />
</div>
</div>
<div class="col-6">
<div class="form-group mb-4">
<label class="d-block" for="last_name_input">
<?= phrase('Last Name'); ?>
</label>
<input type="text" name="last_name" class="form-control" id="last_name_input" placeholder="<?= phrase('Your last name'); ?>" autocomplete="off" maxlength="64" />
</div>
</div>
</div>
<div class="form-group mb-4">
<label class="d-block" for="email_input">
<?= phrase('Email Address'); ?>
</label>
<input type="email" name="email" class="form-control" id="email_input" placeholder="<?= phrase('Enter your email address'); ?>" autocomplete="off" maxlength="128" />
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-group mb-4">
<label class="d-block" for="username_input">
<?= phrase('Username'); ?>
</label>
<input type="text" name="username" class="form-control" id="username_input" placeholder="<?= phrase('Choose your username'); ?>" autocomplete="off" maxlength="32" />
</div>
</div>
<div class="col-sm-6">
<div class="form-group mb-4 position-relative">
<label class="d-block" for="password_input">
<?= phrase('Password'); ?>
</label>
<div class="input-group">
<input type="password" name="password" class="form-control rounded-end" id="password_input" placeholder="<?= phrase('Minimum'); ?> 6 <?= phrase('characters'); ?>" maxlength="32" style="border-right:0" />
<span class="input-group-text bg-white rounded-start" style="border-left:0">
<i class="mdi mdi-eye-outline password-peek" data-parent=".form-group" data-peek=".form-control" style="width:22px"></i>
</span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group mb-4">
<label class="d-block" for="email_input">
<?= phrase('Phone Number'); ?>
</label>
<input type="phone" name="phone" class="form-control" id="phone_input" placeholder="0812XXXX" autocomplete="off" maxlength="16" />
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-4">
<label class="d-block" for="captcha_input">
<?= phrase('Enter shown character'); ?>
</label>
<div class="input-group">
<span class="input-group-text bg-white p-0 captcha-refresh" style="cursor: pointer;" data-bs-toggle="tooltip" title="<?= phrase('Reload Captcha'); ?>">
<?php
if ($captcha->string) {
echo '<b class="text-dark pe-3 ps-3">' . $captcha->string . '</b>';
} else {
echo '<img src="' . $captcha->image . '" class="img-fluid" alt="..." />';
}
?>
</span>
<input type="text" name="captcha" class="form-control" id="captcha_input" placeholder="XXXXXX" maxlength="32" />
</div>
</div>
</div>
</div>
<div class="mb-3">
<p class="small">
<?= phrase('By submitting this form, you are agree about all future action related to your account related to the {{terms_and_conditions}}.', ['terms_and_conditions' => '<a href="' . base_url('pages/guidelines/terms-and-conditions') . '" target="_blank" class="text-primary"><b>' . phrase('Terms and Conditions') . '</b></a>']); ?>
</p>
</div>
<div class="mb-3">
<div class="d-grid">
<button type="submit" class="btn btn-outline-primary rounded-pill">
<i class="mdi mdi-check"></i>
<?= phrase('Register Account'); ?>
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
|
Download
