{% extends 'base.html' %}
{% block content %}

<div class="container-1">
  <div class="left-container">
			<div class="livestream">
				<iframe id="livestream" title="stream" src="https://live.syui.ai/b9ec42d4-8a4d-4343-99fc-1bd1cdbc5a6f.html"> </iframe>
			</div>
  </div>
  <div class="right-container">
			{% if g.user %}
			<span class="user-handle">@{{ g.user['handle'] }}</span>
			<div class="livechat">
				<iframe id="livechat" title="bskychat" src="https://bbs.syui.ai/?handle={{ session['user_handle'] }}"> </iframe>
			</div>
			{% else %}
			<div class="livechat">
				<a href="{{ url_for('oauth_login') }}"><button class="oauth-login">@</button></a>
				<iframe id="livechat" title="bskychat" src="https://bbs.syui.ai"> </iframe>
			</div>
			<div class="right-container">
				<p>write comment using oauth atproto.</p>
			</div>
			{% endif %}
  </div>
  
</div>

{% endblock %}