<?php $this->load->view('templates/auth_header'); ?>

<div class="auth-form-light text-left p-5">

  <!-- Logo -->
  <div class="brand-logo text-center mb-4">
    <img src="<?= base_url('assets/sb-admin2/img/hsilogo.png'); ?>" alt="HSI Logo" style="width:120px;">
  </div>

  <!-- Judul -->
  <h3 class="text-center mb-3">Lupa Password</h3>
  <h6 class="font-weight-light text-center">Masukkan email dan no HP yang terdaftar untuk menerima OTP</h6>

  <!-- Flash Messages -->
  <?php if ($this->session->flashdata('error')): ?>
    <div class="alert alert-danger mt-3">
      <?= $this->session->flashdata('error'); ?>
    </div>
  <?php endif; ?>

  <?php if ($this->session->flashdata('success')): ?>
    <div class="alert alert-success mt-3">
      <?= $this->session->flashdata('success'); ?>
    </div>
  <?php endif; ?>

  <!-- Form Forgot Password -->
  <form class="pt-3" method="post" action="<?= base_url('forgot_password'); ?>">
    <div class="form-group">
      <input type="email" name="email" class="form-control form-control-lg" placeholder="Email" required>
    </div>

    <div class="form-group">
      <input type="text" name="phone" class="form-control form-control-lg" placeholder="Nomor HP" required>
    </div>

    <div class="mt-3">
      <button type="submit" class="btn btn-block btn-warning btn-lg font-weight-medium auth-form-btn">
        Kirim OTP
      </button>
    </div>

    <div class="text-center mt-4 font-weight-light">
      <a href="<?= base_url('login_siswa'); ?>" class="text-primary">Kembali Ke Login</a>
    </div>
  </form>
</div>

<?php $this->load->view('templates/auth_footer'); ?>
