Help Center

Chat Message

Select friend or group of friends to send Message:

Message

</div>
                </div>
                            
                <div class="row p-0 m-0"> 
                   <div class="d-flex justify-content-end pe-0">           
                     <button type="button" class="btn btn-custom " id="share_message_send"> <i class="fas fa-paper-plane text-black"></i> Send Post</button>  
                   </div> 
                </div>                     
            </div>
                          
            
        </div>
      </div>
    </div>
  </div>

<div class="modal modal-custom" id="share_email_modal" tabindex="-1" aria-labelledby="inviteLinkModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-md">
        <div class="modal-content modal-content-custom light-grey_border">
            <div class="modal-body share-modal-min-height">
                
                <div class="row">
                    <div class="col-11 d-flex justify-content-center">
                        <div class=" text-yellow font-20 ps-5"> Send Email</div>
                    </div>
                    <div class="col-1 d-flex justify-content-end">
                        <button type="button" class="btn-close col-md-1 col-1 ps-5 pt-3 " data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                </div>
                
                <div class="row p-4">       
                    <input type="hidden" id="share_email_id" name="share_email_id" value="">   
                    <input type="hidden" id="share_email_type" name="share_email_type" value="">   
                  
                    <div class="item_preview"> </div>  
                    
                    <div class="row mt-3 ps-2">
                        <label> Insert e-mail to send this wish: </label>  
                    </div>
                    <div class="input-group mb-3 light-grey-border p-0">
                        <input type="email" class="form-control border-0" data-role="tagsinput" id="multiple_email" />
                        
                    </div>  
                    <div class="row mb-3 p-0 m-0">
                        <div class="col-12 p-0">
                            <label for="shareArea" class="form-label row" style="margin-left: 0px;"> Message</label>
                            <textarea id="email_share_message" class="form-control me-3 light-grey-border" rows="6"> 
                        </div>
                    </div>  
       
                    <div class="row mb-3 p-0 m-0">
                        <div class="d-flex justify-content-end pe-0">
                            <button type="button" class="btn btn-custom" id="multiple_email_send">  <i class="fas fa-envelope text-black"></i> Send Post </button>                       </div>
                   </div>
      
                            
                </div>
                
            </div>
        </div>
    </div>
</div>

<div class="modal modal-custom" id="share_sms_modal" tabindex="-1" aria-labelledby="inviteLinkModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-md">
      <div class="modal-content modal-content-custom light-grey_border">
        <div class="modal-body share-modal-min-height">
            
            
            <div class="row">
                <div class="col-11 d-flex justify-content-center">
                    <div class=" text-yellow font-20 ps-5"> Send SMS</div>
                </div>
                <div class="col-1 d-flex justify-content-end">
                    <button type="button" class="btn-close col-md-1 col-1 ps-5 pt-3 " data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
            </div>
           
            
            <div class="row p-4">
                <input type="hidden" id="share_sms_id" name="share_sms_id" value="">
                <input type="hidden" id="share_sms_type" name="share_sms_type" value="">
                
                <div class="item_preview"> </div>
                
                <div class="row mt-3 ps-2">
                    <label> Insert mobile numbers to send this wish (10 digits each number): </label>
                </div>  
                
                <div class="input-group mb-3 light-grey-border p-0">
                    <span class="input-group-text border-0">+1</span>
                    <input type="text" class="form-control border-0" data-role="tagsinput" id="multiple_sms_numbers" />
                    
                </div>        
                            
                <div class="row mb-3 p-0 m-0">
                    <div class="col-12 p-0">
                        <label for="shareArea" class="form-label row" style="margin-left: 0px;"> Message</label>
                        <textarea id="sms_share_message" class="form-control me-3 light-grey-border" rows="6" maxlength="150"> 
                    </div>
                </div>
                            
                <div class="row mb-3 p-0 m-0">
                   <div class="d-flex justify-content-end pe-0">      
                       <button type="button" class="btn btn-custom" id="multiple_sms_send"> <i class="fas fa-sms text-black"></i> Send Post</button>
                   </div>
                </div>      
                                                                            
            </div>
           
        </div>
      </div>
    </div>
  </div>
  
