<?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(); ?>" 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>Log in</h1>
            <h4>Welcome to <?php echo get_app_name(); ?></h4>
        </div>
        
        <!-- Flashdata is now displayed via global dialogs -->
        
        <div class="section mb-5 p-2">
            <?php echo form_open('auth/do_login'); ?>
                
                <div class="card"> 
                    <div class="card-body pb-1">
                        <div class="form-group basic">
                            <div class="input-wrapper">
                                <label class="label" for="email">E-mail</label>
                                <input type="email" class="form-control" id="email" name="email" placeholder="Your e-mail" required>
                                <i class="clear-input">
                                    <ion-icon name="close-circle"></ion-icon>
                                </i>
                            </div>
                        </div>

                        <div class="form-group basic">
                            <div class="input-wrapper">
                                <label class="label" for="password">Password</label>
                                <input type="password" class="form-control" id="password" name="password" autocomplete="off" placeholder="Your password" required>
                                <i class="clear-input">
                                    <ion-icon name="close-circle"></ion-icon>
                                </i>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="form-links mt-2">
                    <div>
                        <a href="<?php echo base_url('auth/register'); ?>">Register Now</a>
                    </div>
                    <div>
                        <a href="<?php echo base_url('auth/forgot_password'); ?>" class="text-muted">Forgot Password?</a>
                    </div>
                </div>

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

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