{% extends 'base.html' %}

{% block content %}
<h2>Dispositius</h2>

<div class="py-5">
    <div class="container">
        <div class="row hidden-md-up">
            {% for device in devices %}
            <div class="col-md-4">
                {% if device.connected%}
                <div class="card ok">
                    {% else %}
                    <div class="card danger">
                        {% endif %}
                        <div class="card-body">
                            <h5 class="card-title">{{ device.ip }}</h5>
                            <h6>{{device.hostname}}</h6>
                            <h6>{{device.student}}</h6>
                            <a href="edit/{{ device.ip }}">Edit</a>
                            <a href="delete/{{ device.ip }}">Delete</a>
                        </div>

                    </div>
                </div>
                {% endfor %}

            </div>
        </div>
    </div>


    {% endblock content %}