{% load tz %}{% get_current_timezone as current_tz %}
<div class="card">
  <h5 class="card-header">DHCP Lease Details</h5>
  <div class="card-body">
    <table class="table table-hover attr-table">
      <tr>
        <th scope="row">Lease Hostname</th>
        <td>{{ dhcp_info.lease_hostname|default:'—' }}</td>
      </tr>
      <tr>
        <th scope="row">Active</th>
        <td>
          {% if dhcp_info.active %}
            <i class="mdi mdi-check-bold text-success"></i>
          {% else %}
            <i class="mdi mdi-close text-danger"></i>
          {% endif %}
        </td>
      </tr>
      <tr>
        <th scope="row">{% if dhcp_info.active %}Active{% else %}Inactive{% endif %} Since ({{ current_tz }})</th>
        <td>
          {% if dhcp_info.state_changed %}
            {{ dhcp_info.state_changed }}
          {% else %}
            <span class="text-muted">—</span>
          {% endif %}
        </td>
      </tr>
      <tr>
        <th scope="row">Lease Expiration ({{ current_tz }})</th>
        <td>
          {% if dhcp_info.lease_expiration %}
            {{ dhcp_info.lease_expiration }}
          {% else %}
            <span class="text-muted">—</span>
          {% endif %}
        </td>
      </tr>
    </table>
  </div>
</div>