learningtapestry/lcms-engine

<% set_page_title @resource.title %>

<div class="o-page o-page--margin-to-bottom">
  <div class="o-page__module u-margin-bottom--gutter">
    <%= link_to enhance_instruction_index_path(tab: 1), class: 'o-ub-btn o-ub-btn--base o-btn--xs-full' do %>
      <i class="fa-lg ub-arrow-left u-text--middled"></i> <%= t('instructions.btn.back') %>
    <% end %>
  </div>
  <div class="o-page__section cs-bg--<%= color_code(@resource) %>">
    <div class="o-content-title u-text--capitalized">
      <%= @resource.media_title %>
    </div>
  </div>
  <div class="o-page__section u-padding-top--gutter u-bg--light">
    <div class="o-resource-title">
      <div class="o-resource-title__title">
        <!--div class="o-title u-text--uppercase">
          <span class="o-title__duration"><%= react_component('TimeToTeach', {duration: @resource.time_to_teach}) %></span>
        </div-->
        <h1><%= @resource.title %></h1>
        <div class="u-txt--teaser o-social-sharing__teaser">
          <%= @resource.teaser %>
        </div>
      </div>
    </div>
    <hr class="o-resource-hr">
    <div class="o-resource-summary u-padding-bottom--gutter">
      <div class="o-resource-summary__content">
        <div class="o-resource__item o-resource-summary__content--media">
          <div class="o-media-<%= @resource.resource_type %>">
            <%= embed_media(@resource) %>
          </div>
        </div>
        <div class="o-resource__item o-resource__item--description">
          <h3>Description</h3>
          <%= @resource.description.try(:html_safe) %>
        </div>
        <%= render_tag_clouds(@resource) %>
        <% if @resource.engageny_url %>
        <div class="o-resource__item o-resource__item--credits">
          <h3>Credits</h3>
          <%= render partial: 'lcms/engine/resources/engageny', locals: { resource: @resource, color_code: color_code(@resource) } %>
        </div>
        <% end %>
      </div>
    </div>
    <div class="o-resource-summary--2x u-pd-content--xlarge cs-tint-bg--<%= color_code(@resource) %>">
      <div class="o-resource-summary__map o-resource-summary__map--2x"></div>
      <div class="o-resource-summary__content--2x">
        <h3><%= t('.related_guides_title') %></h3>
        <p><%= t('.related_guides_subtitle', type: @resource.resource_type) %>
      </div>
    </div>
  </div>
</div>