<% timestamp = experiment.created_at %>
<% name = experiment.name %>
<div class="report-element report-experiment-element"
  data-ts="<%= timestamp.to_i %>"
  data-type="experiment"
  data-id='{ "experiment_id": <%= experiment.id %> }'
  data-scroll-id="<%= experiment.id %>"
  data-modal-title="<%=t "projects.reports.elements.modals.experiment_contents.head_title",
    experiment: experiment.name %>" data-name="<%= name %>" data-icon-class="fas fa-flask">
  <div class="report-element-header">
    <div class="row">
      <div class="pull-left user-time">
        <%=t "projects.reports.elements.experiment.user_time", timestamp: l(timestamp, format: :full) %>
      </div>
      <div class="pull-right controls">
        <%= render partial: "reports/elements/element_controls.html.erb", locals: { show_sort: true } %>
      </div>
    </div>
  </div>
  <div class="report-element-body" data-hook="report-experiment-element">
    <div class="row">
      <div class="pull-left experiment-name">
        <h4>
          <i class="fas fa-flask"></i>
          <%= name %></h4>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-12">
        <% if experiment.description.present? %>
          <%= custom_auto_link(experiment.description) %>
        <% else %>
           <em><%=t "projects.reports.elements.experiment.no_description" %></em>
        <% end %>
      </div>
    </div>
  </div>
  <div class="report-element-children">
    <%= children if (defined? children and children.present?) %>
  </div>
</div>