<script>
    var share_item_link = "https://epikwish.com/en/item/&tid=";
    //var share_folder_link = "https://epikwish.com/en/folder/&tid=&fid=";
    //var share_category_link = "https://epikwish.com/en/folder/&tid=&cid=";
    var share_category_link = "https://epikwish.com/en/profile//&cid=";
      
    $( ".share_message_modal" ).on( "click", function() {
        $('#share_message_modal').modal('show');
        
        var id_string = $(this).attr("id");
        var split_string = id_string.split("_");
        var id = split_string[2];
        var type = split_string[0];
        $("#share_message_id").val(id);
        $("#share_message_type").val(type); //type-> item,folder,category
        
        if( type == "item"){
            item_preview(id);
        }else{
            $(".item_preview").html("");
        }
    });

$( ".share_email_modal" ).on( "click", function() {
        $('#share_email_modal').modal('show');
        
        var id_string = $(this).attr("id");
        var split_string = id_string.split("_");
        var id = split_string[2];
        var type = split_string[0];
        $("#share_email_id").val(id);
        $("#share_email_type").val(type); //type-> item,folder,category
        
        if( type == "item"){
            item_preview(id);
        }else{
            $(".item_preview").html("");
        }
    });

$( ".share_sms_modal" ).on( "click", function() {
        $('#share_sms_modal').modal('show');
        
        var id_string = $(this).attr("id");
        var split_string = id_string.split("_");
        var id = split_string[2];
        var type = split_string[0];
        $("#share_sms_id").val(id);
        $("#share_sms_type").val(type); //type-> item,folder,category
        
        if( type == "item"){
            item_preview(id);
        }else{
            $(".item_preview").html("");
        }
    });
    
    $( ".copy_link" ).on( "click", function() { 
        var id_string = $(this).attr("id");
        var split_string = id_string.split("_");
        var id = split_string[2];
        var type = split_string[0];
        var url = getShareUrl(type,id);

navigator.clipboard.writeText(url);
    });
    
    
    function getShareUrl(type,id) {
        if( type == "item"){
            link = share_item_link+id;
        }else if( type == "folder"){
            link = share_folder_link;
        }else if( type == "category"){
            link = share_category_link;
        }else if( type == "invitation"){
            user_id = $("#profile_user_id").val();
            link = "https://epikwish.com/en/shareAccount/share/&tid="+user_id;
        }
        
        return link;
    }

</script>

<script>
    $(document).ready(function() {
         /////// search user input //////////
        /*$("#select_user_for_share_item").select2({
            dropdownParent: $("#share_message_modal")
        });*/
        $("#select_user_for_share").select2({
            dropdownParent: $("#share_message_modal")
        });
    
    });
    
     $( "#share_message_send" ).on( "click", function() {
         var user_for_message_id = $("#select_user_for_share option:selected").attr("id")
         if(user_for_message_id != "user_default_value"){
             var split_user_id = user_for_message_id.split("_");   
             var user_id = split_user_id[1];
             var user_type = split_user_id[0];
             
             var share_id = $("#share_message_id").val();
             var share_type = $("#share_message_type").val(); //type-> item,folder,category
             
             var url = getShareUrl(share_type ,share_id );
             var chat_message = $('#share_chat_message').val();
             var href = "<a href="+url+">"+url+"</a>";
         
             var htmlFormatedText = href+ "  " + chat_message;
         
              $.post(
                "https://epikwish.com/en/ajax/submitMessage/",
                { userID: user_id , userType: user_type , messageText: htmlFormatedText},
                function(data) {
                   $('#share_message_modal').modal('toggle');
               });
         
         }else{
            alert("Please select user");                           
         }
    });
    
    /*
    $( "#share_group_message_send" ).on( "click", function() {
         var group_for_message_id = $("#select_group_for_share option:selected").val();
        
        var share_id = $("#share_message_id").val();
        var share_type = $("#share_message_type").val(); //type-> item,folder,category
        
         var url = getShareUrl(share_type ,share_id );
         var chat_message = $('#share_chat_message').val();
         var href = "<a href="+url+">"+url+"</a>";
         
         var htmlFormatedText = href + "  " + chat_message;
         
         $.post(
             "https://epikwish.com/en/ajax/chatMessageByGroup/",
             { groupID: group_for_message_id ,messageText: htmlFormatedText},
             function(data) {
                 $('#share_message_modal').modal('toggle');
         });
       
    }); */
      
</script>
                                 
                                 
                                 

