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=render("event/availability_bar", team:team, event:event, availability_summary: availability_summary)
	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