{% if entry.state %}
    <span class="inline-flex items-center rounded-full px-2 py-0.5 text-[11px] font-medium
        {% if entry.state == 'confirmed' %}
          bg-emerald-100 text-emerald-800
        {% elif entry.state == 'provisional' %}
          bg-amber-100 text-amber-800
        {% elif entry.state == 'ordered' %}
          bg-blue-100 text-blue-800
        {% else %}
          bg-stone-100 text-stone-700
        {% endif %}
      ">
      {{ entry.state|capitalize }}
    </span>
  {% endif %}