<div class="card">
    <h5 class="card-header">Options</h5>
    <div class="card-body">
        <table class="table table-hover attr-table">
            {% if object.ether_type %}
            <tr>
                <th scope="row">Ether Type</th>
                <td>{{ object.ether_type }}</td>
            </tr>
            {% endif %}
            {% if object.ip_protocol %}
            <tr>
                <th scope="row">IP Protocol</th>
                <td>{{ object.ip_protocol }}</td>
            </tr>
            {% endif %}
            {% if object.arp_flag %}
            <tr>
                <th scope="row">ARP Flag</th>
                <td>{{ object.arp_flag }}</td>
            </tr>
            {% endif %}
            {% if object.sport_from %}
            <tr>
                <th scope="row">Source Port From</th>
                <td>{{ object.sport_from }}</td>
            </tr>
            {% endif %}
            {% if object.sport_to %}
            <tr>
                <th scope="row">Source Port To</th>
                <td>{{ object.sport_to }}</td>
            </tr>
            {% endif %}
            {% if object.dport_from %}
            <tr>
                <th scope="row">Destination Port From</th>
                <td>{{ object.dport_from }}</td>
            </tr>
            {% endif %}
            {% if object.dport_to %}
            <tr>
                <th scope="row">Destination Port To</th>
                <td>{{ object.dport_to }}</td>
            </tr>
            {% endif %}
        </table>
    </div>
</div>
