Markup for favoriting links

reflex-markup.html.erb

<div class="flex flex-wrap -mb-4">
  <% @things.each do |thing| %>
  <div class="w-1/3 max-w-sm rounded overflow-hidden shadow-lg">
    <div class="px-6 py-4">
      <div class="font-bold text-xl mb-2"><%= thing.title %> </div>
      <p class="text-gray-700 text-base">
        ID: <%= thing.id %>
      </p>
      <p class="text-gray-700 text-base">
        <%= thing.description || "Description TBD" %>
      </p>
      <p class="text-gray-700 text-base">
        Status: <%= thing.status %>
      </p>
      <p class="text-gray-700 text-base">
        Favorited?: <%= @favorites.include?(thing.id) %>
      </p>
    </div>
    <div class="px-6 py-4">
      <% if @favorites.include?(thing.id) %>
          <a href='#'
          data-userid="<%= current_user.id %>"
          data-thingid="<%= thing.id %>"
          data-reflex="click->FavoriteReflex#remove_favorite"
          >Unfavorite</a>
      <% else %>
          <a href='#'
          data-userid="<%= current_user.id %>"
          data-thingid="<%= thing.id %>"
          data-reflex="click->FavoriteReflex#add_favorite"
          >Favorite</a>
      <% end %>
      <span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2">Borrow</span>
      <span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2">More info</span>
    </div>
  </div>
  <% end %>
</div>