{% extends 'base.html' %}
{% load base_extras ui_extras %}

{% block content %}
<ol class="breadcrumb">
  <li class="breadcrumb-item"><a href="/">Home</a></li>
  {% for url, anchor_text in breadcrumbs %}
  {% if url %}
  <li class="breadcrumb-item"><a href="{{ url }}">{{ anchor_text }}</a></li>
  {% else %}
  <li class="breadcrumb-item active">{{ anchor_text }}</li>
  {% endif %}
  {% endfor %}
  <li class="breadcrumb-item active">page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}</li>
</ol>

<div class="d-flex align-items-center mb-1">
    <h2 class="m-0">Device{{ page_obj.paginator.count|pluralize }} ({{ page_obj.paginator.count }})</h2>
</div>

<div class="d-flex flex-wrap align-items-center mb-1">
    <form method="GET" class="search-form">
    
        {{ form }}
        
    <button type="submit" class="btn btn-link mb-2">
        <i class="bi bi-search"></i>
    </button>
    </form>
</div>


{% if object_list %}

    {% pagination next_url previous_url %}

    <table class="table table-striped align-middle">
    <thead>
        <tr>
        <th>serial number</th>
        <th>description</th>
        <th>server</th>
        <th>profile</th>
        <th>updated at</th>
        </tr>
    </thead>
    <tbody>
        {% for dep_device in object_list %}
        <tr>
        <td>
            <a href="{{ dep_device.get_absolute_url }}">{{ dep_device.serial_number|privacywrapper }}</a>
            {% if dep_device.is_deleted %}
            <span class="label label-danger">DELETED</span>
            {% endif %}
        </td>
        <td>{{ dep_device.description|default:"-" }}</td>
        <td>
            {% if perms.mdm.view_depvirtualserver %}
            <a href="{{ dep_device.virtual_server.get_absolute_url }}">{{ dep_device.virtual_server }}</a>
            {% else %}
            {{ dep_device.virtual_server }}
            {% endif %}
        </td>
        <td>
            {% if dep_device.enrollment %}
            {% if perms.mdm.view_depenrollment %}
            <a href="{{ dep_device.enrollment.get_absolute_url }}">{{ dep_device.enrollment }}</a>
            {% else %}
            {{ dep_device.enrollment }}
            {% endif %}
            {% else %}
            {{ dep_device.profile_uuid|default:"-" }}
            {% endif %}
        </td>
        <td>{{ dep_device.updated_at|date:"SHORT_DATETIME_FORMAT" }}</td>
        </tr>
        {% endfor %}
    </tbody>
    </table>

    {% pagination next_url previous_url %}

{% elif form.has_changed %}
    {% url 'mdm:dep_devices' as empty_results_url %}
    {% empty_results empty_results_url %}
{% endif %}


{% endblock %}