{%- extends "_layout.html" %}

{%- block content %}

                <div>
                    {{ macros_page.render_breadcrumbs(item) }}

                    <h3>{{ item.name }}</h3>
                    <div class="float-end">
                        {{ macros_page.render_menu_actions(item) }}
                    </div>
                    <p>
                        <small>
                            <strong>{{ _('Detector created') }}:</strong> {{ babel_format_datetime(item.createtime) }} ({{ _('%(delta)s ago', delta = babel_format_timedelta(current_datetime_utc - item.createtime)) }})
                        </small>
                    </p>
                    <br>

                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs" role="tablist">
                        <li role="presentation" class="nav-item">
                            <a href="#tab-general" aria-controls="tab-general" role="tab" data-bs-toggle="tab" class="nav-link active">
                                <strong>{{ get_icon('alert-info') }} {{ _('General information') }}</strong>
                            </a>
                        </li>
                        {%- if can_access_endpoint('detectors.update', item) %}
                        <li role="presentation" class="nav-item">
                            <a href="#tab-changelog" aria-controls="tab-changelog" role="tab" data-bs-toggle="tab" class="nav-link">
                                <strong>{{ get_icon('module-changelogs') }} {{ _('Changelogs') }}</strong> <span class="badge rounded-pill  text-bg-secondary">{{ item_changelog | length }}</span>
                            </a>
                        </li>
                        {%- endif %}
                    </ul>

                    <!-- Tab panes -->
                    <div class="tab-content">

                        <div role="tabpanel" class="tab-pane fade in show active" id="tab-general">
                            <br>
                            <table class="table table-striped">
                                <tbody>
                                    <tr>
                                        <th>
                                            {{ _('Name') }}:
                                        </th>
                                        <td>
                                            {{ item.name | default(_('<< unknown >>'), True) }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>
                                            {{ _('Source') }}:
                                        </th>
                                        <td>
                                            {{ item.source | default(_('<< unknown >>'), True) }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>
                                            {{ _('Description') }}:
                                        </th>
                                        <td>
                                            {{ item.description | default(_('<< unknown >>'), True) }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>
                                            {{ _('Registered') }}:
                                        </th>
                                        <td>
                                            {{ babel_format_datetime(item.registered) | default(_('<< unknown >>'), True) }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>
                                            {{ _('Hits') }}:
                                        </th>
                                        <td>
                                            <span class="badge rounded-pill  text-bg-secondary">{{ item.hits }}</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>
                                            {{ _('Credibility') }}:
                                        </th>
                                        <td>
                                            {{ item.credibility }}
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        {%- if can_access_endpoint('detectors.update', item) %}
                        <div role="tabpanel" class="tab-pane fade" id="tab-changelog">
                            <br>
                            {%- if item_changelog %}
                            {{ macros_page.render_changelog_records(item_changelog, context_action_menu_changelogs) }}
                            <p>
                                <small>
                                    {{ _('Displaying only latest %(count)s changelogs', count = 100) }}
                                </small>
                            </p>
                            {%- else %}
                            {%- call macros_site.render_alert('info', False) %}
                            {{ _('This object does not have any changelog records at the moment.') }}
                            {%- endcall %}
                            {%- endif %}
                        </div>
                        {%- endif %}

                    </div>

                </div>

    {%- if permission_can('developer') %}

            <hr>

            {{ macros_site.render_raw_item_view(item) }}

    {%- endif %}

{%- endblock content %}