<!DOCTYPE html>
<head>
{{-- This section may need to be overwritten in descendants --}}
@section('head-metas')
	<meta charset='utf-8'>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<link rel="stylesheet" href="">
	<link rel="shortcut icon" type="image/jpg" href="/img/arrow-up.svg"/>
	<link rel="stylesheet" href="/css/app.css">
@show
	<title>Trendplays - @yield('title')</title>
</head>

<body>
	<nav class="navigator @yield('heading-style')" role="navigation">
		<a id='logo' href='/'>
			<h1>Trendplays</h1>
			<img src="/img/arrow-up.svg" height="30px" alt="">
		</a>
		@yield('login-form')
			<span class="icon-bar"></span>
	</nav>

	@yield('content')

@section('footer')
	<footer class='footer text-center'>
		<div class='foot-links'>
			<a href="/terms-and-policy">Terms & Policy</a>
			<a href="mail:support@trendplays.com">Help</a>
		</div>
		<small>©Copyright 2021 Trendplays Network, Inc.</small>
	</footer>
@show

@section('scripts')
	<script src="https://js.stripe.com/v3/"></script>
@show

</body>