Webportal/WebPortal/Pulsa/Views/_ViewStart.cshtml

@{
    Layout = "_Layout";
}

<!-- Modal -->
<div class="modal fade in" tabindex="-1" id="modalLogin">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title f24 medium">@Lang.Login</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true"><img src="~/image/btn-close.svg" alt="close"></span>
                </button>
            </div>
            <div class="modal-body">
                <form class="formstyle" id="form-login">
                    <input type="hidden" id="loginRedirect" />
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="@Lang.PhoneNumber" id="loginform-username">
                        <p class="invalid-feedback" id="usernameError"></p>
                    </div>
                    <div class="form-group">
                        <input type="password" class="form-control" placeholder="@Lang.Password / @Lang.OtpCode" id="loginform-password">
                        <p class="invalid-feedback" id="passwordError"></p>
                    </div>
                    <div class="form-group">
                        <div class="d-flex mb-5">
                            <a onclick="GetOtpLogin();" class="text-primary">@Lang.GetOtpCode</a>
                            <a href="/Home/ForgotPassword" class="text-primary ml-auto">@Lang.ForgotPassword?</a>
                        </div>

                    </div>
                    <div class="form-group">
                        <a class="btn-blue btn-regis w-100 text-center heg42" id="btnLogin" onclick="Login();">@Lang.Login</a>
                    </div>
                    <div class="form-group">
                        <p class="f14 text-center mt-5">
                            @Lang.DontHaveAccount
                            <a href="/Home/RegisterAccount" class="text-primary ml-3 under">
                                <b>
                                    @Lang.RegisterNow
                                </b>
                            </a>
                        </p>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>


<!-- Modal confirm -->
<div class="modal fade in" tabindex="-1" id="modalConfirm" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title f24 medium">@Lang.Confirm</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true"><img src="/image/btn-close.svg" alt="close"></span>
                </button>
            </div>
            <div class="modal-body">

                <form class="formstyle">


                    <p class="f14 text-center mb-4" id="message-confirm"></p>
                    <input type="hidden" id="confirm-id" />


                    <div class="form-group">
                        <a onclick="RegisterService();" id="btnConfirm" class="btn-blue btn-regis w-100 text-center heg42">@Lang.Register</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div class="modal fade in" tabindex="-1" id="modalConfirmPoint" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title f20 medium  text-left m-0">@Lang.ConfirmExchangePoint</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true"><img src="/image/btn-close.svg" alt="close"></span>
                </button>
            </div>
            <div class="modal-body">
                <p class="text-center mb-4"><img src="/image/gif.svg" alt="gif"></p>
                <p class="f18 clblue text-center"><b class="txtPointChange">60</b> @Lang.points <b class="txtChangeValue">= 10 SMS </b></p>
                <p class="mt-5">
                    <a class="btn-blue btn-regis w-100 text-center heg42" id="btn-confirm">@Lang.Confirm</a>
                </p>
            </div>
        </div>
    </div>
</div>

<!-- Modal success -->
<div class="modal fade in" tabindex="-1" id="modalSuccess" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title f24 medium">@Lang.Success</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true"><img src="~/image/btn-close.svg" alt="close"></span>
                </button>
            </div>
            <div class="modal-body">
                <p class="f14 mb-4 text-center mb-5"><img src="~/image/check-big.svg" alt="check"></p>
                <p class=" mb-5 f14 text-center" id="message-success"></p>
                <p><a class="btn-blue btn-regis w-100 text-center heg42 btnAccept" id="btnAccept">@Lang.Accept</a></p>
            </div>
        </div>
    </div>
</div>

<!-- Modal failure-->
<div class="modal fade in" tabindex="-1" id="modalFail" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title f24 medium">@Lang.Failure</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true"><img src="~/image/btn-close.svg" alt="close"></span>
                </button>
            </div>
            <div class="modal-body">
                <p class="f14 mb-4 text-center mb-5"><img src="~/image/failed.svg" alt="failed"> </p>
                <p class="mb-4 f14 text-center" id="message-error">
                </p>
                <p><a class="btn-blue btn-regis w-100 text-center heg42" data-dismiss="modal">@Lang.Close</a></p>
            </div>
        </div>
    </div>