<script>
    $( document ).ready(function() {
        $(".bootstrap-tagsinput").addClass("form-control");
        $(".bootstrap-tagsinput").addClass("border-0");
    });
    
    
    $('#multiple_sms_numbers').on('beforeItemAdd', function(event) {
        
        var len = event.item.length;
        var number = event.item;

if( len == 10 && !isNaN(number) ){
           return event.item;
       }else{
            event.cancel = true;
       }
    });
         
    
    $( "#multiple_sms_send" ).on( "click", function() {
        
        var share_id = $("#share_sms_id").val();
        var share_type = $("#share_sms_type").val(); //type-> item,folder,category
        
        var url = getShareUrl(share_type ,share_id );
        var message = $('#sms_share_message').val();
        var numbers = $("#multiple_sms_numbers").tagsinput('items');
         
        $.post(
            "https://epikwish.com/en/ajax/sendSMS_multipleNumbers/",
            { number: numbers, url: url, message: message },
            function(data) {
                $('#share_sms_modal').modal('toggle');
                $('#sms_share_message').val('');
                $('#multiple_sms_numbers').val('');
       });
        
    });
    
</script>                                                      

                                 
                                                             

<script>
    $( "#multiple_email_send" ).on( "click", function() {
        //console.log("test email");
        var share_id = $("#share_email_id").val();
        var share_type = $("#share_email_type").val(); //type-> item,folder,category
        
        var url = getShareUrl(share_type ,share_id );
        //console.log(url);
        var message = $('#email_share_message').val();
        var emails_array = $("#multiple_email").tagsinput('items');
         
        $.post(
            "https://epikwish.com/en/ajax/multiple_emails/",
            { emails: emails_array, itemUrl: url, itemMessage: message },
            function(data) {
                $('#share_email_modal').modal('toggle');
                $('#email_share_message').val('');
                $('#multiple_email').val('');
       });
    });
</script>

