{% extends "base.html" %}

{% block head %}
	<title>Profile: {{ user.id }}</title>
{% endblock %}


{% block content %}

	<div id="profile-data" class="w-100" style="position: fixed; height: 30px; background-color: silver">
	
	Data
	
	</div>
	<div id="profile-data" style="position: fixed; top: 30px; background-color: silver; width: 80%">
		<center>
		<img src="{{ url_for('.static', filename='fake-tweet-activity.png') }}" alt="fake tweet activity" style="width: 60%; height: 40px;">
		</center>
	</div>
	fake-tweet-activity.png

	<div class="w-100" style="margin-top: 80px">
		<div class="w-100" style="height: 40px">
			<p class="w-100" style="text-align: right">
			<a href="#">Timeline</a> 
			|
			<a href="#">Likes</a> 
			|
			<a href="#">Following</a>
			|
			<a href="#">Followers</a>
			|
			<a href="#">Activity</a>
			</p>
			<form action="{{ url_for('.get_profile_html', user_id=user.id) }}" method="GET">
			
			<input type="hidden" name="me" value="{{ me }}">
			<input type="hidden" name="user_id" value="{{ user.id }}">
			
			<input type="checkbox" name="exclude_replies" value="1" {% if request.args.exclude_replies %}checked{% endif %}> No replies 
			|
			<input type="checkbox" name="only_media" value="1" {%if request.args.only_media %}checked{% endif %}> Only media
			<br>
			<button type="submit">Filter</button>
			</form>
		</div>
		
		{% block tab_content %}
		
		{% if tab == "media" %}
			media
		
		{% else %}
			{% with show_thread_controls=True %}
			
			{% include "partial/tweets-timeline.html" %}
			
			{% endwith %}
			
		{% endif %}
		
		{% endblock %}
	</div>
{% endblock %}