</div>


<!-- Modal Recharge -->
<div class="modal fade in" tabindex="-1" id="Recharge" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title f24 medium">@Lang.Recharge</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true"><img src="/image/btn-close.svg" alt="close"></span>
                </button>
            </div>
            <div class="modal-body">
                <form class="formstyle">
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="@Lang.PhoneNumber" id="phoneNumber" value="">
                        <p class="invalid-feedback" id="recharge-phoneNumberError"></p>
                    </div>
                    <div class="form-group">
                        @*<div class="d-flex">*@
                        <input class="form-control" type="text" placeholder="@Lang.EnterScratchCode" id="scratchCode">
                        @*<div class="borderstyle ml-2"> <img src="/image/qrcode.svg"></div>*@
                        <p class="invalid-feedback" id="recharge-scratchCodeError"></p>
                        @*</div>*@
                    </div>
                    <div class="form-group">
                        <div class="d-flex align-items-center">
                            @*<input class="form-control" type="text" placeholder="Security code*"
                                       style="width: 160px;">
                                <img src="/image/qr.png" class="ml-2">
                                <a href="#" class="ml-2">
                                    <img src="/image/refresh.svg">
                                </a>*@
                            <div id="captcha-signup"></div>
                        </div>

                    </div>
                    <div class="form-group">
                        <a class="btn-blue btn-regis w-100 text-center heg42" onclick="recharge();" id="btn-recharge">@Lang.Recharge</a>
                    </div>
                    <div class="form-group">
                        <em class="f14"> (*) is required.</em>
                    </div>
                    <div class="form-group">
                        <div class="lineOr">
                            <span>@Lang.OR</span>
                        </div>
                    </div>
                    <div class="form-group">
                        <a href="https://mosan.telemor.tl/" class=" btn-discount">
                            @Lang.MosanDiscount <img src="/image/osan.svg" class="ml-2" alt="mosan">
                            <img src="/image/dot-next-yellow.svg" class="ml-2">
                        </a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>


<!-- end -->


<script src="~/js/jquery-3.3.1.js"></script>
<script src="~/js/bootstrap.min.js"></script>
<script src="~/js/script-menu.js"></script>
<script src="~/js/spin.js"></script>
<script src="~/assets\vendor\owl.carousel\owl.carousel.min.js"></script>
<script src="~/assets\js\main.js"></script>
<script>
    function hideElement(modalName) {
        $("#" + modalName).hide();
    }
    function showElement(modalName) {
        $("#" + modalName).show();
    }

    function hideModal(modalName) {
        $("#" + modalName).modal('hide');
    }
    function showModal(modalName, button) {
        if (button) {
            $(".btnAccept").show();
            $(".btnAccept").html(button);
        } else {
            $(".btnAccept").hide();
        }
        $("#" + modalName).modal('show');
    }


    var opts = {
        lines: 8, // The number of lines to draw
        length: 5, // The length of each line
        width: 3, // The line thickness
        radius: 5, // The radius of the inner circle
        scale: 1, // Scales overall size of the spinner
        corners: 1, // Corner roundness (0..1)
        color: '#ffffff', // CSS color or array of colors
        fadeColor: 'transparent', // CSS color or array of colors
        speed: 1, // Rounds per second
        rotate: 0, // The rotation offset
        animation: 'spinner-line-fade-quick', // The CSS animation name for the lines
        direction: 1, // 1: clockwise, -1: counterclockwise
        zIndex: 2e9, // The z-index (defaults to 2000000000)
        className: 'spinner', // The CSS class to assign to the spinner
        //top: '50%', // Top position relative to parent
        //left: '50%', // Left position relative to parent
        shadow: '0 0 1px transparent', // Box-shadow for the lines
        //position: 'absolute' // Element positioning
    };

    var spinner = new Spinner(opts);

    function startSpinner(obj) {
        var target = document.getElementById(obj);
        $("#" + obj).prop("disabled", true);

        $("#" + obj).bind('click', function (e) {
            e.preventDefault();
        });

        spinner.spin(target);
    }


    function stopSpinner(obj) {
        $("#" + obj).prop("disabled", false);
        $("#" + obj).unbind('click');
        if (spinner != undefined) {
            spinner.stop();
        }
    }


