<%
if(typeof(newPhone) !== "undefined" && newPhone){
    phoneNr = newPhone;
} else {
    phoneNr = process.env.WEB_PHONE;
}
%>
<footer>

    <div id="bottomFixed" onClick="saveCallBtnClick('bottom_fixed'); // diShowHide('diAfterCallPopup');">
        <div class="d-sm-none di_p_fixed di_b_r_15px di_bg_w di_p_10px di_z_1000 di_p_b_20px" style="bottom: 10px; right:10px; padding: 10px 15px !important; padding-top: 0!important; border-top: 1px solid #d4d4d4; justify-content: center; gap: 30px;">
            <a class="lock_mbl_call_btn" href="tel:<%= phoneNr %>">
                <div class="di_t_center" style="float:left;">
                    <div class="rc_mask_icon di_size_25px di_m_r_5px keys_fourth_bg di_d_inline_block di_p_relative" style="top: 7px; mask-image: url(/img/icons/phone_w.svg); -webkit-mask-image: url(/img/icons/phone_w.svg); "></div>
                    <span class="">Call us</span>
                </div>
            </a>
            <!-- <a href="tel:+4402030595790" class="">
                <div class="di_t_center" style="float:left;">
                    <div class="rc_mask_icon di_size_25px di_m_r_5px keys_fourth_bg di_d_inline_block di_p_relative" style="top: 5px; mask-image: url(/img/icons/phone_w.svg); -webkit-mask-image: url(/img/icons/phone_w.svg); "></div>
                    <div class="di_f_s_14px">Call us</div>
                </div>
            </a> -->
            <!-- <a href="">
                <div class="di_t_center di_op_7">
                    <div class="rc_mask_icon di_op_7 di_size_25px di_m_r_5px di_bg_b di_d_inline_block di_p_relative" style="top: 5px; mask-image: url(/img/icons/forum_FILL0_wght400_GRAD0_opsz48.svg); -webkit-mask-image: url(/img/icons/forum_FILL0_wght400_GRAD0_opsz48.svg); "></div>
                    <div class="di_f_s_14px">Let's talk now</div>
                </div>
            </a> -->
        </div>

        <div class="d-none d-sm-flex di_p_fixed di_b_0 di_l_0 di_w_100vw di_p_10px di_z_1000 di_p_b_20px" style="justify-content: right; gap: 30px;">
            <a class="lock_mbl_call_btn" href="tel:<%= phoneNr %>">
                <div class="di_t_center di_bg_w di_b_r_6px di_p_10px" style="float:left;">
                    <div class="rc_mask_icon di_size_25px di_m_r_5px keys_fourth_bg di_d_inline_block di_p_relative" style="top: 5px; mask-image: url(/img/icons/phone_w.svg); -webkit-mask-image: url(/img/icons/phone_w.svg); "></div>
                    <div class="di_f_s_14px"><%= phoneNr %></div>
                </div>
            </a>
            <!-- <a href="">
                <div class="di_t_center di_op_7 di_bg_w di_b_r_6px di_p_10px">
                    <div class="rc_mask_icon di_op_7 di_size_25px di_m_r_5px di_bg_b di_d_inline_block di_p_relative" style="top: 5px; mask-image: url(/img/icons/forum_FILL0_wght400_GRAD0_opsz48.svg); -webkit-mask-image: url(/img/icons/forum_FILL0_wght400_GRAD0_opsz48.svg); "></div>
                    <div class="di_f_s_14px">Let's talk now</div>
                </div>
            </a> -->
        </div>
    </div>

    <div id="diAfterCallPopup" class="d-none di_p_20px di_p_fixed di_bg_b_7 di_t_0 di_l_0 di_w_100vw di_h_100vh di_z_5000">
        <div class="di_bg_w di_p_10px">
            <div id="popupCloseButton" class="rc_mask_icon di_op_7 di_f_right di_size_30px di_m_r_20px di_bg_b di_d_inline_block di_p_relative" style="top: -2px; left: 3px; mask-image: url(/img/icons/close.svg); -webkit-mask-image: url(/img/icons/close.svg); "></div>
            <h2 class="di_m_t_30px h4">Have you managed to contact us?</h2>

            <a class="lock_mbl_call_btn" href="tel:<%= phoneNr %>">
                <button class="btn di_clr_w di_p_t_0" style="background-color: #57ad3c;">
                    <span>Yes</span>
                </button>
            </a>
            <a class="lock_mbl_call_btn" href="tel:<%= phoneNr %>">
                <button class="btn di_clr_w di_p_t_0" style="background-color: #7c7c7c;">
                    <span>No</span>
                </button>
            </a>
            <p></p>
            <p>OR</p>
            <p></p>
            <a class="lock_mbl_call_btn" href="tel:<%= phoneNr %>">
                <button class="btn keys_secondary_bg di_clr_w di_p_t_0">
                    <div class="rc_mask_icon di_op_7 di_size_25px di_m_r_5px di_bg_w di_d_inline_block di_p_relative" style="top: 7px; mask-image: url(/img/icons/phone_w.svg); -webkit-mask-image: url(/img/icons/phone_w.svg); "></div>
                    <span>Call again</span>
                </button>
                </br>
            </a>
        </div>
    </div>

    <div class="container-fluid di_bg_b di_p_10 di_m_t_40px">
        <div class="row">
            <div class="col-12 di_bg_b di_clr_w">

                <div class="container dip_p_0_10px">

                    <div class="row">
                        <div class="col-12 di_clr_w di_p_t_40px">
                            <a class="dipHomeHMLogo" href="/"><img class="" style="width:200px;" src="/uploads/img/logo/24hrslocksmith_logo_w.png"/></a>
                        </div>
                    </div>

                    <div class="row di_m_t_20px di_m_b_20px">
                        <div class="col-12 di_m_20px di_h_1px di_bg_w di_op_3"></div>
                    </div>
            
                    <div class="row">
                        <div class="col-12 di_clr_w di_p_t_20px">
                            <a class="lock_mbl_call_btn" href="tel:<%= phoneNr %>" onClick="saveCallBtnClick('bottom_footer');">
                                <button class="btn keys_secondary_bg di_clr_w di_p_t_0">
                                    <div class="rc_mask_icon di_op_7 di_size_25px di_m_r_5px di_bg_w di_d_inline_block di_p_relative" style="top: 7px; mask-image: url(/img/icons/phone_w.svg); -webkit-mask-image: url(/img/icons/phone_w.svg); "></div>
                                    <span>Call us now</span>
                                </button>
                                </br>
                            </a>
                            <a href="mailto:<%= process.env.WEB_EMAIL %>">
                                <button class="btn di_clr_w di_m_t_20px di_p_t_0" style="border: 1px solid #fff;">
                                    <div class="rc_mask_icon di_op_7 di_size_25px di_m_r_5px di_bg_w di_d_inline_block di_p_relative" style="top: 7px; mask-image: url(/img/icons/mail_FILL0_wght400_GRAD0_opsz48.svg); -webkit-mask-image: url(/img/icons/mail_FILL0_wght400_GRAD0_opsz48.svg); "></div>
                                    <span><%= process.env.WEB_EMAIL %></span> 
                                </button>
                            </a>
                        </div>
                    </div>

                    <div class="row di_m_t_20px di_m_b_20px">
                        <div class="col-12 di_m_20px di_h_1px di_bg_w di_op_3"></div>
                    </div>

                    <div class="row di_m_b_40px">
                        <div class="col-12 di_clr_w">
                            <div>
                                <div class="rc_mask_icon di_op_7 di_size_25px di_m_r_5px di_bg_w di_d_inline_block di_p_relative" style="top: 7px; mask-image: url(/img/icons/payments_FILL0_wght400_GRAD0_opsz48.svg); -webkit-mask-image: url(/img/icons/payments_FILL0_wght400_GRAD0_opsz48.svg); "></div>
                                All card payments accepted
                            </div>
                            <div>
                                <div class="rc_mask_icon di_op_7 di_size_25px di_m_r_5px di_bg_w di_d_inline_block di_p_relative" style="top: 7px; mask-image: url(/img/icons/revolut_icon.svg); -webkit-mask-image: url(/img/icons/revolut_icon.svg); "></div>
                                Revolut payments also accepted
                            </div>                            
                        </div>
                    </div>

                    <% if(process.env.ONE_PAGE_ONLY === 'false'){ %>
                        <div class="row di_m_t_20px di_m_b_20px">
                            <div class="col-12 di_m_20px di_h_1px di_bg_w di_op_3"></div>
                        </div>

                        <div class="row di_p_t_20px di_m_b_60px">

                            <div class="col-12 col-lg-3 di_p_b_20px">
                                <h5>About</h5>
                                <p class="di_m_b_10px"><a href="/24-7-locksmith" class="di_clr_w di_m_l_10px">24/7 Locksmith</a></p>
                                <p class="di_m_b_10px"><a href="/services" class="di_clr_w di_m_l_10px">Services</a></p>
                                <p class="di_m_b_10px"><a href="/areas-covered" class="di_clr_w di_m_l_10px">Areas Covered</a></p>
                                <p class="di_m_b_10px"><a href="/prices" class="di_clr_w di_m_l_10px">Prices</a></p>
                                <p class="di_m_b_10px"><a href="/join-our-team" class="di_clr_w di_m_l_10px">Join Our Team</a></p>
                                <p class="di_m_b_10px"><a href="/about" class="di_clr_w di_m_l_10px">About us</a></p>
                                <p class="di_m_b_10px"><a href="/contact" class="di_clr_w di_m_l_10px">Contact</a></p>
                            </div>

                            <div class="col-12 col-lg-5 di_p_b_20px">
                                <h5>Social</h5>
                                <a target="_blank" href="" class="di_clr_w di_f_s_14px di_m_l_10px">
                                    <img class="di_size_30px di_m_r_10px" src="/uploads/img/logo/facebook.png" alt="Check our Facebook"> 
                                </a>
                                <a target="_blank" href="" class="di_clr_w di_f_s_14px ">
                                    <img class="di_size_30px di_m_r_10px" src="/uploads/img/logo/instagram.png" alt="Check our Instagram"> 
                                </a>
                            </div>
                
                        </div>
                    <% } %>

                </div>
            </div>


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

<script>

</script>

<div class="cookieConsent">
    <div class="row">
        <div class="textContainer col-md-6 col-lg-8">
            For purpuses like displaying personalised content, we're using cookie modules or similar technologies. By clicking "Accept" you agree allowing us to collect information through cookies or similar technologies. 
        </div>

        <div class="cookieAccept col-md-6 col-lg-4">
            <button>
                Accept
            </button>
            <a href="#">
                use the bare minimum
            </a>
        </div>
    </div>
</div>

    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" crossorigin="anonymous"></script>
    <script src="/js/script.js?v=1.2"></script>
    <script type="module" src="/js/script_module.js"></script>
    <script src="/js/modules/popupModule.js" type="module"></script>
    <script src="/js/owl.carousel.min.js"></script>
    <!-- <script type="module" src="/js/dip_fancybox.js"></script> -->

    <% if(typeof(loadChartsJs) !== 'undefined' && loadChartsJs && loadChartsJs === true){ %>
        <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
    <% } %>


</body>
</html>