LLK - Donation

.mobile-donate-now a:hover {
        background-color: #27262c;
        color: #fff;
    }
    .customer-actions{
        margin: 0;
        min-width: 122px;
        border-left: none;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        padding: 2px 0;
    }
    .bar .bar-socials li.login-action a {
        width: 170px;;
    }
    .bar .bar-socials li.myaccnt-action a {
         width: 130px;
    }
     .bar .bar-socials li.cart-action a {
         width: 0px;
    }
    .learn-more
    {
        color: white;
        text-decoration: underline;
    }
    .learn-more:hover
    {
        color: white;
        text-decoration: underline;
    }
    .logo_wthree_agile
    {
        /*padding-left: 80px;*/
        padding-left: 0px;
    }
  </style>

<header id="header-area">
        <div class="top_header" id="home">
            
            <nav class="navbar navbar-default navbar-fixed-top">
                <div class="header-txt-banner">
                    <ul>
                        <li>ANNOUNCEMENT: Safety is our top priority. <a class="learn-more" href="Safety-COVID19">Learn More</a> <img src="/assets/NewImages/Topbanner_popup_mask.svg"/><span class="closee">×</span></li>
                    </ul>
                </div>
                
                    <div class="columns small-12">
                        <div class="nav_top_fx_w3layouts_agileits">
                            <div class="header-icon-left">
                                
                            </div>
                            <div class="navbar-header">
                                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                                    <span class="sr-only">Toggle navigation</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                                <div class="logo_wthree_agile">
                                    <a href="/" data-touchpoint="home" class="logo-link">
                                    <img src="/assets/images/common/logo.png" alt="Life Lab" class="main-logo">
                                    </a>
                                    <div class="mob-header-donate-btn">
                                 <a href="/donate"><button type="button" id="newsletter-form-submit" class="mob-donate-btn">Donate</button></a>
                                </div>
                                    
                                </div>

</div>
                            <div id="navbar" class="navbar-collapse collapse">
                                <div class="nav_right_top">
                                    <ul class="nav navbar-nav">
                                        <li>
                                            <a href="/">Home</a>
                                        </li>
                                        <li>
                                            <a class="scroll" href="/about-us">About Us</a>
                                        </li>
                                        
                                        <li>
                                            <a class="scroll" href="/Services">Services</a>
                                        </li>
                                        
                                        <li>
                                            
                                            <a class="scroll" href="/Community">Community</a>
                                        </li>
                                         
                                        
                                         <li>
                                            <a class="scroll" href="/careers">Careers</a>
                                        </li>

<li>
                                            <a class="scroll contact-active" href="/contactUs">Contact Us</a>
                                        </li>
                                        
                                    </ul>
                                <div class="header-donate-btn">
                                 <a id="donate-href" href="/donate"><button type="button" id="newsletter-form-submit" class="donate-btn">Donate</button></a>
                                </div>  
                                </div>

</div>
                            
                        </div>
                    </div>
                    
                
            </nav>
            <div class="clearfix"></div>
        </div>

</header>

