<!DOCTYPE html>
<html lang="en">
<head>
    <base href="./">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <meta name="description" content="Aplikasi Penatausahaan">
    <meta name="author" content="Egov Center IT Del">
    <meta name="keyword" content="Penatausahaan">
    <meta name="csrf-param" content="_csrfbackend">
<meta name="csrf-token" content="jzhLesCeQKe2V3gkA0HRJsU-tUnU0jKR5Qel4iQ83SnuAC8ei-k51_ADKVdlLrwLvF3qG6bgZsSHbeeVQlSfYw==">
    <title>GIIRS ADMIN::Login</title>
    <link href="/assets/1d45009b/css/fontawesome.min.css" rel="stylesheet">
<link href="/assets/2761ff10/css/style.css" rel="stylesheet">
<link href="/assets/2761ff10/css/pace.min.css" rel="stylesheet">
<script>var loginUrl = "/index.php?r=app%2Fauth"
var home = "/index.php?r=app%2Findex"</script>    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>
<body class="app flex-row align-items-center">
<div class="container">
    <div class="row justify-content-center">
    <div class="col-md-8">
        <div class="card-group">
            <div class="card p-4">
                <div class="card-body">
                    <div class="text-center d-block d-lg-none d-xl-none">
                        <img data-src="holder.js/100x100?text=Logo Kab \n 100x100" style="padding-bottom:5px;">
                        <h3 class="">E-PENATAUSAHAAN</h3>
                        <h3>Login</h3>
                        <p class="text-muted small">Gunakan akun backend</p>
                    </div>

                    <h2 class="d-md-down-none">Login</h2>
                    <p class="d-md-down-none text-muted small">Gunakan Akun Backend</p>
                    <div class="input-group mb-3">
                        <div class="input-group-prepend">
                    <span class="input-group-text">
                      <i class="fas fa-user"></i>
                    </span>
                        </div>
                        <input id="uname" class="form-control" type="text" placeholder="Username">
                    </div>
                    <div class="input-group mb-4">
                        <div class="input-group-prepend">
                    <span class="input-group-text">
                      <i class="fas fa-lock"></i>
                    </span>
                        </div>
                        <input id="pass" class="form-control" type="password" placeholder="Password">
                    </div>
                    <div class="row">
                        <div class="col-4">
                            <button id="login" class="btn btn-primary px-4" type="button">Login</button>
                        </div>
                        <div id="info" class="col-8 ">

                        </div>
<!--                        <div class="col-6 text-right">-->
<!--                            <button class="btn btn-link px-0" type="button">Forgot password?</button>-->
<!--                        </div>-->
                    </div>
                </div>
            </div>
            <div class="card text-white bg-primary py-5 d-md-down-none" style="width:44%; border-color:#c8ced3;">
                <div class="card-body text-center">
                    <img data-src="holder.js/100x100?text=Logo Kab \n 100x100" style="padding-bottom:5px;">
                    <div>
                        <h3>BACKEND SIMRS</h3>
                        <small>
                            <p>Aplikasi backend SIMRS</p>
                        </small>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<script src="/assets/a1f0a03b/jquery.js"></script>
<script src="/assets/2f0dbd2/yii.js"></script>
<script src="/assets/e01fa3f5/js/holder.min.js"></script>
<script>
;
$("#uname").focus();
$("#login").bind("click", function() {
    let user = $("#uname").val();
    let pass = $("#pass").val();
    if(user != "" && pass != ""){
        setInputs("disabled", true);        
        setLoading();
        $.ajax({
            type:"post",
            url:loginUrl,
            data: {
                username: user,
                password: pass,
                _csrfptu: yii.getCsrfToken()
            },
            success: function(resp) {
                try{                
                    var data = jQuery.parseJSON(JSON.stringify(resp));
                    if(data.status == "success"){
                        window.location.href = home;
                    }else{
                        setInputs("disabled", false);
                        setFailed();
                    }
                }catch (e){
                    console.log("catched");
                    console.log(e);
                    console.log(resp);
                    setInputs("disabled", false);
                    setFailed();
                }
            },
            fail: function(resp){
               setInputs("disabled", false);
               setFailed();
            }
        });
    }
});

function setInputs(prop, val){
    $("#uname").prop(prop, val);
    $("#pass").prop(prop, val);
    $("#login").prop(prop, val);
};

function setLoading(){
    $("#info").html("<p><i class=\"fas fa-sync fa-spin\"></i> Loading...</p>");
}

function setFailed(){
    $("#info").html("<p class=\"text-danger\"><i class=\"fas fa-info-circle\"></i> Login Gagal...</p>");
    $("#uname").focus();
}
</script></body>
</html>


