doctype html
html
	head
		title BenchCoach
		meta name="viewport" content="width=device-width, initial-scale=1.0"
		= csrf_meta_tags
		= csp_meta_tag
		= stylesheet_link_tag "application", "data-turbo-track": "reload", media: 'all'

		link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css"
		link rel="stylesheet" type="text/css" href="https://teamsnap-ui.teamsnap.com/css/teamsnap-ui.css"
		link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous"
		link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css"
		= javascript_importmap_tags
		
	body.bg-light
		header.Header
			.Header-container.Grid.u-flexAlignItemsCenter
				.Grid-cell.u-sizeFill
					.Header-banner.Grid.u-flexAlignItemsCenter
						.Grid-cell.u-sizeFit
							span.Header-bannerLogo
								img(src='/assets/benchcoach.svg' alt='BenchCoach Logo' width='30' height='30')
						.Grid-cell.u-sizeFill
							- if defined?(team)
								h1.Header-bannerTitle #{team.name}
							- else
								h1.Header-bannerTitle BenchCoach
				.Grid-cell.u-sizeFit

		.u-spaceSm.u-md-spaceLg
			= yield