<div class="modal modal-custom fade" id="loginModal" tabindex="-1" aria-labelledby="loginModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered ">
        <div class="modal-content modal-content-custom modalMobile light-grey-border modal-min-width" style="min-height: 640px;">
            <div class="modal-body modalMobileCss p-0">
                
                <div class="fit-content" style="position: absolute;right: 5px;top: 5px;">
                    <button type="button" class="btn-close p-3 " data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                
               
                <div class="col-xl-12 row h-100" style="--bs-gutter-x: 0rem;">
               
                    
                    <div class="container justify-content-center col-10">
                   
                        <div class="row center pt-3">
                            <img src="https://epikwish.com/files/images/header-logo-2.png" style="max-width: 120px">
                        </div>
                  
                    <div class="row pad-top-20 pt-2" style="padding-top: 10px;">
                        <div class="col-md-12 text-yellow center" style="font-size: 25px;">
                            <b> Welcome Back </b>
                        </div>
                    </div>
                        
                    <div class="row">
                        <div class="col-md-12 center" style="font-size: 18px; color: red;" id="loginModalError">
                            
                        </div>
                    </div>
                        
                    <div class="col-md-12">
                        
                            <form action="https://epikwish.com/en/user/login/&prev=" method="post" id="modalLogin" name="essence">
                                
                                <div class="form-group ">
                                    <label for="u_Email" class=""> Email address</label>
                                    <input type="email" class="form-control form-control light-grey-border" id="u_Email" name="username" placeholder="name@example.com">
                                </div>
                                <div class="form-group pad-top-20">
                                    <div class="row">
                                        <label for="u_Password" class="col-4"> Password</label>
                                        <div class="col-8 d-flex justify-content-end">
                                        
                                        <a class="ps-3 forgot-password-hov hov-yellow justify-content-end forgorPasswordOpenModal"> Forgot password?</a>
                                        </div>
                                   </div>
                                    <div class="input-group light-grey-border" id="pass_group">
                                        <input type="password" class="form-control border-0" id="u_Password_login" name="password" placeholder="Password">
                                        <span class="input-group-text border-0" onclick="password_show_hide('_login');">
                                            <i class="fas fa-eye" id="show_eye_login"></i>
                                            <i class="fas fa-eye-slash d-none" id="hide_eye_login"></i>
                                        </span>
                                    </div>
                                   
                                </div>
                               
                                <div class="form-group pt-3">
                                     
                                    
                                    <button type="submit" id="loginModalSubmitButton" class="btn btn-custom button-color w-100" style="line-height: 40%"> LOGIN<i class="fas fa-angle-right"></i></button>
                                  
                               </div>
                                
                                <div class="row pad-top-20">
                                   
                                    <div class="col" style="display: flex; align-items: center; ">
                                       <span class="ps-2"> Don’t have an account?  </span>       
                                       
                                        <a class="ps-3 text-decoration-underline hov-yellow loginToSignup" style="vertical-align: middle;"> Sign Up</a>
                                    </div>
                                </div>
                                
                                
                                <div class="row ">
                                    <div class="row col-md-12 text-center pad-top-20 m-0 ">
                                        <div class="col-md-12 bold social-login-line">
                                            <span> Or login with </span>
                                        </div>
                                    </div>
                                    <div class="row col-md-12 text-center pad-top-20 m-0">
                                        <div class="col-md-3 col-0"></div>
                                        <div class="col-md-3 col-6">
                                            
                                            
                                            <button type="button" class="custom-login-btn hov-yellow gp_customBtn_modal" onclick="handleAuthClickLogin()">
                                                <div class="social-login-button p-2 light-grey-border"> <img src="/files/images/google_logo.png" alt="" width="35"> </div>
                                                <div class="col-md-12 pt-2 social-login-color"> Google</div>
                                            </button>
                                        </div>
                                        <div class="col-md-3 col-6 d-flex justify-content-center">
                                            <button type="button" class="custom-login-btn hov-yellow fb_login_btn_modal" id="fb_login_btn">
                                                <div class="social-login-button w-75 p-2 ms-2 light-grey-border"> <img src="/files/images/facebook_logo.png" alt="" width="35"> </div>
                                                <div class="col-md-12 pt-2 social-login-color"> Facebook</div>
                                            </button>
                                        </div>
                                        <div class="col-md-3 col-0"></div>
                                    </div>
                                 </div>
                                
                                
                            </form>
                       
                    </div>
                    
                      
                    
                    <div class="row pad-top-30" style=" position: absolute; bottom: 2%;">
                        <div class="row center m-0 ps-0">
                            <div class="fit-content">
                                Copyright 2022 Epik Wish
                            </div>
                            <div class="fit-content">
                                <a class="hov-yellow fit-content" href="https://epikwish.com/en/content/Terms-of-Use.31/"> Privacy Policy</a>  -
                                <a class="hov-yellow fit-content" href="https://epikwish.com/en/content/Privacy-Policy.30/"> Term of Use </a>
                            </div>
                        </div>
                    </div>
                        
                        
                </div>
                
                
               
            </div>
                
                
                
                
                
            </div>
        </div>
    </div>
</div>

