1#@!#!123s

��JFIF�� 1#@!#!123s
: / var / www / html / projects / eidvoice / web / app / Views / Auth /
Filename : checkotp.php
back
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title> | Validate OTP</title>

    <script src="../../global/js/site.js<?php echo '?' . mt_rand(); ?>"></script>

    <!-- Google Font: Source Sans Pro -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css">
    <!-- icheck bootstrap -->
    <link rel="stylesheet" href="plugins/icheck-bootstrap/icheck-bootstrap.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="dist/css/adminlte.min.css">

    <link rel="stylesheet" href="global/css/styles.css">
</head>

<body class="hold-transition register-page">
    <div class="register-box">
        <!-- /.login-logo -->
        <div class="card" style="background:none;">
            <div class="card-body register-card-body">
                <div class="register-logo">
                    <a href="<?php echo base_url(); ?>"><img src="global/image/Al-Yahsan-logo1.png" width="100%"></a>
                </div>


                <form action="#" method="post">

                    <input type="hidden" class="form-control" name="mobile" onkeypress="handleMobileInput(event)" value="<?php echo isset($_GET['mobile']) ? $_GET['mobile'] : ''; ?>">
                    <div class="input-group mb-3">
                        <input type="text" class="form-control" readonly name="otp_view" value="<?php echo isset($_GET['otp']) ? $_GET['otp'] : ''; ?>">
                    </div>
                    <span>Enter the number shown above:</span>
                    <div class="input-group mb-3">
                        <input type="number" class="form-control" style="background:#fff;" name="otp" placeholder="<?php echo lang('Auth.enter_otp'); ?>"
                            onkeypress="handles(event)">
                        <div class="input-group-append">
                            <div class="input-group-text">
                                <span class="fas fa-mobile"></span>
                            </div>
                        </div>
                        <span class="error-div otp-error"></span>
                    </div>

                    <div class="col-6">
                        <button type="button" class="btn btn-primary btn-block submitotp"><?php echo lang('Auth.verify_otp'); ?></button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- jQuery -->
    <script src="plugins/jquery/jquery.min.js"></script>
    <!-- Bootstrap 4 -->
    <script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
    <!-- AdminLTE App -->
    <script src="dist/js/adminlte.min.js"></script>



    <script>
        function handles(e) {
            if (e.keyCode === 13) {
                e.preventDefault();

                $(".submitotp").trigger("click");
            }
        }
        $(document).on("click", ".submitotp", function(d1) {
            $(".error-div").html("");
            mobile = $("input[name=mobile]").val();
            otp = $("input[name=otp]").val();
            qurbaniId = sessionStorage.getItem("qurbani_id");
            matrimonial = sessionStorage.getItem("matrimonial");
            category_id = sessionStorage.getItem("category_id");

            data = {
                "otp": otp,
                "mobile": mobile,
                "deviceid": "<?php echo $deviceid; ?>"
            };
            $.ajax({
                url: "<?php echo api_url(); ?>verifyOtp",
                method: "POST",
                dataType: "json",
                data: data,
                success: function(data) {
                    if (data.success === 'true' || data.success === true) {
                        if (data.response.token) {
                            setCookie("q_app_token", data.response.token, 30);
                            sessionStorage.setItem("jwt_token", data.response.token);
                            //   if (qurbaniId) {
                            //       window.location.href = "<?php echo base_url('createQurbaniQaibByUser'); ?>/" + qurbaniId;
                            //   } else if (matrimonial) {
                            //       window.location.href = "<?php echo base_url(); ?>/matrimony";
                            //   } else {
                            //       window.location.href = "<?php echo base_url(); ?>/charity";
                            //   }
                            if (qurbaniId) {
                                window.location.href = "<?php echo base_url('createQurbaniQaibByUser'); ?>/" + qurbaniId;
                            } else if (matrimonial) {
                                window.location.href = "<?php echo base_url(); ?>/matrimony";
                            } else {
                                // New redirect based on category_id
                                if (category_id == 1) {
                                    window.location.href = "<?php echo base_url(); ?>/createQurbani";
                                } else if (category_id == 2) {
                                    window.location.href = "<?php echo base_url(); ?>/matrimony";
                                } else if (category_id == 3) {
                                    window.location.href = "<?php echo base_url(); ?>/charity";
                                } else {
                                    window.location.href = "<?php echo base_url(); ?>"; // fallback
                                }
                            }
                        }
                    } else {
                        if (data.message) {
                            $(".otp-error").html(data.message);
                        } else {
                            $(".otp-error").html("Verification failed. Please try again.");
                        }
                    }
                },
                error: function(xhRequest, ErrorText, thrownError) {
                    response = jQuery.parseJSON(xhRequest.responseText);
                    $.each(response.messages, function(id, val) {
                        $("." + id + "-error").html(val);
                    });
                }
            });
        });

        $(document).ready(function() {
            var urlQurbaniId = new URLSearchParams(window.location.search).get("qurbani_id");
            var sessionQurbaniId = sessionStorage.getItem("qurbani_id");

            var qurbaniId = urlQurbaniId || sessionQurbaniId;
            if (qurbaniId) {
                sessionStorage.setItem("qurbani_id", qurbaniId);
            }
        });

        $(document).ready(function() {
            var matrimonial = sessionStorage.getItem("matrimonial");

            var matrimonial = matrimonial;
            if (matrimonial) {
                sessionStorage.setItem("matrimonial", matrimonial);
            }
        });
    </script>
    <script>
        $(document).ready(function() {
            // Get the mobile number from URL parameter on page load
            var mobileNumber = $('input[name="mobile"]').val().trim();

            // If there's a mobile number in the URL, fetch the OTP immediately
            if (mobileNumber) {
                fetchOTP(mobileNumber);
            }

            // Function to fetch OTP
            function fetchOTP(mobileNumber) {
                $.ajax({
                    url: "<?php echo api_url(); ?>get_otp",
                    type: 'POST',
                    data: {
                        mobile: mobileNumber
                    },
                    dataType: 'json',
                    success: function(response) {
                        if (response.success) {
                            $('input[name="otp_view"]').val(response.data.otp);
                        } else {
                            $('input[name="otp_view"]').val('');
                            $('.mobile-error').text(response.message || 'OTP not found');
                        }
                    },
                    error: function() {
                        $('input[name="otp_view"]').val('');
                        $('.mobile-error').text('Error connecting to server');
                    }
                });
            }
        });
    </script>


</body>

</html>