<% asset ||= report_element.asset %>
<% timestamp = asset.created_at %>
<div class="report-element report-step-attachment-element report-step-asset-element">
  <div class="report-element-header">
    <div class="row">
      <div class="pull-left attachment-icon <%= defined?(export_all) && export_all ? 'export-all-icons' : '' %>">
        <%= file_extension_icon_html(asset, true) %>
      </div>
      <div class="pull-left file-name">
        <% if defined? export_all and export_all %>
          <% if  @obj_filenames.dig(:assets, asset.id, :bio_eddie) %>
            <% file_link = @obj_filenames.dig(:assets, asset.id, :bio_eddie) %>
          <% else %>
            <% file_link = @obj_filenames.dig(:assets, asset.id, :file) %>
          <% end %>
          <a href="<%= file_link %>">
            <em><%= t('projects.reports.elements.step_asset.file_name', file: file_link&.split('/')&.last) %></em>
          </a>
        <% else %>
          <em>
            <%= t('projects.reports.elements.step_asset.file_name',
                  file: truncate(asset.file_name, length: Constants::FILENAME_TRUNCATION_LENGTH)) %>
            <%= link_to t('projects.reports.elements.download'), asset_download_url(asset, disposition: 'attachment'), class: 'download-link', target: :_blank %>
          </em>
        <% end %>
      </div>
      <div class="pull-left user-time">
        <%= t('projects.reports.elements.step_asset.user_time', timestamp: l(timestamp, format: :full)) %>
      </div>
    </div>
  </div>
  <div class="report-element-body">
    <% if asset.previewable? && !asset.list? %>
      <div class="row">
        <div class="col-xs-12 file-image">
          <% if defined?(export_all) && export_all %>
            <img class="report-export-img" src="<%= @obj_filenames.dig(:assets, asset.id, :preview) %>">
          <% else %>
            <%= report_image_asset_url(asset) %>
          <% end %>
        </div>
      </div>
    <% end %>
  </div>
  <% if defined?(children) %>
    <div class="report-element-children">
      <%= children %>
    </div>
  <% end %>
</div>
