{% if perms.dcim.change_device %}
<div class="dropdown">
    <button id="device-type-sync" type="button" class="btn btn-sm btn-primary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
        Device type sync
    </button>
    <ul class="dropdown-menu" aria-labeled-by="device-type-sync">
        {% if perms.dcim.add_consoleport %}
            <li>
                <a class="dropdown-item" href="{% url 'plugins:netbox_interface_sync:consoleport_comparison' device_id=device.id %}">
                    Console Ports
                </a>
            </li>
        {% endif %}
        {% if perms.dcim.add_consoleserverport %}
            <li>
                <a class="dropdown-item" href="{% url 'plugins:netbox_interface_sync:consoleserverport_comparison' device_id=device.id %}">
                    Console Server Ports
                </a>
            </li>
        {% endif %}
        {% if perms.dcim.add_powerport %}
            <li>
                <a class="dropdown-item" href="{% url 'plugins:netbox_interface_sync:powerport_comparison' device_id=device.id %}">
                    Power Ports
                </a>
            </li>
        {% endif %}
        {% if perms.dcim.add_poweroutlet %}
            <li>
                <a class="dropdown-item" href="{% url 'plugins:netbox_interface_sync:poweroutlet_comparison' device_id=device.id %}">
                    Power Outlets
                </a>
            </li>
        {% endif %}
        {% if perms.dcim.add_interface %}
            <li>
                <a class="dropdown-item" href="{% url 'plugins:netbox_interface_sync:interface_comparison' device_id=device.id %}">
                    Interfaces
                </a>
            </li>
        {% endif %}
{#        {% if perms.dcim.add_frontport %}#}
{#            <li>#}
{#                <a class="dropdown-item" href="{% url 'plugins:netbox_interface_sync:frontport_comparison' device_id=device.id %}">#}
{#                    Front Ports#}
{#                </a>#}
{#            </li>#}
{#        {% endif %}#}
        {% if perms.dcim.add_rearport %}
            <li>
                <a class="dropdown-item" href="{% url 'plugins:netbox_interface_sync:rearport_comparison' device_id=device.id %}">
                    Rear Ports
                </a>
            </li>
        {% endif %}
        {% if perms.dcim.add_devicebay %}
            <li>
                <a class="dropdown-item" href="{% url 'plugins:netbox_interface_sync:devicebay_comparison' device_id=device.id %}">
                    Device Bays
                </a>
            </li>
        {% endif %}
    </ul>
</div>
{% endif %}