{% extends 'generic/object_children.html' %}
{% load helpers %}
{% load i18n %}

{% block title %}{% trans "Device Vulnerabilities" %}{% endblock %}

{% block content %}
<div id="netpicker-vulnerabilities-tab">
  <style>
    #netpicker-vulnerabilities-tab .bulk-buttons, 
    #netpicker-vulnerabilities-tab .bulk-actions, 
    #netpicker-vulnerabilities-tab .bulk-controls {
      display: none !important;
    }
  </style>
  <script>
    document.addEventListener('DOMContentLoaded', function() {
      const parent = document.getElementById('netpicker-vulnerabilities-tab');
      if (parent) {
        const selectors = [
            '.bulk-buttons',
            '.bulk-actions',
            '.bulk-controls',
            'button[name="_edit"]',
            'button[name="_delete"]',
            'button[name="_rename"]'
        ];
        selectors.forEach(selector => {
          parent.querySelectorAll(selector).forEach(el => el.remove());
        });
      }
    });
  </script>
  {{ block.super }}
</div>
{% endblock content %}