<?php require __DIR__ . '/../layouts/header.php'; ?>

<div class="container py-4" style="max-width:900px;">
  <div class="card shadow-sm border-0">
    <div class="card-body p-4">
      <h4 class="mb-3"><?= e(t('register') ?? 'Register') ?></h4>

      <form method="post" action="<?= e(base_path('action/register')) ?>" class="row g-3">
        <div class="col-md-6">
          <label class="form-label"><?= e(t('first_name') ?? 'First name') ?></label>
          <input name="first_name" class="form-control" required>
        </div>
        <div class="col-md-6">
          <label class="form-label"><?= e(t('last_name1') ?? 'Last name1') ?></label>
          <input name="last_name" class="form-control" required>
        </div>

        <div class="col-md-6">
          <label class="form-label"><?= e(t('email') ?? 'Email') ?></label>
          <input name="email" type="email" class="form-control" required>
        </div>

        <div class="col-md-6">
          <label class="form-label"><?= e(t('phone') ?? 'Phone') ?></label>
          <input name="phone" class="form-control" required>
        </div>

        <div class="col-md-6">
          <label class="form-label"><?= e(t('password') ?? 'Password') ?></label>
          <input name="password" type="password" class="form-control" required>
        </div>

        <div class="col-12">
          <button class="btn btn-primary">
            <i class="fa fa-user-plus"></i> <?= e(t('create_account') ?? 'Create account') ?>
          </button>
          <a class="btn btn-link" href="<?= e(base_path('login')) ?>">
            <?= e(t('login') ?? 'Login') ?>
          </a>
        </div>
      </form>

    </div>
  </div>
</div>

<?php require __DIR__ . '/../layouts/footer.php'; ?>
