<%= turbo_frame_tag "profile_time_stats" do %>
  <div class="grid grid-cols-1 sm:grid-cols-3 gap-4 mb-6">
    <div class="border border-primary rounded-xl p-5 text-center">
      <div class="text-sm text-muted uppercase tracking-wide mb-1">Today</div>
      <div class="text-2xl font-bold text-primary"><%= ApplicationController.helpers.short_time_simple(total_time_today) %></div>
    </div>
    <div class="border border-primary rounded-xl p-5 text-center">
      <div class="text-sm text-muted uppercase tracking-wide mb-1">This Week</div>
      <div class="text-2xl font-bold text-primary"><%= ApplicationController.helpers.short_time_simple(total_time_week) %></div>
    </div>
    <div class="border border-primary rounded-xl p-5 text-center">
      <div class="text-sm text-muted uppercase tracking-wide mb-1">All Time</div>
      <div class="text-2xl font-bold text-primary"><%= ApplicationController.helpers.short_time_simple(total_time_all) %></div>
    </div>
  </div>
<% end %>
