{% extends "base.html" %}

{% block content %}
<section class="section">
    <div class="container">
        <h1 class="title">{{ object.name }}</h1>
        <div class="field is-grouped is-grouped-multiline">
            <div class="control">
                {% if calibration is none or calibration.state == 0 %}
                    <span class="tags has-addons">
                        <span class="tag is-dark">étalonnage</span>
                        <span class="tag is-danger">aucune donnée</span>
                    </span>
                {% elif calibration.state == 1 %}
                    <span class="tags has-addons">
                        <span class="tag is-dark">étalonnage</span>
                        <span class="tag is-warning">pas fait</span>
                    </span>
                {% elif calibration.state == 2 %}
                    <a href="/calibration/{{ object.id }}" class="tags has-addons">
                        <span class="tag is-dark">étalonnage</span>
                        <span class="tag is-success">fait</span>
                    </a>
                {% endif %}
            </div>
        </div>
        {% if calibration is none or calibration.state == 0 %}
            <div class="field is-grouped">
                <a href="/calibrate/{{ object.id }}" class="button is-link">Étalonner le scanner</a>
                <a href="#" title="Non implémenté" disabled="disabled" class="button is-link">Utiliser le dernier étalonnage connu</a>
            </div>
        {% endif %}
    </div>
</section>
{% endblock content %}