{%- extends "_layout.html" %}

{%- block content %}
    <div>
        {{ macros_page.render_breadcrumbs(item) }}

        <div class="jumbotron bg-light" style="margin-top: 1em;">
            <h2>
                {{ hawat_current_view.get_view_title() }}
            </h2>
            <hr>
            <form method="POST"
                  class="form-horizontal d-grid row-gap-2"
                  id="form-events-simple"
                  action="{{ form_url }}">
                {{ macros_form.render_form_item_ransack(
                    form.filter,
                    placeholder = _('Write your filtering rule here...')) }}
                {{ macros_form.render_form_item_default(
                    form.event,
                    placeholder = _('Paste your IDEA event as raw JSON string...'),
                    rows = 5) }}

                <hr>

                {{ macros_form.render_form_feedback(form.csrf_token) }}
                {{ form.csrf_token }}

                <div class="btn-toolbar"
                     role="toolbar"
                     aria-label="{{ _('Form submission buttons') }}">
                    <div class="btn-group" role="group">
                        {{ form.submit() }}
                        <a role="button"
                           class="btn btn-secondary"
                           href="{{ url_for(request.endpoint) }}">
                            {{ _("Clear") }}
                        </a>
                    </div>
                </div>
            </form>
        </div>
    </div>

    {%- if flag_filtered %}
        {%- if filter_result %}
            <div class="card border-success mb-3">
                <div class="card-body">
                    <h4 class="text-success">
                        <i class="fa-solid fa-check"></i> {{ _("Filter matched") }}
                    </h4>

                    <p class="mb-0">
                        {{ _("Given event matches given filtering rule.") }}
                    </p>
                </div>
            </div>
        {%- else %}
            <div class="card border-danger mb-3">
                <div class="card-body">
                    <h4 class="text-danger">
                        <i class="fa-regular fa-circle-xmark"></i> {{ _("Filter did not match") }}
                    </h4>

                    <p class="mb-0">
                        {{ _("Given event does NOT match given filtering rule.") }}
                    </p>
                </div>
            </div>
        {%- endif %}

        {%- if other_matching_filters | length > 0 %}
            <h4>
                {{ _("All filters matching the given IDEA message:") }}
            </h4>
            <table class="table table-bordered table-hover table-striped hawat-datatable">
                <thead>
                    <tr>
                        <th>
                            {{ _("Group") }}
                        </th>
                        <th>
                            {{ _("Name") }}
                        </th>
                        <th>
                            {{ _("Rule") }}
                        </th>
                        <th>
                            {{ _("Validity") }}
                        </th>
                        <th>
                            {{ _("State") }}
                        </th>
                    </tr>
                </thead>
                <tbody>
                    {%- for item in other_matching_filters %}
                        <tr>
                            <td>
                                {{ macros_site.render_filter_group(item) }}
                            </td>
                            <td>
                                <a href="{{ url_for('filters.show', item_id = item.id) }}">
                                    {{ item.name }}
                                </a>
                            </td>
                            <td>
                                {{ item.filter }}
                            </td>
                            <td>
                                {{ macros_site.render_filter_state(item) }}
                            </td>
                            <td>
                                {{ macros_site.render_label_item_state(item.enabled, True) }}
                            </td>
                        </tr>
                    {%- endfor %}
                </tbody>
            </table>
        {%- else %}
            {%- call macros_site.render_alert('info', False) %}
                {{ _("No additional filters matched this event.") }}
            {%- endcall %}
        {%- endif %}
    {%- endif %}

    {%- if permission_can('developer') %}
        <hr>
        {%- if filter_exception %}
            {{ macros_site.render_raw_var('filter_exception',    filter_exception) }}
            {{ macros_site.render_raw_var('filter_exception_st', filter_exception_st) }}
        {%- endif %}

        {{ macros_site.render_raw_var('form_data', form_data) }}
        {{ macros_site.render_raw_var('event', event) }}
        {{ macros_site.render_raw_var('filter_tree', filter_tree) }}
        {{ macros_site.render_raw_var('filter_result', filter_result) }}
    {%- endif %}
{%- endblock content %}