h2 #{team.name} p #{team.season_name} div.u-spaceBottomMd a.Button.u-spaceSidesXs href="#{url_for event_list_path}" | Events a.Button.u-spaceSidesXs href="/${team.id}/members" | Roster a.Button.u-spaceSidesXs href="#{url_for opponent_list_path}" | Opponents div.u-maxWidthSm .Panel .Panel-header h2.Panel-title Upcoming Events .Panel-body.u-padSm - for event in upcoming_events div.event-card div.event-card-body h3.title #{event.formatted_title} div.date #{event.start_date.strftime("%a, %b %e, %l:%M %p")} div.location #{event.location_name} div.availability-bar.fullwidth=render("event/availability_bar", team:team, event:event, availability_summary: availability_summaries.find{|a| a.id==event.id}) div.event-card-footer.Grid div.Grid-cell.u-sizeFill a.Button href=url_for(event_path :team_id=>team.id, :event_id=>event.id) i.bi.bi-calendar span.u-hidden.u-xs-inline Details div.Grid-cell.u-sizeFill a(class="Button" href=url_for(event_lineup_path :team_id => team.id, :event_id => event.id)) i(class="bi bi-clipboard") span.u-hidden.u-xs-inline Lineup div.Grid-cell.u-sizeFill a(class="Button" href=url_for(event_lineup_card_path :team_id => team.id, :event_id => event.id)) i(class="bi bi-book") span.u-hidden.u-xs-inline Card div.Grid-cell.u-sizeFill a(class="Button" href="https://go.teamsnap.com/#{team.id}/schedule/view_game/#{event.id}") i(class="bi bi-asterisk") span.u-hidden.u-xs-inline TeamSnap .Panel .Panel-header h3.Panel-title Past Events .Panel-body ul - for event in past_events li #{event.formatted_title}