Vista Login

<link href="<?php echo base_url(); ?>assets/css/styles.css"
    rel="stylesheet">

<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="wrap">
                <p class="form-title">Sign In</p>
                <form class="login">
                    <input id="user" type="text" placeholder="Mail" />
                    <input id="pass" type="password" placeholder="Password" />
                    <input id="submit" type="submit" value="Sign In" class="btn btn-success btn-sm" />
                </form>
            </div>
        </div>
    </div>
    <div class="posted-by">
        Posted By: <a href="http://www.jquery2dotnet.com">Bhaumik Patel</a>
    </div>
</div>
<script>
    var $user = $('#user');
    var $pass = $('#pass')
    var $submit = $('#submit');

    function login(user, pass) {
        $.post("<?php echo base_url(); ?>login/autenticar",
            { user : user, pass : pass },
            function(rol){
                console.log("u: " + user + " pass: " + pass + " rol: " + rol);
                var dir;
                if (rol == 'cliente') {
                    dir = '<?php echo base_url(); ?>Fachada_pedido/realizar_pedido';
                } else if (rol == 'vendedor') {
                    dir = '<?php echo base_url(); ?>Home';
                } else if (rol == 'administrador') {
                    dir = '<?php echo base_url(); ?>Home';
                } else if (rol == 'error') {
                    window.location.reload();
                }
                window.location.href = dir;
            });
    };

    $submit.click(function(e){
        e.preventDefault();
        user = $user.val();
        pass = $pass.val();
        login(user, pass);
    });
</script>