<div class="col-xl-12 row ps-5 pe-5" style="--bs-gutter-x: 0rem;">
                
                    <div class="col-lg-6 col-md-12 center">
                        <div>
                        <div class="row center pt-3">
                            <img src="https://epikwish.com/files/images/header-logo-2.png" style="max-width: 120px">
                        </div>
                      
                        <div class="row pt-2">
                            <div class="col-md-12 text-yellow center" style="font-size: 25px;">
                                <b> BECOME A MEMBER </b>
                            </div>
                        </div> 
                        </div>
                    </div>
                    
                    <div class="col-lg-6 col-md-12">
                         <div class="col text-center">
                            <img id="previewImg_signup" class="profile-pic" src="https://epikwish.com/files/images/user-default-photo-zoomout.png" style="border-width: 3px !important;">
                        </div>
                    </div>
                
                    
                       
                        
                        
                    <div class="col-md-12">
                        
                        <div class="col">
                            <form action="https://epikwish.com/en/user/newpost/" method="post" id="signup_form" name="signup_form" enctype="multipart/form-data">
                                
                                <div class="row center mt-3" >
                                    <div class="fit-content" id="signup_form_errors" style="color: red; font-size: 24px;">
                                        
                                    </div>
                                
                                </div>
                                
                                <div class="row">
                                    <div class=" col-6">
                                        <label for="u_First_Name" class=""> First Name</label>
                                        <input type="text" class="form-control form-control light-grey-border" id="u_First_Name" name="u_First_Name" >
                                    </div>
                                    <div class=" col-6">
                                        <label for="u_Last_Name" class=""> Last Name</label>
                                        <input type="text" class="form-control form-control light-grey-border" id="u_Last_Name" name="u_Last_Name">
                                    </div>
                                </div>
                                
                                <div class="form-group pad-top-20">
                                    <label for="u_Email" class=""> Email address</label>
                                    <input type="email" class="form-control form-control light-grey-border" id="u_Email" name="u_Email" >
                                </div>
                                
                                
                                <div class="form-group pad-top-20">
                                    <label for="u_Password" class=""> Password</label>
                                    <div class="input-group light-grey-border" id="pass_group_signup">
                                        <input type="password" class="form-control pr-password border-0" id="u_Password_signup" name="u_Password">
                                        <span class="input-group-text border-0" onclick="password_show_hide('_signup');">
                                            <i class="fas fa-eye" id="show_eye_signup"></i>
                                            <i class="fas fa-eye-slash d-none" id="hide_eye_signup"></i>
                                        </span>
                                    </div>
                                </div>
                                
                                <div class="form-group pad-top-20">
                                    <label for="u_Birthday" class=""> Birthdate</label>
                                    <input type="date" class="form-control form-control light-grey-border" id="u_Birthday" name="u_Birthday">
                                </div>
                                <div class="form-group pad-top-20 d-none">
                                    <label for="u_ImageFile" class=""> Image</label>
                                    <input type="file" class="form-control form-control" id="u_ImageFile" name="u_FL_ProfilePhoto" accept="image/jpg,image/jpeg,image/png,image/gif" onchange="previewFileFromModal(this);">
                                </div>
                                
                                <div class="row pad-top-20 text-center ps-0 pe-0">
                                    <div id="reCaptcha_widget" class="g-recaptcha" data-sitekey="6Lcc16sbAAAAALj0T2L5YnjeZOgv_dtDWl7rHPsR"></div>
                                </div>
                                
                                
                            </form>
                        </div>
                    </div>
                        
                        
                        
                       
                    
                    
                        <div class="row pad-top-20 ps-0 pe-0">
                            <div class="fit-content">
                                
                                <button type="submit" id="submit_signup_modal_form" class="btn btn-custom button-color no-wrap"> SIGNUP <i class="fas fa-angle-right"></i></button>
                            </div>
                            <div class="col p-0 no-wrap" style="display: flex; align-items: center; ">
                                Already a member?       
                                
                                <a class="ps-3 text-decoration-underline hov-yellow signupToLogin" style="vertical-align: middle;"> Login now</a>
                                
                                
                            </div>
                        </div>
                        
                        
                        
                        
                        <div class="row pad-top-20 ps-0 pe-0">
                            <div class="row col-md-12 text-center  m-0">
                                <div class="col-md-12 bold social-login-line">
                                    <span>Or Sign up with </span>
                                </div>
                            </div>
                            <div class="row col-md-12 text-center pad-top-20 m-0">
                                <div class="col-md-3 col-0"></div>
                                <div class="col-md-3 col-6">
                                    
                                    <button type="button" class="custom-login-btn hov-yellow gp_customBtn_modal" onclick="handleAuthClickLogin()">
                                        <div class="social-login-button p-2 light-grey-border"> <img src="/files/images/google_logo.png" alt="" width="35"> </div>
                                        <div class="col-md-12 pt-2 social-login-color"> Google</div>
                                    </button>
                                </div>
                                <div class="col-md-3 col-6 d-flex justify-content-center">
                                    <button type="button" class="custom-login-btn hov-yellow fb_login_btn_modal" id="fb_login_btn_signupModal">
                                        <div class="social-login-button w-75 p-2 ms-2 light-grey-border"> <img src="/files/images/facebook_logo.png" alt="" width="35"> </div>
                                        <div class="col-md-12 pt-2 social-login-color"> Facebook</div>
                                    </button>
                                </div>
                                <div class="col-md-3 col-0"></div>
                            </div>
                        </div>
                                    
                        
                        
                        
                        
                        
                        
                        
                        
                        
                    <div class="row pad-top-30" style="margin-top: 1%; margin-bottom: 20px;">
                        <div class="row ps-0 m-0 center">
                            <div class="fit-content">
                                Copyright 2022 Epik Wish
                            </div>
                            <div class="fit-content ps-0 pe-0">
                                <a class="hov-yellow" href="https://epikwish.com/en/content/Terms-of-Use.31/"> Privacy Policy</a>  -
                                <a class="hov-yellow" href="https://epikwish.com/en/content/Privacy-Policy.30/"> Term of Use </a>
                            </div>
                        </div>
                    </div>
                       
                </div>
               
                
            </div>

