        <div class="col">
          <div class="card shadow-sm">
            <div class="card-body">
              <p class="card-text" style="position: relative;">
                <strong>{{ d.item.name }}</strong>
              </p>
              <table class="table table-striped">
                <thead>
                  <tr>
                    <th colspan="2" scope="row">Manufacturer</th>
                  </tr>
                </thead>
                <tbody class="table-group-divider">
                  {% if d.item.logo %}
                  <tr>
                    <th class="w-33" scope="row">Logo</th>
                    <td><img class="logo" src="{{ d.item.logo.url }}" alt="{{ d.item.name }} logo"></td>
                  </tr>
                  {% endif %}
                  {% if d.item.website %}
                  <tr>
                    <th class="w-33" scope="row">Website</th>
                    <td><a href="{{ d.item.website }}" target="_blank"><i class="bi bi-box-arrow-up-right"></i></a></td>
                  </tr>
                  {% endif %}
                  <tr>
                    <th class="w-33" scope="row">Category</th>
                    <td>{{ d.item.category | title }}</td>
                  </tr>
                </tbody>
              </table>
              <div class="d-grid gap-2 mb-1 d-md-block">
                <a class="btn btn-sm btn-outline-primary" href="{% url 'filtered' _filter="manufacturer" search=d.item.slug %}">Show all rolling stock</a>
                {% if request.user.is_staff %}<a class="btn btn-sm btn-outline-danger" href="{% url 'admin:metadata_manufacturer_change' d.item.pk %}">Edit</a>{% endif %}
              </div>
            </div>
          </div>
        </div>

