<% if(typeof showWhite === 'undefined' || !(showWhite)){
  showWhite = "false";
} 

if(typeof(newPhone) !== "undefined" && newPhone){
  phoneNr = newPhone;
} else {
  phoneNr = process.env.WEB_PHONE;
}
%>
<nav class="dipHomeHeaderMenuGrid di_d_lg_none navbar-light di_h_50px" style="background-color: rgba(0,0,0,0.05);">
  <% if(typeof showWhite !== "undefined" && showWhite == "true"){ %>
    <a class="dipHomeHMLogo" href="/"><img class="" style="width:180px;" src="/uploads/img/logo/24hrslocksmith_logo.png"/></a>
  <% } else { %>
    <a class="dipHomeHMLogo" href="/"><img class="" style="width:180px;" src="/uploads/img/logo/24hrslocksmith_logo.png"/></a>
  <% } %>
  <button onClick="diShowHide('dipNavMenuDD')" class="dipHomeHMBurgerMenu di_clr_w di_d_lg_none navbar-toggler di_z_100 di_border_0 di_p_0" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <div class="rc_mbl_menu_icon rc_mask_icon <% if(typeof showWhite !== 'undefined' && showWhite == 'true'){ %>di_bg_w<% } else { %>di_bg_b<% } %>"></div>
  </button>
  <button class="dipHomeCallIcon di_clr_w di_d_lg_none di_z_100 di_border_0 di_p_0" onClick="saveCallBtnClick('top_menu');" style="background-color: transparent!important;" type="button">
    <a href="tel:<%= phoneNr %>" class="keysBtnBlink lock_mbl_call_btn" style="height: 30px; display: inline-block; border-radius: 50%;">
      <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: 2px; left: 3px; mask-image: url(/img/icons/phone_w.svg); -webkit-mask-image: url(/img/icons/phone_w.svg); "></div>
    </a>
  </button>
</nav>

<nav class="dipHeaderMenuGrid_lg di_d_none navbar-light di_h_50px">
  <% if(typeof showWhite !== "undefined" && showWhite == "true"){ %>
    <a class="dipHMDiLogoHome_lg" href="/"><img style="width:160px;" src="/uploads/img/logo/24hrslocksmith_logo.png"/></a>
  <% } else { %>
    <a class="dipHMDiLogoHome_lg" href="/"><img style="width:160px;" src="/uploads/img/logo/24hrslocksmith_logo.png"/></a>
  <% } %>
  <div class="dipHMLinks_lg">
    <%- include("./miniatures/pcMenuLinks", {showWhite}) %>
  </div>
</nav>