</div>
        </div>
    </div>
</div>

// max date validation   
     $.validator.addMethod("maxDate", function (value, element) {
         var max = new Date(enddate);
         var inputDate = new Date(value);
         if (inputDate > max)
             return false;
         return true;
     }, "Minimum Age 16 Years");
    
 $( document ).ready( function () {
    
     //password creteria dialog
     var options = { // password options
                numCharacters: 8,
                useLowercase: true,
                useUppercase: true,
                useNumbers: true,
                useSpecial: false,
                infoMessage: '<b>The minimum password length is 8 characters and must contain at least 1 lowercase letter, 1 capital letter and 1 number. <br><br>Special characters (! ,@ etc.) not allowed. </b>'           
     };
     $(".pr-password").passwordRequirements(options);

$( "#signup_form" ).validate( {
                rules: {
                    u_First_Name: {
                        required: true,
                        minlength: 2,
                        maxlength: 16
                    },
                    u_Last_Name: {
                        required: true,
                        minlength: 2,
                        maxlength: 16
                    },
                    u_Email: {
                        required: true,
                        email: true
                    },
                    u_Password: {
                        required: true,
                        special_char_check: true,
                        pwcheck: true,
                        minlength: 8
                    },
                    u_Birthday: {
                        required: true,
                        minDate: true,
                        maxDate: true
                    }
                },
                messages: {
                    u_First_Name: {
                        required: "Please enter your firstname",
                        minlength: "Your firstname must be at least 2 characters long",
                        maxlength: "Max 16 characters"
                    },
                    u_Last_Name: {
                        required: "Please enter your lastname",
                        minlength: "Your lastname must be at least 2 characters long",
                        maxlength: "Max 16 characters"
                    },
                    u_Email: "Please enter a valid email address",
                    u_Password: {
                        required: "Please provide a password",
                        pwcheck: "The password does not meet the criteria!",
                        minlength: "Your password must be at least 8 characters long"
                    },
                    u_Birthday: {
                        required: "Please select the date of your birth",
                    }
                },
                errorElement: "em",
                errorPlacement: function ( error, element ) {
                    error.addClass( "help-block" );

if ( element.prop( "type" ) === "checkbox" ) {
                        error.insertAfter( element.parent( "label" ) );
                    } else if(element.attr('id') === "u_Password_signup"){
                        error.insertAfter( $("#pass_group_signup") );
                    } else {
                        error.insertAfter( element );
                    }
                },
                highlight: function ( element, errorClass, validClass ) {
                    $( element ).parents( ".col-sm-5" ).addClass( "has-error" ).removeClass( "has-success" );
                },
                unhighlight: function (element, errorClass, validClass) {
                    $( element ).parents( ".col-sm-5" ).addClass( "has-success" ).removeClass( "has-error" );
                }
            } );

} );
        
        
</script>

// Load the SDK asynchronously
  (function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));

// Here we run a very simple test of the Graph API after login is
  // successful.  See statusChangeCallback() for when this call is made.
  function testAPI(access_token) {
    var fields = [
        'id',
        'name',
        'first_name',
        'middle_name',
        'last_name',
        'gender',
        'birthday',
        'email',
        'picture.width(400).height(400)',
    ].join(',');
      
    FB.api('/me', {fields: fields}, function(response) {  
       
        var image_url = response.picture.data.url;
        
        if (typeof response.email === 'undefined' || response.email == "") {
            alert('Facebook connection error. Please make sure your email is public in the privacy settings of your facebook account. We are sorry for the inconvenience.');
        }
        else {
            $.post(
                "/en/ajax_socialLogin/&modonly=1",
                {
                    first_name: ""+response.first_name,
                    last_name: ""+response.last_name,
                    middle_name: ""+response.middle_name,
                    email: ""+response.email,
                    birthday: ""+response.birthday,
                    profileImage: image_url,
                    provider: "fb",
                    access_token: ""+access_token
                },
                function(result){
                    window.location = "/en/user/dashboard/";
                }
            );
        }
    });
  }      
  
  $(window).on('load',function(){
      $('.fb_login_btn_modal').on('click', function(){
        FB.login(function(response){
           testAPI(response.authResponse.accessToken);
        }, {scope: 'email'});
      });  
  });
 </script>


