1<div class="container">
 2  <div class="columns">
 3    <div class="column is-6 is-offset-3 content">
 4      <div class="has-text-centered">
 5        <figure class="image is-square">
 6          <%= gravatar_for(@user, size: 128) %>
 7        </figure>
 8        <h1 class="title"><%= link_to @user.username, profile_path(@user) %></h1>
 9        <% if @user.workouts.any? %>
10          <p> <%= t('.workouts_completed_html', count: @user.workouts.count, first_session: l(@user.workouts.order(occurred_at: :asc).limit(1).first.occurred_at, format: :long)) %> </p>
11        <% else %>
12          <p><%= t('.no_workouts_completed') %></p>
13        <% end %>
14        <% if @profile.gym.present? %>
15          <p><%= link_to @profile.gym.name, @profile.gym %></p>
16        <% end %>
17        <p><%= @user.time_zone %></p>
18      </div>
19    </div>
20  </div>
21
22  <div class="columns">
23    <div class="column is-8 is-offset-2">
24      <div class="level">
25        <% @training_histories.each do |history| %>
26          <% personal_record = history.personal_record %>
27          <div class="level-item has-text-centered">
28            <div>
29              <p class="heading"><%= link_to history.exercise.name, charts_path(exercise: history.exercise, username: @user), remote: true %></p>
30              <p class="title"><%= personal_record ? "#{personal_record} lbs" : t('.not_available') %></p>
31            </div>
32          </div>
33        <% end %>
34      </div>
35    </div>
36  </div>
37
38  <div class="columns">
39    <div id="graph-panel" class="column is-12 content">
40    </div>
41  </div>
42</div>