{% extends "gadjo/radio-widget.html" %}
{% load i18n %}

{% block widget-title %}{% endblock %}

{% block widget-control %}
  <ul class="layout-types">
    <li class="layout-types--card"><label><input required type="radio" name="{{ field.name }}" value="card">
      <span class="icon"></span>
      <div>
        <strong>{% trans "Card" context "card-display-mode" %}</strong>
        <p>{% trans "Arrange data in a tile" %}</p>
      </div>
    </label></li>
    <li class="layout-types--table"><label><input required type="radio" name="{{ field.name }}" value="table">
      <span class="icon"></span>
      <div>
        <strong>{% trans "Table" context "card-display-mode" %}</strong>
        <p>{% trans "Display data as rows in a table" %}</p>
      </label></div></li>
  </ul>
{% endblock %}