<script src="https://accounts.google.com/gsi/client" async defer onload="gisLoaded()"></script>

img_url = data.picture.replace('=s96-c','');
                firstname = data.given_name; //fisrtname
                lastname = data.family_name; //lastname
                email = data.email; //email
            
            
                //console.log("firstname:"+firstname); //fisrtname
                //console.log("lastname:"+lastname); //lastname
                //console.log("email"+email); //email
                //console.log("iage url"+img_url); //pic
            
                $.post(
                    "/en/ajax_socialLogin/&modonly=1",
                    {
                       first_name: ""+firstname,
                       last_name: ""+lastname,
                       middle_name: "",
                       email: ""+email,
                       profileImage: ""+img_url,
                       provider: "gplus",
                       access_token: ""+token
                     },
                    function(result){
                        window.location = "/en/user/dashboard/";
                    }
                );
            }
        </script>
<div class="modal modal-custom fade" id="forgotPasswordModal" tabindex="-1" aria-labelledby="forgotPasswordModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered ">
        <div class="modal-content modal-content-custom modalMobile light-grey-border modal-min-width" style="min-height: 400px;">
            <div class="modal-body modalMobileCss p-0">
                
                <div class="fit-content" style="position: absolute;right: 5px;top: 5px;">
                    <button type="button" class="btn-close p-3 " data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                
                <div class="row mt-5">
                    <div class="col-12 d-flex justify-content-center">
                        <form id="reset_password_form_modal">
                            <div id="modal_content" style="max-width: 440px;">
                                
                                <h4 class="mt-5 text-dark fw-bold"> Did you forget your password?</h4>
                                <span> Don't worry. Resetting your password is easy, just tell us the email address you registered with Epikwish. </span>
                                <div class="form-group pad-top-20" id="email_input_modal">
                                    <label for="forgot_Email_modal" class=""> Email address</label>
                                    <input type="email" class="form-control form-control" id="forgot_Email_modal" name="forgot_Email" placeholder="name@example.com">
                                </div>
                                <div class="row pad-top-20">
                                    <div class="col-4 col-sm-3 col-md-4 col-lg-4 col-xl-4 col-xxl-3">
                                        <button type="button" class="btn btn-light no-wrap button-color font-15b communityBtn restorePassModal"> RESTORE PASSWORD <i class="fas fa-angle-right"></i></button>
                                    </div>
                                </div>
                                
                            </div>
                        </form>
                    </div>
                </div>    
                
                
            </div>
        </div>
    </div>
</div>

$(document).ready(function(){
    
    //open modal
    $(document).on('click',".forgorPasswordOpenModal", function(){
        $("#modal_content").removeClass( "d-none" );
        $("#success_reset").remove();
        
        $('#loginModal').modal('hide');
        $('#forgotPasswordModal').modal('show');
    });
    
    
    // restore password button
    $(document).on('click',".restorePassModal", function(){
        
        $("#fail_email_status").remove();
        
        var getText = $.trim($("input[id='forgot_Email_modal']").val());
        var text = getText;
        //console.log(text);   
        
        
        $.post(
            "https://epikwish.com/en/forgotpassword/resetpass/",
            { email: text },
            function(data) {
                var getData = data;
                //console.log(data);
                //console.log(text);
                var splitData = getData.split("_");
                var dataResponse = splitData[0];
                var dataLikesNum = splitData[1];
                
                if(data =="success"){
                    //$("#reset_password_form_modal").empty().append("<h3 class='mt-5' id='success_reset'>An email was sent to the email account "+text+"<br>Please follow the instructions to reset your password. </h3>")
                    $("#modal_content").addClass( "d-none" );
                    $("#reset_password_form_modal").append("<h3 class='mt-5' id='success_reset' style='max-width: 440px;'>An email was sent to the email account "+text+"<br>Please follow the instructions to reset your password. </h3>")
                }
                if(data =="fail"){
                        //$("#email_input_modal").append("<div class='ps-1' id='fail_email_status' style='color:red;'>We could not find your account. Could you try with a different e-mail address? </div>");
                        $("<div class='ps-1' id='fail_email_status' style='color:red;'>We could not find your account. Could you try with a different e-mail address? </div>").insertAfter("#email_input_modal");
                }   
                
                
                
          }); 
        
   
    });

});

</script>

</body>
</html>