anwi_website/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 bg-black 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-black text-white" 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="./ramproducts.html" class="text-white fs-9 text-decoration-none satoshi_font">Ram</a>
            </li>
            <li class="fs-6">
                <a href="./storageproducts.html" class="text-white fs-9  text-decoration-none satoshi_font">Storage</a>
            </li class="fs-6">
                <a href="./index1.html" class="text-white fs-9  text-decoration-none satoshi_font">Coming Soon</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-black text-white" 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-white text-decoration-none satoshi_font">About Us</a></li>
            <li><a href="./press.html" class="text-white text-decoration-none satoshi_font">Press</a></li>
            <li><a href="#" class="text-white text-decoration-none satoshi_font">Quality Certification</a></li>
            <li><a href="#" class="text-white text-decoration-none satoshi_font">Case Study</a></li>
            <li><a href="#" class="text-white text-decoration-none satoshi_font">Terms</a></li>
            <li><a href="#" class="text-white text-decoration-none satoshi_font">Privacy</a></li>
            <li><a href="#" class="text-white 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-black text-white" 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>My Quotes</li>
        <li><a href="./support.html" class="text-white 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-black text-white" 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-white text-decoration-none satoshi_font">Contact Us</a></li>
      <li><a href="./support.html" class="text-white text-decoration-none satoshi_font">Support</a></li>
      <li>Help Centre</li>
      <li>Feedback</li>
  </ul>
      </div>
    </div>
  </div>
    <div class="accordion-item">
    <h2 class="accordion-header" id="headingFive">
      <button class="accordion-button collapsed bg-black text-white" 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-white text-decoration-none satoshi_font">Payment Method</a></li>
        <li><a href="./services/shipping-delivary.html" class="text-white text-decoration-none satoshi_font">Shipping &amp; Delivery</a></li>
        <li><a href="./services/return-policy.html" class="text-white text-decoration-none satoshi_font">Return Policy</a></li>
        <li><a href="./services/product-warrenty.html" class="text-white text-decoration-none satoshi_font">Product Warranty</a></li>
        <li><a href="./services/online-help.html" class="text-white text-decoration-none satoshi_font">Online Help</a></li>
        <li><a href="./services/bulk-orders.html" class="text-white 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-black text-white" 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>My Shopping Cart</li>
      <li>My Account
      </li>
  </ul>
      </div>
    </div>
  </div>
    <div class="accordion-item">
    <h2 class="accordion-header" id="headingSeven">
      <button class="accordion-button collapsed bg-black text-white" 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="#" target="_blank" class="text-white">
          <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="text-white">
          <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="#" target="_blank" class="text-white">
          <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="text-white">
          <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="text-white">
          <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-white
                  text-center">
              <p class="mb-0">Privacy Policy</p>
          </div>
          <div class="col-md-2 col-6 text-white
                  text-center">
              <p class="mb-0"> Terms of Use Sales
              </p>
          </div>
          <div class="col-md-2 col-6 text-center text-white">
          <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 text-white ps-1">sales@anwisystems.com </a></span>
          </p>
          </div>
      </div>
  <div class="text-white">
  <p class="mb-0 text-center">Copyright ©2023 Anwisystems 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"> <img src="./dist/assets/imgs/anwi-logo-2.png" class="img-fluid "  alt="anwi"> </div>
        <hr class="container-fluid
                text-white">
        <div class="footer-content-main-container">
            <div class="footer-content text-white 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="./ramproducts.html" class="text-white fs-9 text-decoration-none satoshi_font">Ram</a>
                                </li>
                                <li class="fs-6">
                                    <a href="./storageproducts.html" class="text-white fs-9  text-decoration-none satoshi_font">Storage</a>
                                </li>
                                <li class="fs-6">
                                    <a href="./index1.html" class="text-white fs-9  text-decoration-none satoshi_font">Coming Soon</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-white text-decoration-none satoshi_font">About Us</a></li>
                                <li class="fs-6"><a href="./press.html" class="text-white text-decoration-none satoshi_font">Press</a></li>
                                <li class="fs-6"><a href="#" class="text-white text-decoration-none satoshi_font">Quality Certification</a></li>
                                <li class="fs-6"><a href="#" class="text-white text-decoration-none satoshi_font">Case Study</a></li>
                                <li class="fs-6"><a href="#" class="text-white text-decoration-none satoshi_font">Terms</a></li>
                                <li class="fs-6"><a href="#" class="text-white text-decoration-none satoshi_font">Privacy</a></li>
                                <li class="fs-6"><a href="#" class="text-white 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-white text-decoration-none satoshi_font">Contact Us</a></li>
                                <li><a href="./support.html" class="text-white 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-white text-decoration-none satoshi_font">Payment Method</a></li>
                                <li><a href="./services/shipping-delivary.html" class="text-white text-decoration-none satoshi_font">Shipping &amp; Delivery</a></li>
                                <li><a href="./services/return-policy.html" class="text-white text-decoration-none satoshi_font">Return Policy</a></li>
                                <li><a href="./services/product-warrenty.html" class="text-white text-decoration-none satoshi_font">Product Warranty</a></li>
                                <li><a href="./services/online-help.html" class="text-white text-decoration-none satoshi_font">Online Help</a></li>
                                <li><a href="./services/bulk-orders.html" class="text-white 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>My Shopping Cart</li>
                                <li>My Account
                                </li>
                            </ul>
                            <h5 class="fw-bold">Follow Us</h5>
                            <ul class="p-0" style="list-style:none;">
                                <li>
                                    <a href="#" target="_blank" class="text-white">
                                        <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="text-white">
                                        <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="#" target="_blank" class="text-white">
                                        <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="text-white">
                                        <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="text-white">
                                        <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="https://anwisystems.com/dist/assets/imgs/Home/rocket-footer.png" alt="footer-rocket-img">
                </div>
            </div>
        </div>
        <hr class="container-fluid text-white">
        <div class="footer-sub-content ">
            <div class="container">
                <div class="row g-0 py-4 align-items-center">
                    <div class="col-md-5 text-white">
                        <p class="mb-0">Copyright ©${new Date().getFullYear()} Anwisystems pvt ltd. All rights reserved.</p>
                    </div>
                    <div class="col-md-2 text-white border-end
                            text-center">
                        <p class="mb-0">Privacy Policy</p>
                    </div>
                    <div class="col-md-2 text-white border-end ps-3
                            text-center">
                        <p class="mb-0"> Terms of Use Sales
                        </p>
                    </div>
                    <div class="col-md-2 text-white 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 text-white ps-1">sales@anwisystems.com </a></span>
                        </p>
                    </div>

                    <!-- <ul class="d-flex mb-0
                            list-inline align-items-center text-white">
                        <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 text-white ps-1">sales@anwisystems.com </a></span>
                                </p>
                                </li>
                            </ul>
                        </li>
                    </ul> -->
                </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);
                }
            }
        }) 
    }

});