What is the better way to use multi loop in elixir?

for card <- @cards,
    cat <- @categories,
    card.wedding_card_category_id === cat.id,
    do: cat.title

I have tested it , but I have a problem

see my code please:

<!-- Loop of categories items -->
        <%= for card <- @cards, cat <- @categories do %>
          <tr>
            <td>
              <a href="/card-admin/card/category/<%= card.id %>"><%= card.title %></a>
            </td>
            <td>
              <div class="media align-items-center">
                <div class="media-body lh-1">

                      <%= if card.wedding_card_category_id === cat.id do %>
                        <%= cat.title %>
                      <% end %>

                </div>
              </div>
            </td>
            <td>
              <div class="media align-items-center">
                <div class="media-body lh-1">
                  <%= card.code %>
                </div>
              </div>
            </td>
            <td>
              <% time_need = WeddingCard.Extera.TimeCreator.jalali_create(card.inserted_at) %>
              <%= time_need.day_number %> <%= time_need.month_name %> <%= time_need.year_number %>
            </td>
            <td>
              <% time_need = WeddingCard.Extera.TimeCreator.jalali_create(card.updated_at) %>
              <%= time_need.day_number %> <%= time_need.month_name %> <%= time_need.year_number %>
            </td>
          </tr>
          <% end %>
          <!-- end of Loop of categories items -->
          <% end %>

It loops more than I need:

14%20pm1168×266 19.2 KB

I’m afraid that I made a mistake, I edited this

        <%= for card <- @cards, cat <- @categories, card.wedding_card_category_id === cat.id do %>

instead of that code, I think it fix

29%20pm1258×272 17.8 KB