<div class="modal" id="deleteFilterModal" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="<%= t('general.close') %>"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">
          <%= t('webhooks.index.delete_filter_modal.title') %>
        </h4>
      </div>
      <div class="modal-body">
        <p class="description">
          <%= t('webhooks.index.delete_filter_modal.description_html') %>
        </p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal"><%= t('general.cancel') %></button>
        <%= form_with url: destroy_filter_users_settings_webhooks_path(sort: @current_sort), class: "delete-filter-form" do |f| %>
          <%= hidden_field_tag :filter_id %>
          <%= f.button t('general.delete'), class: "btn btn-danger" %>
        <% end %>
      </div>
    </div>
  </div>
</div>
