<!DOCTYPE html>
<html lang="en">

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>F.Seif | Login</title>
        <meta name="keywords" content="Ferchichi Seifeddine, Seif, Seifedine, Ferchichi" />
        <meta name="description" content="">
        <meta name="author" content="Ferchichi Seifeddin">
        <link rel="shortcut icon" href="<?= images_url(); ?>favicon.ico">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400italic,400,300,700">
        <link href="<?= common_url(); ?>font-awesome/css/font-awesome.css" rel="stylesheet" />
        <link type="text/css" rel="stylesheet" href="<?= css_url(); ?>login/bootstrap.min.css">
        <link type="text/css" rel="stylesheet" href="<?= css_url(); ?>login/simple-line-icons.css">
        <link type="text/css" rel="stylesheet" href="<?= css_url(); ?>login/style.css">
        <link type="text/css" rel="stylesheet" href="<?= css_url(); ?>login/login.css">
        <link rel="shortcut icon" href="global/images/favicon-fer.ico">
    </head>

    <body class="page-login">
        <div id="particles-js"></div>
        <div class="outer">
            <div class="middle">
                <div class="inner">
                    <!--BEGIN LOGO-->
                    <div class="header"><a class="logo"><img src="<?= theme_url(); ?>images/logo-FER.png"></a></div>
                    <!--END LOGO-->
                    <!--BEGIN CONTENT-->
                    <?php if (validation_errors() != '') { ?>
                        <div class="alert alert-block alert-danger fade in">
                            <button data-dismiss="alert" class="close close-sm" type="button">
                                <i class="fa fa-times"></i>
                            </button>
                            <?= validation_errors('<span>', '</span><br/>'); ?>
                        </div>
                    <?php } ?>
                    <hr>
                    <?= form_open(site_url('login'), 'class="login-form"'); ?>
                    <h4 class="mbl">AUTHENTIFICATION</h4>
                    <div class="form-group">
                        <div class="input-icon"><i class="icon-user"></i>
                            <?= form_input('email', set_value('email'), 'class="form-control" placeholder="Adresse email" autofocus'); ?></div>
                    </div>
                    <div class="form-group">
                        <div class="input-icon"><i class="icon-lock"></i>
                            <?= form_password('password', '', 'class="form-control" placeholder="Mot de passe"'); ?></div>
                    </div>
                    <div class="form-group">
                        <div class="checkbox pull-left"><label><input type="checkbox" value="">Se souvenir de moi</label></div><a href="#" class="text-info pull-right mtm">Mot de passe oublié?</a>
                        <div class="clearfix"></div>
                    </div>
                    <div class="form-group">
                        <button type="submit" class="btn btn-success btn-block">Se connecter</button>
                    </div>
                    <hr><small>Powred by <a class='text-info'>Ferchichi Seifeddine</a></small>
                    <?= form_close(); ?>
                    <!--END CONTENT-->
                </div>
            </div>
        </div>
        <script src="<?= js_url(); ?>login/jquery.js"></script>
        <script src="<?= js_url(); ?>login/bootstrap.min.js"></script>
        <script src="<?= js_url(); ?>login/bootstrapValidator.min.js"></script>
        <script src="<?= js_url(); ?>login/particles.js"></script>
        <script src="<?= js_url(); ?>login/login.js"></script>
    </body>

</html>