anwisystems/dist/js/footer.js

$(document).ready(function () {
    // Footer Js
    let product_pg = $("body").hasClass("product_page");
    let cookie = `<div id="cookieAcceptBar" class="cookieAcceptBar shadow bg-white py-3">
   
    <div class="cookie-content">
        <p class="text-dark">We use cookies to enhance your user experience. please accept our
          <a href="#" class="text-dark">cookies policy</a>
        </p>
        <div class="text-end">
          <button id="btnAcceptCookiePolicy" class="btn btn-dark rounded">Accept</button>
        </div>
    </div>
  </div>`;
    $("#footer-head").after(cookie);
    let footerHtml = `<footer class="footer-wrapper sec-space-1">
    <div class="aw-mobile-footer d-block d-sm-none">
    <div class="accordion" id="accordionExample">
    <div class="accordion-item">
      <h2 class="accordion-header" id="headingOne">
        <button class="accordion-button bg-light text-dark fw-500" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
        Products
        </button>
      </h2>
      <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
        <div class="accordion-body pt-0">
        <ul class="list-inline ">
         <li class="fs-6">
                <a href="https://anwisystems.com/enterprise" target="_blank" class=" fs-9  text-decoration-none satoshi_font">Enterprise</a>
            </li>
            <li class="fs-6">
                <a href="/ramproducts.html" class=" fs-9 text-decoration-none satoshi_font">Memory</a>
            </li>
            <li class="fs-6">
                <a href="/storageproducts.html" class=" fs-9  text-decoration-none satoshi_font">Storage</a>
            <li class="fs-6">
                <a href="/single-phase-smart-meter-anwi.html" class=" fs-9  text-decoration-none satoshi_font">Smart Meter</a>
            </li>
              
      <!--  <li>Monitors </li>
        <li>Peripherals</li>
        <li>Desktops</li>
        <li>Components</li>
        <li>Network Switches</li>
        <li>Network Cards</li>
        <li>Servers</li>
        <li>Storage</li>
        <li>Compact Workstations</li>-->
    </ul>
        </div>
      </div>
    </div>
    <div class="accordion-item">
      <h2 class="accordion-header" id="headingTwo">
        <button class="accordion-button collapsed bg-light text-dark fw-500 " type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
        Anwi
        </button>
      </h2>
      <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
        <div class="accordion-body pt-0">
        <ul class="list-inline">
            <li><a href="/about.html" class=" text-decoration-none satoshi_font">About Us</a></li>
            <li><a href="/press.html" class=" text-decoration-none satoshi_font">Press</a></li>
            <li><a href="/becomeamember.html" class=" text-decoration-none satoshi_font">Become a Member</a></li>
            <li><a href="#" class=" text-decoration-none satoshi_font">Quality Certification</a></li>
            <li><a href="#" class=" text-decoration-none satoshi_font">Case Study</a></li>
            <li><a href="/terms.html" class=" text-decoration-none satoshi_font">Terms & Conditions</a></li>
            <li><a href="/privacy.html" class=" text-decoration-none satoshi_font">Privacy Policy</a></li>
            <li><a href="#" class=" text-decoration-none satoshi_font">Careers</a></li>
        </ul>
        </div>
      </div>
    </div>
   <!-- <div class="accordion-item">
      <h2 class="accordion-header" id="headingThree">
        <button class="accordion-button collapsed bg-light text-dark fw-500 " type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
        User Centre
        </button>
      </h2>
      <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
        <div class="accordion-body pt-0">
        <ul class="list-inline">
        <li class="text-dark" >My Quotes</li>
        <li><a href="/support.html" class=" text-decoration-none satoshi_font">My Support</a></li>
    </ul>
        </div>
      </div>
    </div>-->
    <div class="accordion-item">
    <h2 class="accordion-header" id="headingFour">
      <button class="accordion-button collapsed bg-light text-dark fw-500 " type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
      Support
      </button>
    </h2>
    <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#accordionExample">
      <div class="accordion-body pt-0">
      <ul class="list-inline">
      <li><a href="/contact.html" class=" text-decoration-none satoshi_font">Contact Us</a></li>
      <li><a href="/support.html" class=" text-decoration-none satoshi_font">Support</a></li>
      <li class="text-dark" >Help Centre</li>
      <li class="text-dark" >Feedback</li>
  </ul>
      </div>
    </div>
  </div>
    <div class="accordion-item">
    <h2 class="accordion-header" id="headingFive">
      <button class="accordion-button collapsed bg-light text-dark fw-500 " type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
      Service
      </button>
    </h2>
    <div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive" data-bs-parent="#accordionExample">
      <div class="accordion-body pt-0">
      <ul class="list-inline Services_list">
        <li><a href="/services/paymentmethod.html" class="text-decoration-none satoshi_font">Payment Method</a></li>
        <li><a href="/services/shipping-delivary.html" class="text-decoration-none satoshi_font">Shipping &amp; Delivery</a></li>
        <li><a href="/services/return-policy.html" class="text-decoration-none satoshi_font">Return Policy</a></li>
        <li><a href="/services/refund-policy.html" class="text-decoration-none satoshi_font">Refund Policy</a></li>
        <li><a href="/services/product-warrenty.html" class="text-decoration-none satoshi_font">Product Warranty</a></li>
        <li><a href="/services/online-help.html" class="text-decoration-none satoshi_font">Online Help</a></li>
        <li><a href="/services/bulk-orders.html" class="text-decoration-none satoshi_font">Bulk Orders</a></li>
  </ul>
      </div>
    </div>
  </div>
    <div class="accordion-item">
    <h2 class="accordion-header" id="headingSix">
      <button class="accordion-button collapsed bg-light text-dark fw-500 " type="button" data-bs-toggle="collapse" data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
      Account
      </button>
    </h2>
    <div id="collapseSix" class="accordion-collapse collapse" aria-labelledby="headingSix" data-bs-parent="#accordionExample">
      <div class="accordion-body pt-0">
      <ul class="list-inline">
      <li class="text-dark" >My Shopping Cart</li>
      <li class="text-dark" >My Account
      </li>
  </ul>
      </div>
    </div>
  </div>
    <div class="accordion-item">
    <h2 class="accordion-header" id="headingSeven">
      <button class="accordion-button collapsed bg-light text-dark fw-500 " type="button" data-bs-toggle="collapse" data-bs-target="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
      Follow Us
      </button>
    </h2>
    <div id="collapseSeven" class="accordion-collapse collapse" aria-labelledby="headingSeven" data-bs-parent="#accordionExample">
      <div class="accordion-body pt-0">
      <ul class="p-0" style="list-style:none;">
      <li>
      <a href="https://x.com/anwisystem?s=11&t=5zW0ZKlAsYimh_5vvHLkTQ" target="_blank" class="">
          <ul class="d-flex list-inline">
              <li class="footer-socailImg"><img src="/dist/assets/imgs/footer/twitter.png" alt="logo" class="px-1 img-fluid"></li>
              <li>Twitter</li>
          </ul>
      </a>
  </li>
  <li>
      <a href="https://www.instagram.com/anwi_systems/" target="_blank" class="">
          <ul class="d-flex list-inline">
              <li class="footer-socailImg"><img src="/dist/assets/imgs/footer/instra.png" alt="logo" class="px-1 img-fluid"></li>
              <li>Instagram</li>
          </ul>
      </a>
  </li>
  <li>
      <a href="https://www.youtube.com/@AnwiSystems" target="_blank" class="">
          <ul class="d-flex list-inline">
              <li class="footer-socailImg"><img src="/dist/assets/imgs/footer/youtube.png" alt="logo" class="px-1 img-fluid"></li>
              <li>Youtube</li>
          </ul>
      </a>
  </li>
  <li>
      <a href="https://www.linkedin.com/company/anwisystems" target="_blank" class="">
          <ul class="d-flex list-inline">
              <li class="footer-socailImg"><img src="/dist/assets/imgs/footer/linkedin.png" alt="logo" class="px-1 img-fluid"></li>
              <li>Linkedin</li>
          </ul>
      </a>
  </li>
  <li>
      <a href="https://www.facebook.com/profile.php?id=100089547520891" target="_blank" class="">
          <ul class="d-flex list-inline">
              <li class="footer-socailImg">
                  <img src="/dist/assets/imgs/footer/facebook.png" alt="logo" class="px-1 img-fluid">
              </li>
              <li>Facebook</li>
          </ul>
      </a>
  </li>
  </ul>

      </div>
    </div>
  </div>
  
  </div>
  <div class="footer-sub-content ">
  <div class="container">
  <div class="row g-0 align-items-center justify-content-around">
          <!--<div class="col-md-2 col-6 
                  text-center">
              <p class="mb-0">Privacy Policy</p>
          </div>
          <div class="col-md-2 col-6 
                  text-center">
              <p class="mb-0"> Terms of Use Sales
              </p>
          </div>-->
          <div class="col-md-2 col-6 text-center ">
          <p class="mb-0 d-flex align-items-center"><i class="fa fa-envelope"></i> <span class="satoshi_font"><a href="mailto:sales@anwisystems.com" class="satoshi_font  ps-1">sales@anwisystems.com </a></span>
          </p>
          </div>
      </div>
  <div class="">
  <p class="mb-0 text-center">Copyright ©2023 Anwi Systems Pvt Ltd.</p>
  <p class="mb-0 text-center">All rights reserved.</p>
</div>
  </div>
</div>
  </div>
    <div class="footer-main-container d-none d-sm-block ">
        <div class="footer-logo py-3 container d-none"> 
        <img src="/dist/assets/imgs/anwi-logo-1.png" class="img-fluid "  alt="anwi">
        </div>
        <hr class="container-fluid d-none">
        <div class="footer-content-main-container pt-5">
            <div class="footer-content  position-relative ">
                <div class="container">
                    <div class="d-flex my-3">
                        <div class="col-lg-3 border-end col-lg-3 mx-3">
                            <h5 class="fw-bold">Products</h5>
                            <ul class="list-inline ">
                             <li class="fs-6">
                <a href="https://anwisystems.com/enterprise" target="_blank" class=" fs-9  text-decoration-none satoshi_font">Enterprise</a>
            </li>
                                <li class="fs-6">
                                    <a href="/ramproducts.html" class=" fs-9 text-decoration-none satoshi_font">Memory</a>
                                </li>
                                <li class="fs-6">
                                    <a href="/storageproducts.html" class=" fs-9  text-decoration-none satoshi_font">Storage</a>
                                </li>
                                <li class="fs-6">
                                     <a href="/single-phase-smart-meter-anwi.html" class=" fs-9  text-decoration-none satoshi_font">Smart Meter</a>
                                </li>
                            </ul>
                        </div>
                        <div class="col-lg-3 border-end col-lg-3 mx-3 fs-6">
                            <h5 class="fw-bold">Anwi</h5>
                            <ul class="list-inline">
                                <li class="fs-6"><a href="/about.html" class=" text-decoration-none satoshi_font">About Us</a></li>
                                <li class="fs-6"><a href="/press.html" class=" text-decoration-none satoshi_font">Press</a></li>
                                <li><a href="/becomeamember.html" class=" text-decoration-none satoshi_font">Become a Member</a></li>
                                <li class="fs-6"><a href="#" class=" text-decoration-none satoshi_font">Quality Certification</a></li>
                                <li class="fs-6"><a href="#" class=" text-decoration-none satoshi_font">Case Study</a></li>
                                <li class="fs-6"><a href="/terms.html" class=" text-decoration-none satoshi_font">Terms & Conditions</a></li>
                                <li class="fs-6"><a href="/privacy.html" class=" text-decoration-none satoshi_font">Privacy Policy</a></li>
                                <li class="fs-6"><a href="#" class=" text-decoration-none satoshi_font">Careers</a></li>
                            </ul>
                        </div>
                        <div class="col-lg-3 border-end col-lg-3
                                mx-3">
                            <h5 class="fw-bold">Support</h5>
                            <ul class="list-inline">
                                <li><a href="/contact.html" class=" text-decoration-none satoshi_font">Contact Us</a></li>
                                <li><a href="/support.html" class=" text-decoration-none satoshi_font">Support</a></li>
                                <li>Help Centre</li>
                                <li>Feedback</li>
                            </ul>
                            <h5 class="fw-bold">Service</h5>
                            <ul class="list-inline">
                                <li><a href="/services/paymentmethod.html" class=" text-decoration-none satoshi_font">Payment Method</a></li>
                                <li><a href="/services/shipping-delivary.html" class=" text-decoration-none satoshi_font">Shipping &amp; Delivery</a></li>
                                <li><a href="/services/return-policy.html" class=" text-decoration-none satoshi_font">Return Policy</a></li>
                                <li><a href="/services/refund-policy.html" class=" text-decoration-none satoshi_font">Refund Policy</a></li>
                                <li><a href="/services/product-warrenty.html" class=" text-decoration-none satoshi_font">Product Warranty</a></li>
                                <li><a href="/services/online-help.html" class=" text-decoration-none satoshi_font">Online Help</a></li>
                                <li><a href="/services/bulk-orders.html" class=" text-decoration-none satoshi_font">Bulk Orders</a></li>
                            </ul>
                        </div>
                        <div class="col-lg-3 last-col-footer">
                            <h5 class="fw-bold">Account</h5>
                            <ul class="list-inline">
                            <li>
                            <a href="/shopping-cart.html" class=" text-decoration-none satoshi_font"> My Shopping Cart</a>
                           </li>
                      
                            <li>
                            <a href="/myaccount.html" class=" text-decoration-none satoshi_font"> My Account</a>
                            
                            </li>
                                </li>
                            </ul>
                            <h5 class="fw-bold">Follow Us</h5>
                            <ul class="p-0" style="list-style:none;">
                                <li>
                                    <a href="https://x.com/anwisystem?s=11&t=5zW0ZKlAsYimh_5vvHLkTQ" target="_blank" class="social-icons">
                                        <ul class="d-flex list-inline">
                                            <li class="footer-socailImg"><img src="/dist/assets/imgs/footer/twitter.png" alt="logo" class="px-1 img-fluid"></li>
                                            <li>Twitter</li>
                                        </ul>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.instagram.com/anwi_systems/" target="_blank" class="social-icons">
                                        <ul class="d-flex list-inline">
                                            <li class="footer-socailImg"><img src="/dist/assets/imgs/footer/instra.png" alt="logo" class="px-1 img-fluid"></li>
                                            <li>Instagram</li>
                                        </ul>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.youtube.com/@AnwiSystems" target="_blank" class="social-icons">
                                        <ul class="d-flex list-inline">
                                            <li class="footer-socailImg"><img src="/dist/assets/imgs/footer/youtube.png" alt="logo" class="px-1 img-fluid"></li>
                                            <li>Youtube</li>
                                        </ul>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.linkedin.com/company/anwisystems" target="_blank" class="social-icons">
                                        <ul class="d-flex list-inline">
                                            <li class="footer-socailImg"><img src="/dist/assets/imgs/footer/linkedin.png" alt="logo" class="px-1 img-fluid"></li>
                                            <li>Linkedin</li>
                                        </ul>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.facebook.com/profile.php?id=100089547520891" target="_blank" class="social-icons">
                                        <ul class="d-flex list-inline">
                                            <li class="footer-socailImg">
                                                <img src="/dist/assets/imgs/footer/facebook.png" alt="logo" class="px-1 img-fluid">
                                            </li>
                                            <li>Facebook</li>
                                        </ul>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="footer-rkt position-absolute bottom-0 end-0 me-5">
                    <img src="../dist/assets/imgs/Home/rocket-footer.png" alt="footer-rocket-img" class="shadow rounded-5">
                </div>
            </div>
        </div>
        <hr class="container-fluid ">
        <div class="footer-sub-content ">
            <div class="container">
                <div class="row g-0 py-4 align-items-center justify-content-between">
                    <div class="col-md-5 ">
                        <p class="mb-0">Copyright ©${new Date().getFullYear()} Anwi Systems Pvt Ltd. All rights reserved.</p>
                    </div>
                    <!--<div class="col-md-2  border-end text-center">
                        <p class="mb-0">Privacy Policy</p>
                    </div>
                        <div class="col-md-2  border-end ps-3 text-center">
                        <p class="mb-0"> Terms of Use Sales
                        </p>
                    </div>
                    <div class="col-md-2  ps-5">
                        <p class="mb-0 d-flex align-items-center"><i class="fa fa-envelope "></i> <span class="satoshi_font"><a href="mailto:sales@anwisystems.com" class="satoshi_font  ps-1">sales@anwisystems.com </a></span>
                        </p>
                    </div>
                    <ul class="d-flex mb-0
                            list-inline align-items-center ">
                        <li>Copyright © 2022 Anwisystems pvt ltd. All rights reserved.</li>
                        <li>
                            <ul class="d-flex list-inline align-items-center ms-4">
                                <li>Privacy Policy</li>
                                <li class="mx-5">Terms of Use Sales</li>
                                <li>
                                    <p class="mb-0 d-flex align-items-center"><i class="fa fa-envelope "></i> <span class="satoshi_font"><a href="mailto:sales@anwisystems.com" class="satoshi_font  ps-1">sales@anwisystems.com</a></span></p>
                                </li>
                            </ul>
                        </li>
                    </ul>-->
                    <p class="mb-0 d-flex align-items-center col-md-5 justify-content-end"><i class="fa fa-envelope "></i> <span class="satoshi_font"><a href="mailto:sales@anwisystems.com" class="satoshi_font  ps-1">sales@anwisystems.com</a></span></p>
                </div>
            </div>
        </div>
    </div>
        </footer>`;
    $("#footer-head").html(footerHtml);



    $("[alt=footer-rocket-img]").click(function (e) {
        document.documentElement.scrollTop = 0;
    })
    cookiesPolicyPrompt();

    function cookiesPolicyPrompt() {
        if (Cookies.get('AnwiCookiesPolicy') !== "yes") {
            $("#cookieAcceptBar").fadeIn("slow");
        }
        $('#btnAcceptCookiePolicy').on('click', function () {
            Cookies.set('AnwiCookiesPolicy', 'yes', { expires: 30 });
            $("#cookieAcceptBar").fadeOut("slow");
        });
        let width = $(window).width();
        if (width < 575) {
            $("#cookieAcceptBar").css({
                "max-width": "100%",
            });
        } else if (width <= 1600 && width > 1200) {
            $("#cookieAcceptBar").css({
                "max-width": "28%",
            });
        }
        else if (width <= 1200 && width > 575) {
            $("#cookieAcceptBar").css({
                "max-width": "50%",
            });
        }
    }


    //services pages links and sources

    let $body_pg = $("body").hasClass("services_page");
    let $nav_img = "../dist/assets/imgs/anwi-logo-1.png";
    let $footer_img = "../dist/assets/imgs/anwi-logo-2.png";
    let $scrool_top_img = "../dist/assets/imgs/Home/rocket-footer.png";

    if ($body_pg == true) {
        $("#footer-head").find(".footer-logo img").attr("src", $footer_img);
        $(".footer-socailImg").each(function () {
            let $social_img = $(this).find("img").attr("src");
            let $social_img_mbil = $social_img.includes("https://anwisystems.com/");
            if ($social_img_mbil === false) {
                let $social_icon_mbil = `.${$social_img}`
                $(this).find("img").attr("src", $social_icon_mbil);
            }
        })
        $(".list-inline").find("li a").each(function () {
            let $footer_link = $(this).attr("href");
            let $footer_in = $footer_link.includes("https://anwisystems.com/");
            if ($footer_in === false) {
                if ($footer_link != "#") {
                    let $in_link = `${$footer_link}`
                    $(this).attr("href", $in_link);
                }
            }
        })
    }
});