</script>
<script>
        $("#form-login").keypress(function (e) {
            if (e.key === "Enter") {
                // Cancel the default action, if needed
                e.preventDefault();
                // Trigger the button element with a click
                Login();
            }
        });

        function Login() {
            var phoneNumber = $('#loginform-username').val();
            var password = $('#loginform-password').val();
            var href = $("#loginRedirect").val();
            console.log("Login " + phoneNumber);

            if (!phoneNumber || phoneNumber == "") {
                $("#usernameError").html("@Lang.AccountRequired");
                $("#usernameError").show();
                $('#loginform-username').addClass("is-invalid");
                return;
            }

            if (!password || password == "") {
                $("#passwordError").html("@Lang.PasswordRequired");
                $("#passwordError").show();
                $('#loginform-password').addClass("is-invalid");
                return;
            }

            startSpinner("btnLogin");
            $.ajax({
                url: "/Subscriber/LoginAction",
                beforeSend: function (request) {
                    request.setRequestHeader("RequestVerificationToken", $("[name='__RequestVerificationToken']").val());
                },
                data: {
                    __RequestVerificationToken: $('input[name=__RequestVerificationToken]').val(),
                    msisdn: phoneNumber,
                    password: password
                },
                type: "POST",
                success: function (data) {
                    stopSpinner("btnLogin");
                    console.log(data);
                    if (data.error_code != "0") {
                        console.log(data.error_content);
                        hideModal("modalLogin");
                        showModal("modalFail");
                        // fail
                        $('#message-error').html(data.error_content);
                    } else {
                        console.log(data.msisdn);
                        hideModal("modalLogin");
                        location.href = href;
                    }
                },
                error: function (xhr, status, e) {
                    stopSpinner("btnLogin");
                    console.log(xhr);
                    console.log(status);
                    console.log(e);
                }
            })
        };

        function RegisterAcount() {
            var phoneNumber = $('#username').val();
            var password = $('#registerform-password').val();
            var confirmpassword = $('#registerform-confirmpassword').val();
            var otpCode = $('#registerform-otpcode').val();

            console.log("Register " + phoneNumber);

            // validate
            if (!phoneNumber || phoneNumber == "") {
                $("#registerform-usernameError").html("@Lang.AccountRequired");
                $("#registerform-usernameError").show();
                $('#username').addClass("is-invalid");
                return;
            }

            if (!otpCode || otpCode == "") {
                $("#registerform-otpError").html("@Lang.OTPRequired");
                $("#registerform-otpError").show();
                $('#registerform-otpcode').addClass("is-invalid");
                return;
            }

            if (!password || password == "") {
                $("#registerform-passwordError").html("@Lang.PasswordRequired");
                $("#registerform-passwordError").show();
                $('#registerform-password').addClass("is-invalid");
                return;
            }

            if (!confirmpassword || confirmpassword == "") {
                $("#registerform-confirmpasswordError").html("@Lang.ConfirmPasswordRequired");
                $("#registerform-confirmpasswordError").show();
                $('#registerform-confirmpassword').addClass("is-invalid");
                return;
            }

            if (password.length <= 8) {
                $("#registerform-passwordError").html("@Lang.PasswordInvalid");
                $("#registerform-passwordError").show();
                $('#registerform-password').addClass("is-invalid");
                return;
            }

            if (password != confirmpassword) {
                $("#registerform-confirmpasswordError").html("@Lang.PasswordNotMatched");
                $("#registerform-confirmpasswordError").show();
                $('#registerform-confirmpassword').addClass("is-invalid");
                return;
            }


            $.ajax({
                url: "/Subscriber/RegisterAccountAction",
                data: {
                    __RequestVerificationToken: $('input[name=__RequestVerificationToken]').val(),
                    msisdn: phoneNumber,
                    password: password,
                    otp: otpCode
                },
                type: "POST",
                success: function (data) {
                    console.log(data);
                    if (data.error_code != "0") {
                        console.log(data.error_content);
                        showModal("modalFail");
                        // fail
                        $('#message-error').html(data.error_content);
                        if (data.error_code == "5") {
                            // already existed -> show login
                            $('#message-error').append("<br />" + "@Lang.WouldYouLike <a class='login-dialog' onclick='loginDialog();'><b>" + "@Lang.Login" +"<b> ?</a>");
                        }
                    } else {
                        console.log(data.msisdn);
                        $('#message-success').html(data.error_content);
                        showModal("modalSuccess", "Login");
                        $(".btnAccept").click(function () {
                            $("#modalLogin").modal({ backdrop: 'static', keyboard: false });
                            hideModal("modalSuccess");
                        });
                    }
                }
            })
        };

        function ResetPassword() {
            var phoneNumber = $('#username').val();
            var password = $('#forgotform-password').val();
            var confirmpassword = $('#forgotform-confirmpassword').val();
            var otpCode = $('#forgotform-otpcode').val();

            console.log("Reset Password " + phoneNumber);

            // validate
            // validate
            if (!phoneNumber || phoneNumber == "") {
                $("#forgotform-usernameError").html("@Lang.AccountRequired");
                $("#forgotform-usernameError").show();
                $('#username').addClass("is-invalid");
                return;
            }

            if (!otpCode || otpCode == "") {
                $("#forgotform-otpError").html("@Lang.OTPRequired");
                $("#forgotform-otpError").show();
                $('#forgotform-otpcode').addClass("is-invalid");
                return;
            }

            if (!password || password == "") {
                $("#forgotform-passwordError").html("@Lang.PasswordRequired");
                $("#forgotform-passwordError").show();
                $('#forgotform-password').addClass("is-invalid");
                return;
            }

            if (!confirmpassword || confirmpassword == "") {
                $("#forgotform-confirmpasswordError").html("@Lang.ConfirmPasswordRequired");
                $("#forgotform-confirmpasswordError").show();
                $('#forgotform-confirmpassword').addClass("is-invalid");
                return;
            }

            if (password.length <= 8) {
                $("#forgotform-passwordError").html("@Lang.PasswordInvalid");
                $("#forgotform-passwordError").show();
                $('#forgotform-password').addClass("is-invalid");
                return;
            }

            if (password != confirmpassword) {
                $("#forgotform-confirmpasswordError").html("@Lang.PasswordNotMatched");
                $("#forgotform-confirmpasswordError").show();
                $('#forgotform-confirmpassword').addClass("is-invalid");
                return;
            }

            $.ajax({
                url: "/Subscriber/ResetPasswordAction",
                data: {
                    __RequestVerificationToken: $('input[name=__RequestVerificationToken]').val(),
                    msisdn: phoneNumber,
                    password: password,
                    otp: otpCode
                },
                type: "POST",
                success: function (data) {
                    console.log(data);
                    if (data.error_code != "0") {
                        console.log(data.error_content);
                        showModal("modalFail");
                        // fail
                        $('#message-error').html(data.error_content);
                    } else {
                        console.log(data.msisdn);
                        $('#message-success').html(data.error_content);
                        showModal("modalSuccess", "Login");
                        $(".btnAccept").click(function () {
                            $("#modalLogin").modal({ backdrop: 'static', keyboard: false });
                            hideModal("modalSuccess");
                        });
                    }
                }
            })
        };


        function GetOtpLogin() {
            var phoneNumber = $('#loginform-username').val();
            if (!phoneNumber || phoneNumber == "") {
                $("#usernameError").html("@Lang.AccountRequired");
                $("#usernameError").show();
                $('#loginform-username').addClass("is-invalid");
                return;
            }

            $.ajax({
                url: "/Subscriber/GetOtpAction",
                data: {
                    __RequestVerificationToken: $('input[name=__RequestVerificationToken]').val(),
                    msisdn: phoneNumber,
                    action: '@ActionType.LOGIN'
                },
                type: "POST",
                success: function (data) {
                    console.log(data);
                    if (data.error_code != "0") {
                        console.log(data.error_content);
                        hideModal("modalLogin");
                        showModal("modalFail");
                        // fail
                        $('#message-error').html(data.error_content);
                    } else {
                        console.log(data.msisdn);
                        $('#message-success').html(data.error_content);
                        showModal("modalSuccess");
                        //hideModal("modalLogin");
                    }
                }
            })
        }

        function GetOtp(actionType) {
            var phoneNumber = $('#username').val();

            if (!phoneNumber || phoneNumber == "") {
                if (actionType == @ActionType.FORGOT_PASSWORD) {
                    $("#forgotform-usernameError").html("@Lang.AccountRequired");
                    $("#forgotform-usernameError").show();
                    $('#username').addClass("is-invalid");
                } else {
                    $("#registerform-usernameError").html("@Lang.AccountRequired");
                    $("#registerform-usernameError").show();
                    $('#username').addClass("is-invalid");
                }

                return;
            }

            console.log("GetOtp " + phoneNumber);
            $.ajax({
                url: "/Subscriber/GetOtpAction",
                data: {
                    __RequestVerificationToken: $('input[name=__RequestVerificationToken]').val(),
                    msisdn: phoneNumber,
                    action: actionType
                },
                type: "POST",
                success: function (data) {
                    console.log(data);
                    if (data.error_code != "0") {
                        console.log(data.error_content);
                        showModal("modalFail");
                        // fail
                        $('#message-error').html(data.error_content);
                        if (data.error_code == "5") {
                            // already existed -> show login
                            $('#message-error').append("<br />" + "@Lang.WouldYouLike <a class='login-dialog' onclick='loginDialog();'><b>" + "@Lang.Login" +"<b> ?</a>");
                        }
                    } else {
                        console.log(data.msisdn);
                        $('#message-success').html(data.error_content);
                        showModal("modalSuccess");
                    }
                }
            })
    };

        function RegisterVas() {
            var msisdn = $("#msisdn").val();

            if (msisdn == null || msisdn == "") {
                $("#loginRedirect").val(location.href);
                showModal("modalLogin");
                return;
            }
            var id = $("input[type='radio'][name='vas-package']:checked").val();
            var packgId = $("input[type='radio'][name='vas-package']:checked").attr("packg");
            $("#confirm-id").val(id + "-" + packgId);
            $("#message-confirm").html("@Lang.ConfirmRegister");
            showModal("modalConfirm");
        }

        function RegisterDialog(id) {
            var msisdn = $("#msisdn").val();

            if (msisdn == null || msisdn == "") {
                $("#loginRedirect").val(location.href);
                showModal("modalLogin");
                return;
            }
            //var id = $(this).data("bind");
            $("#confirm-id").val(id);
            $("#message-confirm").html("@Lang.ConfirmRegister");
            showModal("modalConfirm");
        }

        function RegisterService() {
            var productId = $('#confirm-id').val();
            console.log("Register service " + productId);
            startSpinner("btnConfirm");
            $.ajax({
                url: "/Home/RegisterServiceAction",
                data: {
                    __RequestVerificationToken: $('input[name=__RequestVerificationToken]').val(),
                    productId: productId
                },
                type: "POST",
                success: function (data) {
                    console.log(data);
                    stopSpinner("btnConfirm");
                    hideModal("modalConfirm");
                    if (data.error_code != "0") {
                        console.log(data.error_content);
                        showModal("modalFail");
                        $('#message-error').html('@Lang.RegisterError');
                    } else {
                        console.log(data.msisdn);
                        $('#message-success').html('@Lang.RegisterSuccess');
                        showModal("modalSuccess");
                    }
                },
                error: function (e) {
                    hideModal("modalConfirm");
                    showModal("modalFail");
                    $('#message-error').html('@Lang.RegisterError');
                    stopSpinner("btnConfirm");
                }
            })
        };

    $(document).ready(function () {
        $(".btn-success").click(function (e) {
            e.preventDefault();
            var key = $(this).prev().val();
            // check keyword length
            if (key.length < 2) {
                showModal("modalFail");
                $('#message-error').html('@Lang.KeyWordLengthMin');
                return;
            } else {
                window.location.href = "/CustomerCare/Search?keywords=" + key;
            }
        });
    });



