/*!
* Start Bootstrap - Creative v7.0.7 (https://startbootstrap.com/theme/creative)
* Copyright 2013-2023 Start Bootstrap
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-creative/blob/master/LICENSE)
*/
//
// Scripts
// 


window.addEventListener('DOMContentLoaded', event => {

    // Navbar shrink function
    var navbarShrink = function () {
        const navbarCollapsible = document.body.querySelector('#mainNav');
        if (!navbarCollapsible) {
            return;
        }
        if (window.scrollY === 0) {
            navbarCollapsible.classList.remove('navbar-shrink')
            if (isMobileBrowser()) {
                document.getElementById('imglogo').src = 'assets/img/logo.png';
            }
            else {
                document.getElementById('imglogo').src = 'assets/img/logolight2.png';
            }
        } else {
            navbarCollapsible.classList.add('navbar-shrink')
            document.getElementById('imglogo').src = 'assets/img/logo.png';
        }

    };

    // Shrink the navbar 
    navbarShrink();

    // Shrink the navbar when page is scrolled
    document.addEventListener('scroll', navbarShrink);

    // Activate Bootstrap scrollspy on the main nav element
    const mainNav = document.body.querySelector('#mainNav');
    if (mainNav) {
        new bootstrap.ScrollSpy(document.body, {
            target: '#mainNav',
            rootMargin: '0px 0px -40%',
        });
    };

    // Collapse responsive navbar when toggler is visible
    const navbarToggler = document.body.querySelector('.navbar-toggler');
    const responsiveNavItems = [].slice.call(
        document.querySelectorAll('#navbarResponsive .nav-link')
    );
    responsiveNavItems.map(function (responsiveNavItem) {
        responsiveNavItem.addEventListener('click', () => {
            if (window.getComputedStyle(navbarToggler).display !== 'none') {
                navbarToggler.click();
            }
        });
    });



});
function Compomail() {
    const contactInfo = {
        name: document.getElementById('name').value.trim(),
        email: document.getElementById('email').value.trim(),
        phone: document.getElementById('phone').value.trim(),
        message: document.getElementById('message').value.trim()
    };

    const emailid = encodeURIComponent('contact' + '@atomsharp.com');
    const name = encodeURIComponent(document.getElementById('name').value);
    const message = encodeURIComponent(document.getElementById('message').value);
    const subject = encodeURIComponent("Contact from atomsharp.com");
    const body = encodeURIComponent(`Name: ${contactInfo.name}\n\nPhone:\n${contactInfo.phone}\nEmail:\n${contactInfo.email}\n\nMessage:\n${contactInfo.message}`);
    window.location.href = `mailto:${emailid}?subject=${subject}&body=${body}`;



}


function isMobileBrowser() {
    return /Mobi|Android|iPhone|iPod/i.test(navigator.userAgent);
}
//alert(isMobileBrowser());