<div class="clearfix"></div>
    
    
    <div id="main-container" class="" style="">
    </div>
    
    
    <script>
    $(function() {
         var url = window.location.href;
         jQuery(".navbar-nav a").each(function() {
            // checks if its the same on the address bar
            if (url==this.href+"/" ||url==this.href) {
                jQuery(this).closest("li").addClass("active");
                //for making parent of submenu active
               //jQuery(this).closest("li").parent().parent().addClass("active");
            }
        });
        var currentCategoryId = '${CURRENT_CATEGORYID}';
        jQuery('.navbar-collapse').css("visibility","visible");
        $("a[category-id='" + currentCategoryId + "']").addClass("active");

/** start global search event script **/

$("input[id='search']").keypress(function(event) {

var searchValue = $(this).val();
            var hasSearchValue = (!$.isBlank(searchValue)) ? true : false;

if (event.keyCode == 13 && !hasSearchValue) {
                event.preventDefault();
            }

if (event.keyCode == 13 && hasSearchValue) {
                return true;
            }
        });

var searchDefaultInputText = 'Search';
        $("input[id='search']").focusin(function() {
            var searchValue = $(this).val();
            var hasSearchValue = (!$.isBlank(searchValue)) ? true : false;

if (hasSearchValue) {
                if (searchValue == searchDefaultInputText) {
                    $(this).val("");
                }
            }

});

$("input[id='search']").focusout(function() {
            var searchValue = $(this).val();
            var hasSearchValue = (!$.isBlank(searchValue)) ? true : false;

if (!hasSearchValue) {
                $(this).val(searchDefaultInputText);
            }

});

$("button[id='butt-global-search']").click(function() {

var searchDefaultInputText = 'Search';
            var searchValue = $("input[id='search']").val();
            var hasSearchValue = (!$.isBlank(searchValue)) ? true : false;

if (hasSearchValue && searchValue != searchDefaultInputText) {
                //console.log("Trigger Search");
                $("#searchportlettag").submit();
            }
        });

/**  end global search event script  **/

$("div[id='header-icon']").hover(
            function() {
                $(this).find("img[id='header-icon-bw']").hide();
                $(this).find("img[id='header-icon-color']").show();
            }

,
            function() {

$(this).find("img[id='header-icon-color']").hide();
                $(this).find("img[id='header-icon-bw']").show();

}
        );

});
    </script>
<script>
var closebtns = document.getElementsByClassName("closee");
var i;

for (i = 0; i < closebtns.length; i++) {
  closebtns[i].addEventListener("click", function() {
    this.parentElement.style.display = 'none';
  });
}
</script>

/** start global search event script **/

$("input[id='search']").keypress(function(event) {

var searchValue = $(this).val();
            var hasSearchValue = (!$.isBlank(searchValue)) ? true : false;

if (event.keyCode == 13 && !hasSearchValue) {
                event.preventDefault();
            }

if (event.keyCode == 13 && hasSearchValue) {
                return true;
            }
        });
    }
  </script>

Shopping Cart

	Your Cart is Empty
	View Cart

Donate Now

Help LifeLab Kids discover potential!
LifeLab Kids is a 501(c)3 non-profit organization and your donations are fully tax deductible.

$25.00

$50.00

$75.00

$100.00

$500.00

-->

.tab button {
  width: 24%; 
  border: none;
  outline: none;
  cursor: pointer;/*
  padding: 14px 16px;*/
  transition: 0.3s;
  font-size: 16px;
  font-weight: 600;
}

/* Change background color of buttons on hover */
/*.tab button:hover {
  background-color: #EE7523;
}*/

/* Create an active/current tablink class */
/*.tab button.active {
  background-color: #EE7523;
}
*/
/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  /*border: 1px solid #ccc;*/
  border-top: none;
  text-align: center;
}

@media (min-width: 360px) and (max-width: 640px) { 
 .tab {
  margin-left: 0px;
  display: inline-flex;

}
.tab button{
    width: 32%;
}
.tablinks{
    padding: 8px 8px;
}
.tab button {
  font-size: 12px;
} 
}

/*Loader Code Starts*/

