html
head
		meta(charset='utf-8')
		meta(name='viewport' content='width=device-width, initial-scale=1')
		title BenchCoach - Teams
		link(rel='stylesheet' href='/css/bootstrap.min.css')
		link(rel='stylesheet' href='/font/bootstrap-icons.min.css')
		link(rel='stylesheet' href='/css/teamsnap-ui.css')

body
	.container
		.Panel
			.Panel-header
				.Panel-title #{opponent.name}
			.Panel-body
				.Panel-row.Panel-row--withCells
					.Panel-cell.Panel-cell--header Contact Name
					.panel-cell #{opponent.contactsName}
				.Panel-row.Panel-row--withCells
					.Panel-cell.Panel-cell--header Contact Phone
					.panel-cell #{opponent.contactsPhone}
				.Panel-row.Panel-row--withCells
					.Panel-cell.Panel-cell--header Contact Email
					.panel-cell #{opponent.contactsEmail}
				.Panel-row.Panel-row--withCells
					.Panel-cell.Panel-cell--header Logo
					.panel-cell
						if opponent_logo
							img(src=`${opponent_logo.mediumUrl}` width="64" height="64")
						else
							button.Button Upload
				.Panel-row.Panel-row--withCells
					.Panel-cell.Panel-cell--header Notes
					.panel-cell #{opponent.Notes}