<!-- DataTable starts -->
<div class="table-responsive">
    <% if (!villages.length){%>
        <%- include('../includes/notFound.ejs') %>
    <%}else{%>
        
        <table class="table data-list-view">
            <thead>
            <tr>
                <%- include('../includes/checkAll.ejs') %>

                <th><%= i18n.__('common.date') %></th>
                <th><%= i18n.__('countries.city') %></th>
                <th><%= i18n.__('countries.name') %></th>
                <th><%= i18n.__('countries.districts') %></th>
                <th> <%= i18n.__('countries.status') %>  </th>
                <th><%= i18n.__('common.actions') %></th>
            </tr>
            </thead>
            <tbody id="filteredDataContainer">
                <%- include('./tds.ejs', { villages }) %>
            </tbody>
        </table>

        <div class="d-flex justify-content-center mt-3">
            <nav aria-label="Page navigation example">
                <%-paginationHtml%>
           </nav>
        </div>

    <%}%>
</div>
<!-- DataTable ends -->