
<style>
    /* Adjusting margin-top */
.margin-top-2 {
    margin-top: 1rem;

     /* Adjust this value to your preference */
}
.margin-top-2 button {
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}



/* Hover effect for buttons */
.btn-dark-gray:hover {
    background-color: #343a40;; /* Slightly darker on hover */
    color: #ffffff;
}

</style>
<div class="d-flex justify-content-between">
    <div class="">
        <% if (createBtn){%>
            <a href="<%=createUrl%>" class=" me-1 btn btn-outline-primary waves-effect" >  <span class="ti-xs ti ti-plus me-1"></span> <%= i18n.__('common.add') %> </a>
        <%}%>

         <% if (deleteSelectedBtn){%>
            <button type="button" data-route="<%=deleteSelectedUrl%>" class="me-1 btn btn-outline-danger waves-effect delete_all_button" style="display: none;"><span class="ti-xs ti ti-trash-off me-1"></span> <%= i18n.__('common.deleteSelector') %> </button>
        <%}%>
        <% if(refreshBtn){%>
            <button type="button" class="reloadTable me-1 btn btn-outline-success waves-effect">
                <span class="ti-xs ti ti-reload me-1 reloadTable"></span> <%= i18n.__('common.refresh') %>
            </button>
            <%}%>

         <% if(pdfBtn){ %>
            <button type="button" class=" me-1 btn btn-outline-secondary waves-effect waves-light pdf-btn" data-dir="ltr"> <span class="ti-xs ti ti-file me-1"></span><%=  i18n.__('common.export') %> <%=i18n.__('pdf') %></button>
            <%- include('../includes/pdf/exportPdfData.ejs') %>
        <% } %>
        <% if(excelBtn){ %>
            <button type="button" class=" me-1 btn btn-outline-secondary waves-effect  excel-btn"><span class="ti-xs ti ti-table-plus me-1"></span><%=  i18n.__('common.export') %> <%=i18n.__('excel') %></button>
        <% } %>
        <% if(exportAllBtn){ %>
            <button type="button" data-route='<%= JSON.stringify(exportData) %>'  class=" me-1 btn btn-outline-secondary  waves-effect waves-light exportAll-btn"><span class="ti-xs ti ti-files me-1"></span><%=  i18n.__('common.export') %> <%=i18n.__('common.all') %> <%=i18n.__('excel') %></button>
        <% } %>

        <% if(excelBtn || exportAllBtn){ %>

            <%- include('../includes/excel/exportExcelData.ejs') %>
        <% } %>

    </div>
    <%if(filterBtn){%>
        <div>
            <button type="button" class="btn btn-outline-info waves-effect show_filter">
              <span class="ti-xs ti ti-filter-plus me-1"></span>
            </button>
        </div>
    <%}%>


</div>
