% layout "main";

%= include "_search";

<div class="layout-flex-box media">

<div class="media-metadata">
% if ($tags->@* == 0) {
    <p>Non tags yet. <%= ">_<'" %></p>
% } else {
  <dl>
%   for my $entry (tags_by_kind $tags) {
%     next if $entry->{tags}->@* == 0;
    <dt><%= $entry->{kind} %></dt>
%     for my $tag ($entry->{tags}->@*) {
    <dd><%= link_for_tag $tag %> <%= $tag->{count} %></dd>
%     }
%   }
  </dl>
% }
  <dl>
    <dt>ID</dt>
    <dd><%= $media->{id} %></dd>
    <dt>Original filename</dt>
    <dd><%= $media->{filename} %></dd>
    <dt>Content-type</dt>
    <dd><%= $media->{content_type} %></dd>
    <dt>Upload date</dt>
    <dd><%= $media->{upload_datetime} %></dd>
  </dl>
</div>

<%= link_to $media->{src} =>
    class => "layout-flex-item-fullsize media-item" =>
    begin %>
  <%= image $media->{src} %>
<% end %>

</div>

% if ((my $similar_media = stash("similar_media") // [])->@* > 0) {
<h2>Similar results</h2>
<div class="layout-flex-row gallery">
%   for my $m ($similar_media->@*) {
  <%= link_to $m->{show_media_url} => begin %>
    <%= image $m->{media_src}, alt => "Score: $m->{similarity_score}" %>
  <%= end %>
%   }
</div>
% }