<%= gettext("Tags") %>

<%= gettext("Tags can be added to your containers to help you organize") %>

<%= if @tags |> Enum.empty?() and @search |> is_nil() do %>

<%= gettext("No tags") %> <%= display_emoji("😔") %>

<.link patch={Routes.tag_index_path(Endpoint, :new)} class="btn btn-primary"> <%= dgettext("actions", "Make your first tag!") %> <% else %> <.link patch={Routes.tag_index_path(Endpoint, :new)} class="btn btn-primary"> <%= dgettext("actions", "New Tag") %> <% end %>

<.form :let={f} for={:search} phx-change="search" phx-submit="search" class="grow self-stretch flex flex-col items-stretch" data-qa="tag_search" > <%= text_input(f, :search_term, class: "input input-primary", value: @search, phx_debounce: 300, placeholder: gettext("Search tags") ) %>

<%= if @tags |> Enum.empty?() do %>

<%= gettext("No tags") %> <%= display_emoji("😔") %>

<% else %>

<%= for tag <- @tags do %> <.tag_card tag={tag}> <.link patch={Routes.tag_index_path(Endpoint, :edit, tag)} class="text-primary-600 link" data-qa={"edit-#{tag.id}"} > <.link href="#" class="text-primary-600 link" phx-click="delete" phx-value-id={tag.id} data-confirm={ dgettext("prompts", "Are you sure you want to delete %{name}?", name: tag.name) } data-qa={"delete-#{tag.id}"} > <% end %>

<% end %>