| 1 | <div class="col-md-4"> |
| 2 | <aside> |
| 3 | <div class="bluebox-heading"> |
| 4 | <h2><%= t("10_most_loved_songs")%></h2> |
| 5 | </div> |
| 6 | <div class="widget-wrap"> |
| 7 | <%= link_to t("see_all"), most_loved_songs_path, class: "bb-button bb-green bb-large" %> |
| 8 | </div> |
| 9 | <% @most_loved_songs.each_with_index do |song, index| %> |
| 10 | <h4> |
| 11 | <%= link_to "#{index + 1}. #{song.name}", song_detail_path(song.name.downcase.parameterize + "-" + song.id.to_s) %> |
| 12 | </h4> |
| 13 | <div style="padding: 8px;"> |
| 14 | <i class="icon-heart"></i> |
| 15 | <%= song.users_count %> |
| 16 | <%= link_to t("see_song_detail"), |
| 17 | song_detail_path(song.name.downcase.parameterize + "-" + song.id.to_s), |
| 18 | class: "badge rounded-pill bg-warning float-end" %> |
| 19 | </div> |
| 20 | <span style="text-transform: capitalize;font-style: italic;"> |
| 21 | <%= t("song_updated_at", date: song.updated_at.strftime("%B %-d, %Y")) %> |
| 22 | </span> |
| 23 | <% end %> |
| 24 | <span class="clear"></span> |
| 25 | <div class="bluebox-heading"> |
| 26 | <h2><%= t("top_10_songs")%></h2> |
| 27 | </div> |
| 28 | <% @trending_songs.each_with_index do |song, index| %> |
| 29 | <h4> |
| 30 | <%= link_to "#{index + 1}. #{song.name}", song_detail_path(song.name.downcase.parameterize + "-" + song.id.to_s) %> |
| 31 | </h4> |
| 32 | <div style="padding: 8px;"> |
| 33 | <i class="icon-eye-open"></i> |
| 34 | <%= song.views_count %> |
| 35 | <%= link_to t("see_song_detail"), |
| 36 | song_detail_path(song.name.downcase.parameterize + "-" + song.id.to_s), |
| 37 | class: "badge rounded-pill bg-warning float-end" %> |
| 38 | </div> |
| 39 | <span style="text-transform: capitalize;font-style: italic;"> |
| 40 | <%= t("song_updated_at", date: song.updated_at.strftime("%B %-d, %Y")) %> |
| 41 | </span> |
| 42 | <% end %> |
| 43 | </aside> |
| 44 | </div> |