_course.html.erb

<% expanded = false unless defined? expanded %>

<div class="card course-card" id="course-<%= course.id %>">
    <div class="card-header">
	<div class="row">
	    <div class="col">
		<%= link_to course do %>
		    <h4 class="title"><%= "#{course.subject} #{course.course_number}" %></h4>
		<% end %>
	    </div>
	</div>
	<h5><em><%= course.title %></em></h5>
    </div>
    <div class="card-body">
	<div class="attr-list justify-content-start">
	    <div class="attr">
		<div class="icon">
		    <i class="fa fa-book"></i>
		</div>
		<%= course.credits %> credits
	    </div>
	    &nbsp;&nbsp;&nbsp;
	    <div class="attr">
		<div class="icon">
		    <i class="fa fa-bars"></i>
		</div>
		 <%= course.course_sections.count %> sections
	    </div>
	</div>
	<p class="description"><%= course.description %></p>

	<% unless course.prereqs.nil? || course.prereqs.empty? %>
    	    <% first, rest = course.prereqs.split(':') %>
    	    <% prereqs, note = rest.split('.') %>
    	    <p><strong><%= first %>:</strong> <%= prereqs %> <sub><%= note %></sub></p>
	<% end %>
	
	<div class="d-block" style="text-align: center">
  	    <p id="chevron-label" style="margin-bottom:-4px; font-size: 10px;">Expand</p>
  	    <i id="course-chevron" class="fas fa-chevron-down"></i>
	</div>
	
	<!-- List of Course Sections -->
	<div class="list-group list-group-flush sections" style="display: <%= expanded ? "flex" : "none" %>">
	    <% if defined?(@instructor) %>
		<%= render partial: 'shared/section', collection: course.course_sections.where(instructor: @instructor), locals: { course: course } %>
	    <% else %>
		<%= render partial: 'shared/section', collection: course.course_sections, locals: { course: course } %>
	    <% end %>
	</div>
    </div>
</div>