<%= sky_section_tag("File Details") do %>
  <div class="flex flex-wrap gap-x-4 text-sm text-slate-600">
    <span>
      <i class="fa-regular fa-file mr-1"></i>
      <% ct = log_entry.content_type %>
      <% ct = ct.split(";").first if ct %>
      Type: <%= ct %>
    </span>
    <span>
      <i class="fa-solid fa-weight-hanging mr-1"></i>
      Size: <%= number_to_human_size(log_entry.response_size) %>
    </span>
    <span>
      <i class="fa-solid fa-clock mr-1"></i>
      Response Time: <%= log_entry.response_time_ms == -1 ? "(unknown)" : "#{log_entry.response_time_ms}ms" %>
    </span>
    <span>
      <i class="fa-solid fa-signal mr-1"></i>
      Status: <span class="<%= log_entry.status_code == 200 ? 'text-green-600' : 'text-red-600' %>"><%= log_entry.status_code %></span>
    </span>
  </div>
<% end if log_entry %>
