{{> local_signin/header }}
<div class="login-left-sec lengthcheck">
  <h3>Start Learning! <p class="go_back_btn start_login_page">Don't have an account? <a href="index_signup.php">Sign up</a></p></h3>
  <div class="form-sec">
    <form name="signin" method="post" id="signin_form" action="signin_get_otp.php" >
          <div class="form-inner-sec">
            <div class="col active_pareent">
            <div class="phone-col">
              <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">
                <p>Or </p>
              </div>
              <div class="col">
              <span for='email'>Email</span>
		          <input id="emailid" type="text" name="email" class="form-control" placeholder="Enter you email ID">
            </div>
            <div class="error-msg" id="error-msg">
            </div>
            <div class="col 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="border-sec border-sec-pass">
                <p>OR </p><span> </span>
              </div>
            <div class="login_password">
              <a href="{{{ config.wwwroot }}}/login/index.php?pass=1" class="btn btn-primary">Login with email & password </a>
            </div>
            <div class="left-sec-content">
              <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;
      }
    });

    $("#signin_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();
        var email = $('#emailid').val();
        if(phone_val.length == 0 && email.length == 0){
          document.getElementById("error-msg").innerHTML = '<img src="img/error_icon.svg" alt="error"><label class="errors" name="error">Please enter a valid mobile number or email address.</label>';
            return;
        }else if(phone_val.length > 0){
          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;
          }

        }else if(email.length > 0){
          if (validateEmail(email)) {
            console.log('Validation');
          // $('.active_pareent').wrapAll('<div class="active_otpflow"></div>');
          }else {
              document.getElementById("error-msg").innerHTML = '<img src="img/error_icon.svg" alt="error"><label class="errors" name="error">Please enter the email address in the correct format.</label>';
              return;
          }
        }
        
        
        
        var eventValue = {
            'Source': 'VLearn',
            'UID': phone,
            'appuid':phone,
            'Latitude': '',
            'Latitude': '',
            'City': '',
            'State': '',
            'Country': '',
            'UserEmail':'',
            'MobileNumber': phone,
            'LatestProgramName': '',
            'Latest Course Name':'',
            'UserAccesstype': '',
        };
        if(phone){
          upshot.createEventByName('SIGN_Mobile_Number_Entered', eventValue, false);
          upshot.createEvent('UpshotEventPageView', 'SIGNUP_Mobile_Number_Entered');
          upshot.getActivity('UpshotActivityTypeAny', 'SIGNUP_Mobile_Number_Entered');
        }else if(email){
          upshot.createEventByName('SIGNIN_Email_Entered', eventValue, false);
          upshot.createEvent('UpshotEventPageView', 'SIGNIN_Email_Entered');
          upshot.getActivity('UpshotActivityTypeAny', 'SIGNIN_Email_Entered');
        }
        

        $.ajax({
           type: "POST",
           url: url,
           data: form.serialize(), // serializes the form's elements.
           success: function(result)
           {
            //  alert(result);
            //  console.log(result);
             var obj = JSON.parse(result);
             if(obj.exiting_user == 0){
              document.getElementById("error-msg").innerHTML = '<img src="img/error_icon.svg" alt="error"><label class="errors" name="error">'+obj.msg+'</label>';
                // alert("error");
             }else{
               var url = "signin_otp_view.php?id="+obj.id;
               window.location.href = url;
                // alert(result);
                // console.log("existing user");
             }
             
           }
         });


    })
</script>