{{> local_signin/header }}
<div class="login-left-sec lengthcheck">
  <h3>Start Learning! <p class="go_back_btn start_login_page">Use email or phone to <a href="index.php">Log in</a></p></h3>
  <div class="form-sec">
      <form name="signin" method="post" id="signup_form" action="signup_get_otp.php" >
          <div class="form-inner-sec">
            <div class="col active_pareent">
            <div class="phone-col-60">
              <span for='phone'>Mobile number</span>
              <input type="text" name="phone" id="phoneNumber" maxlength="10" class="form-control" placeholder="Enter you mobile number">
              <input type="hidden" name="utm_source" id="utm_source" value="{{utm_source}}">
              <input type="hidden" name="utm_medium" id="utm_medium" value="{{utm_medium}}">
              <input type="hidden" name="utm_campaign" id="utm_campaign" value="{{utm_campaign}}">
              </div>
              
            <div class="border-sec display-none-sec">
              <p>Or </p>
            </div>
            <div class="col display-none-sec">
              <span for='email'>Email</span>
		          <input id="emailid" type="text" name="email" class="form-control" placeholder="Enter you email ID">
            </div>
            <div class="col right-btn margin-bottom-25">
              <a class="btn-parent">
                <button type="submit" id="send_otp_upshot" class="btn btn-primary mb-2">Send OTP</button>
              </a>
            </div>
            
            <div class="left-sec-content">
              <div class="error-msg" id="error-msg">
              </div>
              <p>Your personal data will be used to support your experience throughout this website, to manage access to your account, and for other purposes described in our  
                  <a href="https://herovired.com/privacy-tc/" target="_blank">privacy policy</a>.</p>
            </div>
          </div>
      </form>
  </div>
</div>
</div>

{{> local_signin/slider}}
{{> local_signin/footer}}

<script>
    document.getElementById("phoneNumber").addEventListener("keyup", function (ev) {
      if (ev.target.value.length != 0) {
        emailid.disabled = true;
      } else {
        emailid.disabled = false;
      }
    });
    document.getElementById("emailid").addEventListener("keyup", function (ev) {
      if (ev.target.value.length != 0) {
        phoneNumber.disabled = true;
      } else {
        phoneNumber.disabled = false;
      }
    });


    $("#signup_form").submit(function(e) {
        e.preventDefault(); // avoid to execute the actual submit of the form.
        var form = $(this);
        var url = form.attr('action');
        var phone_val = $('#phoneNumber').val();
        if (validatePhone(phone_val) ) {
            var phone_temp = phone_val;
            var phone ="+91"+phone_temp.substr(phone_temp.length - 10);
          }else{
              document.getElementById("error-msg").innerHTML = '<img src="img/error_icon.svg" alt="error"><label class="errors" name="error">Please enter the phone number in the correct format.</label>';
                return;
          }
        // if (phone_val) {
        //     var phone_temp = phone_val;
        //     var phone ="+91"+phone_temp.substr(phone_temp.length - 10);
        // }
        var eventValue = {
            'Source': 'VLearn',
            'UID': phone,
            'appuid':phone,
            'Latitude': '',
            'Latitude': '',
            'City': '',
            'State': '',
            'Country': '',
            'UserEmail':'',
            'MobileNumber': phone,
            'LatestProgramName': '',
            'Latest Course Name':'',
            'UserAccesstype': '',
        };
        upshot.createEventByName('SIGNUP_Mobile_Number_Entered', eventValue, false);
        upshot.createEvent('UpshotEventPageView', 'SIGNUP_Mobile_Number_Entered');
        upshot.getActivity('UpshotActivityTypeAny', 'SIGNUP_Mobile_Number_Entered');
        $.ajax({
           type: "POST",
           url: url,
           data: form.serialize(), // serializes the form's elements.
           success: function(result)
           {
            //  console.log(result);
             if(result == 0){
              document.getElementById("error-msg").innerHTML = '<img src="img/error_icon.svg" alt="error"><label class="errors" name="error">User does not exist. Please try Signing Up with <a href = "index_signup.php"> Mobile no. </a></label>';
                // alert("error");
             }else{
               var url = "signin_otp_view.php?id="+result;
               window.location.href = url;
                // alert(result);
                // console.log("existing user");
             }
             
           }
         });


    })

</script>