<?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>Reset Password</h1>
            <h4>Enter your new password</h4>
        </div>
        
        <!-- Flashdata is now displayed via global dialogs -->
        
        <div class="section mb-5 p-2">
            <?php echo form_open('auth/do_reset_password'); ?>
                <input type="hidden" name="token" value="<?php echo $token; ?>">
                
                <div class="card">
                    <div class="card-body pb-1">
                        <div class="form-group basic">
                            <div class="input-wrapper">
                                <label class="label">New Password</label>
                                <input type="password" class="form-control" name="password" placeholder="Enter new password" required minlength="8">
                                <i class="clear-input">
                                    <ion-icon name="close-circle"></ion-icon>
                                </i>
                            </div>
                            <div class="input-info">Minimum 8 characters</div>
                        </div>

                        <div class="form-group basic">
                            <div class="input-wrapper">
                                <label class="label">Confirm Password</label>
                                <input type="password" class="form-control" name="confirm_password" placeholder="Confirm new password" required minlength="8">
                                <i class="clear-input">
                                    <ion-icon name="close-circle"></ion-icon>
                                </i>
                            </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'); ?>
