$.ajax({
                    url: "/admin_panel/login/",
                    method: 'POST',
                    dataType: 'json',
                    beforeSend: function(xhr, settings) {
                            xhr.setRequestHeader("X-CSRFToken", csrftoken);
                    },
                    data: {
                        username: $("input#username").val(),
                        password: $("input#password").val(),
                    },
                    error: function()
                    {
                        alert("An error occured!");
                    },
                    success: function(response)
                    {
                        // Login status [success|invalid]
                        var login_status = response.login_status;
                        console.log(login_status);

                        // Form is fully completed, we update the percentage
                        neonLogin.setPercentage(100);


                        // We will give some time for the animation to finish, then execute the following procedures
                        setTimeout(function()
                        {
                            // If login is invalid, we store the
                            if(login_status == 'invalid')
                            {
                                $(".login-page").removeClass('logging-in');
                                neonLogin.resetProgressBar(true);
                            }
                            else
                            if(login_status == 'success')
                            {
                                // Redirect to login page
                                setTimeout(function()
                                {
                                    var redirect_url = "/admin_panel/";

                                    if(response.redirect_url && response.redirect_url.length)
                                    {
                                        redirect_url = response.redirect_url;
                                    }

                                    window.location.href = redirect_url;
                                }, 400);
                            }

                        }, 1000);
                    }
                });

def login_view(request):
form = UserLoginForm
if(request.method == 'POST'):
    login_form = UserLoginForm(data=request.POST)
    if login_form.is_valid():
        username = login_form.cleaned_data['username']
        password = login_form.cleaned_data['password']
        user = authenticate(username=username, password=password)
        if user:
            if user.is_active:
                login(request, user)
                print("USER AUTHENTICATED")
                return JsonResponse({'login_status': 'success', 'redirect_url': '/admin_panel/'})
            else:
                print("USER IS NOT ACTIVE")
                return render(request, 'admin_panel/wp_admin_login.html', {'form': form})
        else:
            return JsonResponse({'login_status': 'authentication failed', 'redirect_url': '/admin_panel/'})
    else:
        return JsonResponse({'login_status': 'invalid form'})
else:
    return render(request, 'admin_panel/wp_admin_login.html', {'form': form})

class UserLoginForm(forms.ModelForm):
username = forms.CharField(widget=forms.TextInput(attrs={'class': "form-control", 'placeholder': "Username", 'autocomplete': "off", 'id':"username"}))
password = forms.CharField(widget=forms.PasswordInput(attrs={'class': "form-control", 'placeholder': "Password", 'autocomplete': "off", 'id':"password"}))

class Meta:
    model = User
    fields = ['username', 'password']

<div class="login-form">

    <div class="login-content">

        <div class="form-login-error">
            <h3>Invalid login</h3>
            <p>Enter <strong>demo</strong>/<strong>demo</strong> as login and password.</p>
        </div>

        <form method="post" role="form" id="form_login">

            <div class="form-group">

                <div class="input-group">
                    <div class="input-group-addon">
                        <i class="entypo-user"></i>
                    </div>

                    {{ form.username }}
                </div>

            </div>

            <div class="form-group">

                <div class="input-group">
                    <div class="input-group-addon">
                        <i class="entypo-key"></i>
                    </div>

                    {{ form.password }}
                </div>

            </div>

            <div class="form-group">
                <button type="submit" class="btn btn-primary btn-block btn-login">
                    <i class="entypo-login"></i>
                    Login In
                </button>
            </div>