<% 
    if(typeof query !== "undefined" && query['q'] === "oferta_personalizata" ){
        metaTitle = locations[0].name + " Emergency Locksmith Services - Fully vetted and with super positive reviews - 24hrs Locksmith"; 
    } else {
        metaTitle = locations[0].name + " Emergency Locksmith Services - Fully vetted and with super positive reviews - 24hrs Locksmith"; 
    }
    metaDescr = locations[0].name + "24hrs Locksmith - Professional Locksmith Services 24/7. There in 15 min. From 39£."; 
    seoNoIndex = "false";
    phoneNr = '+442030538733';
%>
<%- include("../partials/headerView", {newPhone: phoneNr}) %>

<%- include("../partials/menuView", {newPhone: phoneNr}) %>

<style>
    table {
        width: 100%;
        border-spacing: 0 10px;
        border-collapse: separate;
    }
    td, th {
        padding: 10px;
        background-color: #fff;
    }
    tr {
        border-bottom: 10px solid transparent;
    }
</style>






<div class="container di_m_t_40px di_p_10px">
    <div class="row">
        <div class="col-lg-6 col-10">
            <img class="di_w_100P di_w_lg_75P" src="/img/media/locationcolorlogo.svg" alt="">
        </div>
    </div>
</div>
<div class="container di_m_t_20px di_p_10px">
    <% if (locations && locations.length > 0) { %>
        <h3>Locations for <%= locations[0].postal_code %></h3>
    <% } else { %>
        <h3>No Locations Available</h3>
    <% } %>
</div>
<div class="container  di_p_10px">
    <div class="row">
        <table class="rc_timeline_table" style="border-spacing: 0 10px;">
            <thead>
                <th class="">Postcode</th>
                <th class="di_p_15px">Locations</th>
                 <th class="di_p_15px"></th>
                </tr>
            </thead>
            <tbody>
                <% locations.forEach(location => { %>
                    <tr class="di_bg_w di_m_b_20px" style="border-bottom: 30px solid transparent;">
                            <td class="di_p_t_10px di_p_b_10px ">
                                <a href="/locations/<%= location.slug %>">
                                    <%= location.postal_code %>
                                    <% if (typeof location.postal_code_nr !== "undefined" && location.postal_code_nr) { %>
                                        <%= location.postal_code_nr %>
                                    <% } else { %>
                                        N/A
                                    <% } %>
                                </a>
                            </td>
                            <td class="di_p_15px di_p_t_0 di_p_b_0 " >
                                <b>
                                    <a href="/locations/<%= location.slug %>">
                                     <%= location.name %>
                                    </a>
                                </b>
                              
                            </td>
                            <td>
                                <a href="/locations/<%= location.slug %>">
                                     <div class="rc_mask_icon di_f_right di_op_7 di_size_25px di_m_r_5px di_bg_b di_d_inline_block di_p_relative" style=" transform:rotate(180deg); mask-image: url(/img/icons/chevron_left.svg); -webkit-mask-image: url(/img/icons/chevron_left.svg); "></div>
                                </a>
                            </td>
                    </tr>
                <% }); %>
            </tbody>
        </table>
    </div>
</div>





<%- include("../partials/footerView", {hideLocation: 'true', newPhone: phoneNr}) %>