.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('http://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .modal {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}
/*Loader Code Ends*/
</style>

<div class="jumbotron-fluid">
    <img class="img-fluid abt-banner-img" src="/assets/NewImages/donateimage.png">
</div>
<div class="jumbotron-fluid about-breadcrumb">

    <ul class="breadcrumb" style="padding-left: 75px;">
        <li><a href="/" data-touchpoint="home">Home</a></li>
        <li><a href="">Donate</a></li>
    </ul>

</div>
<div class="clearfix"></div>

<div class="donation-btm">
    <div class="tab">
      <button class="tablinks tab-donatenow-btn" onclick="openCity(event, 'London')" id="defaultOpen">Donate Now</button>
      <button class="tablinks tab-donateservices-btn" onclick="openCity(event, 'Paris')">Donate Services</button>
      <button class="tablinks tab-donategrowth-btn" onclick="openCity(event, 'Tokyo')">Donate to Our Growth</button>
    </div>

<div id="London" class="tabcontent">
        <div class="donate-text">
            <h3>You can change lives!</h3>
            <p>Thank you for your support! Please choose an amount below or select from an option above to learn about other ways you can support our mission.</p>
            <p>Your donation can truly change lives!</p>
        </div>
        <div class="donate-amount">
            <div class="llk_donate_cell donate-now" type="button" price-attr="25" item-Type="Donation">
                <div class="amount-g" type="button" price-attr="25" item-Type="Donation">$25</div>     
            </div>
            <div class="llk_donate_cell donate-now" type="button" price-attr="50" item-Type="Donation">
                <div class="amount-b" type="button" price-attr="50" item-Type="Donation">$50</div>     
            </div>
            <div class="llk_donate_cell donate-now" type="button" price-attr="100" item-Type="Donation">
                <div class="amount-v" type="button" price-attr="100" item-Type="Donation">$100</div>     
            </div>
        </div>
        <div class="donate-amount">
            <div class="llk_donate_cell donate-now" type="button" price-attr="250" item-Type="Donation">
                <div class="amount-v" type="button" price-attr="250" item-Type="Donation">$250</div>    
            </div>
            <div class="llk_donate_cell donate-now" type="button" price-attr="500" item-Type="Donation">
                <div class="amount-o" type="button" price-attr="500" item-Type="Donation">$500</div>    
            </div>
            <div class="llk_donate_cell">
                <p id="other" class="amount-g amount-other" type="button">Other</p>
                <input type="text" name="your-amount" class="your-amount-input" id="your-amount" placeholder="Enter Your Amount" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')" autofocus> 
                <button id="enter-amount-button" class="donate-now" price-attr="your-amount" item-Type="Donation" type-attr="Other">Click</button> 
            </div>
        </div>

<div class="amazon-imgs">
          <div class="col-md-4 amazon-smile">
                <a href="https://www.amazon.com/hz/wishlist/ls/10J0A1BZI452W/ref=nav_wishlist_lists_1?_encoding=UTF8&type=wishlist"><img class="img-fluid" src="/assets/NewImages/amazon-wishlist.jpg">
                </a>
            </div>
            <div class="col-md-4 donar-advise">
                <a id="daf_link" href="" target="_blank" onclick="dafModule.openModal(event);"><span class="donar-advise-btn">Give Now From Your Donor-Advised Fund</span>
                            </a>
            </div>

</div>

<div id="Paris" class="tabcontent">
       <div class="donate-text">
            <h3>You can change lives!</h3>
            <p>Many of the children we serve will need support for quite some time. When you gift a package below, you are helping children receive high-quality, tailored interventions to help them lead full lives. We truly thank you for your support!</p>
        </div>

<div class="donate-services">
            <div class="col-md-6">
                <div class="spon-now">
                <img class="img-fluid banner-img" src="/assets/NewImages/Sponsormusic_image.png">
                <div class="sponser-img-text">
                    <p>Sponsor Now</p>
                    <h4>$1200</h4>
                    
                </div>
            </div>
            </div>
            <div class="col-md-6 spon-music">
                <div class="spon-music-text">
                <h4>Sponsor Music Therapy</h4>
                    <p>6 months of Music Therapy sessions </p>
                    <p>Led by a Board Certified Music Therapists (MT-BC)</p>
                  <button class="donate-now" type="button" price-attr="1200" type-attr="Sponsor Music Therapy" item-Type="Sponsor">Donate Now</button>
                </div>
            </div>
        </div>

<div class="donate-services">
            <div class="col-md-6">
                <div class="spon-now">
                <img class="img-fluid banner-img" src="/assets/NewImages/Sponsortechnology_image.png">
                <div class="sponser-img-text">
                    <p>Sponsor Now</p>
                    <h4>$1200</h4>
                    
                </div>
            </div>
            </div>
            <div class="col-md-6 spon-music">
                <div class="spon-music-text">
                <h4>Sponsor Technology</h4>
                    <p>6 months of Technology sessions</p>
                    <p>Led by Instructor with Bachelors in (BA) Biopsychology, Cognition and Neuroscience</p>
                  <button class="donate-now" type="button" price-attr="1200" type-attr="Sponsor Technology" item-Type="Sponsor">Donate Now</button>
                </div>
            </div>
        </div>

<div class="donate-services">
            <div class="col-md-6">
                <div class="spon-now">
                <img class="img-fluid banner-img" src="/assets/NewImages/Sponsorfitness_images.png">
                <div class="sponser-img-text">
                    <p>Sponsor Now</p>
                    <h4>$700</h4>
                    
                </div>
            </div>
            </div>
            <div class="col-md-6 spon-music">
                <div class="spon-music-text">
                <h4>Sponsor Fitness</h4>
                    <p>6 months of Fitness sessions</p>
                    <p>Led by Trainer with years of coaching and personal training experience</p>
                  <button class="donate-now" type="button" price-attr="700" type-attr="Sponsor Fitness" item-Type="Sponsor">Donate Now</button>
                </div>
            </div>
        </div>

<div class="donate-services">
            <div class="col-md-6">
                <div class="spon-now">
                <img class="img-fluid banner-img" src="/assets/NewImages/Sponsorachild_image.png">
                <div class="sponser-img-text">
                    <p>Sponsor Now</p>
                    <h4>$1500</h4>
                    
                </div>
            </div>
            </div>
            <div class="col-md-6 spon-music">
                <div class="spon-music-text">
                <h4>Sponsor a Child</h4>
                    <p>6 months of 1x a week session of their choosing</p>
                  <button class="donate-now" type="button" price-attr="1500" type-attr="Sponsor a Child" item-Type="Sponsor">Donate Now</button>
                </div>
            </div>
        </div>

</div>

<div id="Tokyo" class="tabcontent">
      <div class="donate-text1">
            <h3>You can change lives!</h3>
        </div>
        <div class="dontate-our-gro-p"><p>We have only scratched the surface of where we are going. LifeLab Kids GROW with US campaign is our expansion initiative designed to extend beyond our bricks and mortar building and into the outdoors with an outdoor learning laboratory that will not only provide stimulating play for all children, but will help to build confidence and social interaction skills. We believe in helping young minds grow. And that inclusive play will allow children of all abilities to learn, play and grow together. Together, we can change lives!</p></div>

<div class="donate-services">
            <div class="col-md-6">
                <div class="spon-now">
                    <img class="img-fluid banner-img" src="/assets/NewImages/Greenhouse_image.png">
                    <div class="sponser-img-text1 greenhouse">
                        <p>Sponsor Now</p>
                        <h4>$500</h4>    
                    </div>

<div class="spon-music-text1">
                <h4>Greenhouse</h4>
                    <p class="p-height1">Our community learning garden designed to encourage creating, maintaining, consuming and one day selling the fruits and vegetables for therapeutic, life skills building and long-term independence. This 900sq foot addition will allow us to expand programming and continue to create fun and transformative experiences.</p>
                  <button class="donate-now" type="button" price-attr="500" type-attr="Donation to Greenhouse" item-Type="Donation">Donate Now</button>
                </div>
                </div>
            </div>

<div class="col-md-6">
                <div class="spon-now">
                    <img class="img-fluid banner-img jsonimg" src="/assets/NewImages/Jason_image.png">
                    <div class="sponser-img-text1 jsonalba">
                        <p>Sponsor Now</p>
                        <h4>$500</h4>    
                    </div>

<div class="spon-music-text1">
                <h4>Jason Alba Play Park</h4>
                    <p class="p-height1">In memory of one of our own, this sensory playground and multi- use, adaptive sports court would meet children where they are. Designed to mimic what you would see at a school, playground, or recreation center and built to foster physical well-being, outdoor fitness, personal/team building experiences and social interactions; ultimately preparing youth for the world beyond the playground.</p>
                  <button class="donate-now" type="button" price-attr="500" type-attr="Donation to Jason Alba Play Park" item-Type="Donation">Donate Now</button>
                </div>
                </div>
            </div>
        </div>

<div class="donate-services">
            <div class="col-md-6">
                <div class="spon-now">
                    <img class="img-fluid banner-img" src="/assets/NewImages/Reception_image.png">
                    <div class="sponser-img-text1">
                        <p>Sponsor Now</p>
                        <h4>$500</h4>    
                    </div>

<div class="spon-music-text1 spon-music-text11">
                <h4>Reception</h4>
                    <p class="p-height2">A much needed centralized check-in and reception/waiting area. This 1000sq foot addition will enhance the safety, cohesiveness, and the overall experience for the children and families we serve.</p>
                  <button class="donate-now" type="button" price-attr="500" type-attr="Donation to Reception" item-Type="Donation">Donate Now</button>
                </div>
                </div>
            </div>

<div class="col-md-6">
                <div class="spon-now">
                    <img class="img-fluid banner-img pakinglotimg" src="/assets/NewImages/Parkinglot_image.png">
                    <div class="sponser-img-text1 sponser-group">
                        <p>Sponsor Now</p>
                        <h4>$500</h4>    
                    </div>
                    <div class="spon-music-text1">
                <h4>Parking Lot</h4>
                    <p class="p-height2">With the expansion into the outdoors, our parking lot would need to shift to the north end. The parking remodel would include: adjusting existing drainage and repaving, adding additional spaces, and adding charging stations and solar panels.</p>
                  <button class="donate-now" type="button" price-attr="500" type-attr="Donation to Parking Lot" item-Type="Donation">Donate Now</button>
                </div>
                </div>
            </div>
        </div>

<div class="donate-services">
            <div class="col-md-6">
                <div class="spon-now">
                    <img class="img-fluid banner-img" src="/assets/NewImages/Eat2grow_image.png">
                    <div class="sponser-img-text1 eatgrow">
                        <p>Sponsor Now</p>
                        <h4>$500</h4>    
                    </div>

<div class="spon-music-text1">
                <h4>Eat 2 GROW</h4>
                    <p class="p-height3">Our kitchen renovation project to directly support the increased demand for our Feeding Therapy program. Approximately 1 in 4 children are reported to have some sort of feeding disorder. Children work on improving picky eating, sensory feeding, children with hyper sensitive gag reflex or who have difficulty chewing and swallowing, those who have difficulty drinking from the bottle, an open cup, and/or straw, as well as children who have been tube fed and need help transitioning to oral feeding – we provide real solutions to children’s feeding challenges.</p>
                  <button class="donate-now" type="button" price-attr="500" type-attr="Donation to Eat 2 GROW" item-Type="Donation">Donate Now</button>
                </div>
                </div>
            </div>

<div class="col-md-6">
                <div class="spon-now">
                    <img class="img-fluid banner-img technologyimg" src="/assets/NewImages/Technology_image.png">
                    <div class="sponser-img-text1 sponser-img-text12">
                        <p>Sponsor Now</p>
                        <h4>$500</h4>    
                    </div>
                    <div class="spon-music-text1">
                <h4>Technology</h4>
                    <p class="p-height3">With the increased demand for mental health and behavioral health services, and LifeLab Kids pivoting to more Telehealth and virtual services; we need to secure additional technology, software and hardware as well as increase our firewalls and internet security to ensure HIPAA compliance. Your support would allow us to provide continued support, purchase additional equipment and deliver access to those who currently do not have it.</p>
                  <button class="donate-now" type="button" price-attr="500" type-attr="Donation to Technology" item-Type="Donation">Donate Now</button>
                </div>
                </div>
            </div>
        </div>
    </div>

        <div class="modal"></div>

</div>

</div>

// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
</script>

jQuery(function() {

console.log( "ready!" );
    jQuery("#other").show();
    jQuery("#your-amount").hide();
    jQuery("#enter-amount-button").hide();
    var accountId = "5158869";
     var emptyCart = "/app/site/backend/emptycart.nl?c=" + accountId;
                              jQuery.get(emptyCart, function(data) {
                              });

});

jQuery("#other").click(function() {
     jQuery("#other").hide();
     jQuery("#your-amount").show();
     jQuery("#your-amount").focus();
     jQuery("#enter-amount-button").show();
});
// jQuery('input[name="your-amount"]').keyup(function(e) {
//       if (/\D/g.test(this.value)) {
//    // Filter non-digits from input value.
//       this.value = this.value.replace(/\D/g, '');
//        }
//   });

jQuery(".donate-now").click(function() {
try {
                  
                  var accountId = "5158869";  
                  var donationType= jQuery(this).attr("type-attr");
                  var itemType= jQuery(this).attr("item-Type");
                  
                     var donationItemId;
                      // if(donationType)
                      // {
                      //   if(donationType!="other")
                      //   {
                      //     var $this = $(this);
                      //     $(this).css('background-color','green');
                      //     $this.text('Processing...');
                      //   }                                                
                      // }
                       
                      if(itemType=="Donation")
                      {
                        donationItemId = "6"; //donation item
                      }
                      else if(itemType=="Sponsor")
                      {
                        donationItemId = "23"; //Sponsor item
                      }

console.log("donationItemId",donationItemId);
                      debugger;
                            
                  var addtoCartURL = "/app/site/backend/additemtocart.nl?c=" + accountId + "&buyid=" + donationItemId;
                    //this.disabled = true;
                    var priceValue;
                    var priceAttr = jQuery(this).attr("price-attr");

if (priceAttr == "your-amount") 
                    {
                        priceValue = jQuery('#your-amount').val();

if (priceValue == "" || priceValue == null)
                        {
                            alert('Please Enter Donation Amount');
                        }
                        else
                        {
                             if (priceValue > 0 && priceValue.length<=7) 
                             {
                                $("body").addClass("loading");
                                 addtoCartURL += "&custcol_llk_donation_contribution=" + priceValue+"&custcol_llkdonationtype="+donationType;
                                 jQuery("body").css("cursor", "progress");
                                      console.log(addtoCartURL);
                                      jQuery.get(addtoCartURL, function(data) {
                                          //console.log(JSON.stringify(data));
                                          window.location.href = CHECKOUT_URL;
                                      });
                             }
                             else
                             {
                                alert('Please Enter Valid Donation Amount');
                             }
                        }
                    } 
                    else
                    {
                        priceValue = jQuery(this).attr("price-attr");
                      if (priceValue> 0 && priceValue.length<=7) 
                      {
                          //jQuery('#container-jst-layout').addClass("fadeBackground");
                          //jQuery('.loading').show();
                          $("body").addClass("loading");
                          //$("#London").busyLoad("show", { text: "Processing ..."});  
                            
                          jQuery.ajaxSetup({ async: false });
                          if (CART_ITEM_COUNT > 0) 
                          {
                              var emptyCart = "/app/site/backend/emptycart.nl?c=" + accountId;
                              jQuery.get(emptyCart, function(data) {
                                  console.log();
                                  //window.location.href=CHECKOUT_URL;
                              });
                          }
                          jQuery.ajaxSetup({ async: true });
                          if(donationType)
                          {
                            addtoCartURL += "&custcol_llk_donation_contribution=" + priceValue+"&custcol_llkdonationtype="+donationType;
                          }
                          else
                          {
                            addtoCartURL += "&custcol_llk_donation_contribution=" + priceValue;
                          }
                          jQuery("body").css("cursor", "progress");
                          console.log(addtoCartURL);
                          jQuery.get(addtoCartURL, function(data) {
                              //console.log(JSON.stringify(data));
                              window.location.href = CHECKOUT_URL;
                          });
                     }
                     else
                        {
                           alert('Please Enter Valid Donation Amount');
                        }
                    }
          }
          catch (ex) {
                console.log(ex.toString());
            }

});

</script>

Donation