</script>

<script>

    window.mobileCheck = function () {
        let check = false;
        (function (a) { if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4))) check = true; })(navigator.userAgent || navigator.vendor || window.opera);
        return check;
    };


    function getMobileOperatingSystem() {
        var userAgent = navigator.userAgent || navigator.vendor || window.opera;

        // Windows Phone must come first because its UA also contains "Android"
        if (/windows phone/i.test(userAgent)) {
            return "Windows Phone";
        }

        if (/android/i.test(userAgent)) {
            return "Android";
        }

        // iOS detection from: http://stackoverflow.com/a/9039885/177710
        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
            return "iOS";
        }

        return "unknown";
    }

    $(document).ready(function () {
        if (mobileCheck()) {
            console.log("is mobile");
            if (getMobileOperatingSystem() == "iOS") {
                $("#fb-link").attr("href", "fb://profile/224491271057409");
            } else {
                $("#fb-link").attr("href", "fb://page/224491271057409");
            }
        }
    });
</script>

<script type="text/javascript"> 
</script>


<script>
        var updating = false;
        function recharge() {
            if (updating) {
                return;
            }
            console.log("recharge");
            var token = $('input[name=__RequestVerificationToken]').val();
            var msisdn = $('#phoneNumber').val();
            var code = $('#scratchCode').val();

            // validate
            if (!msisdn || msisdn == "") {
                $("#recharge-phoneNumberError").html("@Lang.PhonenumberRequired");
                $("#recharge-phoneNumberError").show();
                $('#phoneNumber').addClass("is-invalid");
                return;
            }

            if (!code || code == "") {
                $("#recharge-scratchCodeError").html("@Lang.ScratchCodeRequired");
                $("#recharge-scratchCodeError").show();
                $('#scratchCode').addClass("is-invalid");
                return;
            }

            //$("#btn-recharge").prop('disabled', true);
            startSpinner("btn-recharge");
            updating = true;
            var formData = new FormData();
            formData.append('__RequestVerificationToken', token);
            formData.append('msisdn', msisdn);
            formData.append('code', code);
            formData.append('captcharesponse', grecaptcha.getResponse(widgetId1));

            $.ajax({
                type: "POST",
                url: ("/Subscriber/RechargeScratch"),
                headers: { 'RequestVerificationToken': token },
                data: formData,
                contentType: false,
                processData: false,
                success: function (result) {
                    updating = false;
                    grecaptcha.reset(widgetId1);
                    //$("#btn-recharge").prop('disabled', false);
                    stopSpinner("btn-recharge");
                    console.log(result);
                    hideModal("Recharge");
                    $("#scratchCode").val("");
                    if (result.error == '0') {
                        $('#message-success').html(result.content);
                        showModal("modalSuccess");
                    } else {
                        showModal("modalFail");
                        $('#message-error').html(result.content);
                    }
                },
                error: function (err) {
                    updating = false;
                    $("#scratchCode").val("");
                    grecaptcha.reset(widgetId1);
                    //$("#btn-recharge").prop('disabled', false);
                    stopSpinner("btn-recharge");
                    hideModal("Recharge");
                    showModal("modalFail");
                    $('#message-error').html(err.statusText);
                }
            });

        }
</script>