<style>
    .table_menu{
        flex-direction: column !important;
        min-width: fit-content !important;
        white-space: nowrap !important;
        gap: 11px !important;
        padding: 15px !important;
        transform: translate(50%, 19px) !important;
    }
    .table_menu.show{
        display: flex ;
    }
    .dropdownToggle::after{
        display: none;
    }
</style>

<title><%=title%></title>

<%- include('../../../includes/dataTable/dataTableCss.ejs') %>

<!-- start content -->
<section id="data-list-view" class="data-list-view-header">
    <div class="all-buttons mb-1 d-flex justify-content-between m-0">
        <div class="table_buttons">
            <a href="/dashboard/providers/editRequests" type="button" class="reload btn bg-gradient-warning mr-1 mb-1 waves-effect waves-light"><i class="feather icon-refresh-cw"></i> <%= i18n.__({ phrase : 'refresh', locale : lang }) %> </a>
        </div>

        <% if (providers.length && searchData) { %>
            <%- include('../../../includes/searchArray.ejs', { searchData }) %>
        <% } %>

    </div>

    <!-- Data list view Ends -->

    <!-- DataTable starts -->
    <%- include('./dataTable.ejs', { providers }) %>
    <!-- DataTable ends -->
    
</section>
<!-- end content -->


<%- include('../../../includes/dataTable/dataTableScripts.ejs'), { i18n } %>

<%- include('../../../includes/deleteAll.ejs'), { i18n } %>

<%- include('../../../includes/deleteOne.ejs'),{ i18n } %>

<%- include('./includes.ejs',{ i18n }) %>
<%if(searchData){%>
    <%- include('../../../includes/filter.ejs', { searchData }) %>
<%}%>
