<script src="/admin/app-assets/vendors/js/forms/select/select2.full.min.js"></script>
<script src="/admin/app-assets/js/scripts/forms/select/form-select2.js"></script>

<button type="button" class="btn-searchTable">
    <i class="feather icon-filter"></i> <span><%= i18n.__('filterName') %></span>
</button>

<div class="searchTable">
    <div class="forma">
        <div class="d-flex align-items-center justify-content-between">
            <h3 class="font-bold"> <%= i18n.__('filterBy') %>  : </h3>
            <div class="text-danger btnClose"> <i class="fa fa-times"></i> </div>
        </div>

        <%if(searchData.order == true){%>

            <div class="form-group">
                <label for="first-name-column"><%= i18n.__('common.sortBy') %></label>
                <div class="controls border">
                    <i class="fa fa-times clean-input"></i>
                    <select name="order" class="form-control search-input select2  select2-hidden-accessible">
                        <option value><%= i18n.__('common.choose') %></option>
                        <option value="ASC"><%= i18n.__('common.ASC') %></option>
                        <option value="DESC"><%= i18n.__('common.DESC') %></option>
                    </select>
                </div>
            </div>
        <%}%>

        <%if(searchData.date == true){%>
            <div class="form-group">
                <label for="first-name-column"> <%= i18n.__('common.startDate') %></label>
                <div class="controls border" id="start">
                    
                    <i class="fa fa-times clear-input" data-clear></i>
                    <input type="date" name="startDate" class="form-control search-input" data-input>
                </div>
            </div>
            <div class="form-group">
                <label for="first-name-column"> <%= i18n.__('common.endDate') %></label>
                <div class="controls border" id="end">
                    <i class="fa fa-times clear-input" data-clear></i>

                    <input type="date" name="endDate" class="form-control search-input" data-input>
                </div>
            </div>
        <%}%>



        <% searchData.array.forEach(function (value, key) { %>
          <div class="form-group">
            <label for="first-name-column"><%= i18n.__(value.inputName) %></label>
            <div class="controls border">
                <i class="fa fa-times clean-input"></i>
                <% if (value.inputType !== 'select') { %>
                    <input type="<%= value.inputType %>" name="<%= value.inputName %>" class="form-control search-input" id="<%= value.inputName.charAt(0).toUpperCase() + value.inputName.slice(1) %>" placeholder="<%= i18n.__(value.placeholder) %>">
                <%}else if (value.inputType == 'select') { %>

                    <i class="fa fa-times clean-input" id="clearInput<%= value.inputName.charAt(0).toUpperCase() + value.inputName.slice(1) %>"></i>
                    <select name="<%= value.inputName %>" class="test form-control search-input select2  select2-hidden-accessible" id="<%= value.inputName.charAt(0).toUpperCase() + value.inputName.slice(1) %>Select">
                        <option disabled selected id="<%= value.inputName %>Option" value><%= i18n.__('common.choose') %></option>
                        <!-- <option  id="<%= value.inputName %>Option" value><%= i18n.__('common.choose') %></option> -->

                        <% value.rows.forEach(function (row) { %>
                            <option  class="test" value="<%= row.key %>"><%= row.value %></option>
                        <% }); %>

                    </select>
               <%}%>
            </div>
        </div>
        <%})%>
        </div>
</div>
