<?php $this->load->view('layouts/header'); ?>

    <!-- App Header -->
    <div class="appHeader no-border transparent position-absolute">
        <div class="left">
            <a href="<?php echo base_url('auth/login'); ?>" class="headerButton">
                <ion-icon name="chevron-back-outline"></ion-icon>
            </a>
        </div>
        <div class="pageTitle"></div>
        <div class="right"></div>
    </div>

    <!-- App Capsule -->
    <div id="appCapsule">
        <div class="section mt-2 text-center">
            <h1>Forgot Password</h1>
            <h4>Enter your email to reset password</h4>
        </div>
        
        <!-- Flashdata is now displayed via global dialogs -->
        
        <div class="section mb-5 p-2">
            <?php echo form_open('auth/do_forgot_password'); ?>
                
                <div class="card">
                    <div class="card-body pb-1">
                        <div class="form-group basic">
                            <div class="input-wrapper">
                                <label class="label">E-mail</label>
                                <input type="email" class="form-control" name="email" placeholder="Your e-mail" required>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="form-button-group transparent">
                    <button type="submit" class="btn btn-primary btn-block btn-lg">Reset Password</button>
                </div>
            <?php echo form_close(); ?>
        </div>
    </div>

<?php $this->load->view('layouts/footer'); ?>
