{% extends "todo/todo_base.html" %}

{% block title %}
	{{ _("%(username)s's to do list", username=user.display_name) }}
{% endblock %}

{% block content %}
	{% if user.notification_preferences is none %}
		<h2>{{ _("Misc To do") }}</h2>
		<div class="list-group mt-3 mb-5">
			<a class="list-group-item list-group-item-action"
					href="{{ url_for('users.email_notifications', username=user.username) }}">
				{{ _("Enable email notifications") }}
			</a>
		</div>
	{% endif %}

	<h2>{{ _("Unapproved Packages Needing Action") }}</h2>
	<div class="list-group mt-3 mb-5">
		{% for package in unapproved_packages %}
			<a class="list-group-item list-group-item-action" href="{{ package.getURL("packages.view") }}">
				<div class="row">
					<div class="col-sm-2 text-muted">
						<img
							class="img-fluid"
							style="max-height: 22px; max-width: 22px;"
							src="{{ package.getThumbnailOrPlaceholder() }}" />

						<span class="ps-2">
							{{ package.title }}
						</span>
					</div>

					<div class="col-sm">
						{{ _("State") }}: {{ package.state.value }}
					</div>
				</div>
			</a>
		{% else %}
			<p class="text-muted">{{ _("Nothing to do :)") }}</p>
		{% endfor %}
	</div>

	<a class="btn btn-secondary float-end" href="/help/update_config/">
		{{ _("Help") }}
	</a>
	<a class="btn btn-secondary float-end me-2" href="{{ url_for('packages.bulk_update_config', username=user.username) }}">
		{{ _("See all Update Settings") }}
	</a>
	{% if outdated_packages %}
		<form class="float-end me-2"  method="post" action="{{ url_for('todo.apply_all_updates', username=user.username) }}">
			<input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
			<input class="btn btn-primary" type="submit" value="{{ _("Create All Releases") }}" />
		</form>
	{% endif %}
	<h2>{{ _("Potentially Outdated Packages") }}</h2>
	<p>
		{{ _("Instead of marking packages as outdated, you can automatically create releases when New Commits or New Tags are pushed to Git by clicking 'Update Settings'.") }}
		{% if outdated_packages %}
			{{ _("To remove a package from below, create a release or change the update settings.") }}
		{% endif %}
	</p>
	{% from "macros/todo.html" import render_outdated_packages %}
	{{ render_outdated_packages(outdated_packages, current_user) }}


	<div class="mt-5"></div>
	<h2 id="small-screenshots">{{ _("Small Screenshots") }}</h2>
	{% if packages_with_small_screenshots %}
		<p>
			{{ _("These packages have screenshots that are too small, and should be replaced.") }}
			{{ _("Red and orange are screenshots below the limit, and grey screenshots are below the recommended resolution.") }}
			{{ _("The recommended resolution is 1920x1080, and screenshots must be at least %(width)dx%(height)d.",
					width=920, height=517) }}

			<span class="badge bg-danger ms-3">
				{{ _("Way too small") }}
			</span>
			<span class="badge bg-warning">
				{{ _("Too small") }}
			</span>
			<span class="badge bg-secondary">
				{{ _("Not HD") }}
			</span>
		</p>
	{% endif %}
	<div class="list-group mt-3 mb-5">
		{% for package in packages_with_small_screenshots %}
			<a class="list-group-item list-group-item-action" href="{{ package.getURL('packages.screenshots') }}">
				<div class="row">
					<div class="col-sm-3 text-muted" style="min-width: 200px;">
						<img
							class="img-fluid"
							style="max-height: 22px; max-width: 22px;"
							src="{{ package.getThumbnailOrPlaceholder() }}" />

						<span class="ps-2">
							{{ package.title }}
						</span>
					</div>

					<div class="col-sm">
						{% for ss in package.screenshots %}
							{% if ss.is_low_res() %}
								{% if ss.is_very_small() %}
									{% set badge_color = "bg-danger" %}
								{% elif ss.is_too_small() %}
									{% set badge_color = "bg-warning" %}
								{% else %}
									{% set badge_color = "bg-secondary" %}
								{% endif %}
								<span class="badge {{ badge_color }} ms-2" title="{{ ss.title }}">
									 {{ ss.width }} x {{ ss.height }}
								</span>
							{% endif %}
						{% endfor %}
					</div>
				</div>
			</a>
		{% else %}
			<p class="text-muted">{{ _("Nothing to do :)") }}</p>
		{% endfor %}
	</div>


	<a class="btn btn-secondary float-end" href="{{ url_for('todo.tags', author=user.username) }}">
		{{_ ("See All") }}</a>
	<h2>{{ _("Packages Without Tags") }}</h2>
	<p>
		{{ _("Labelling your packages with tags helps users find them.") }}
	</p>
	<div class="list-group mt-3 mb-5">
		{% for package in needs_tags %}
			<a class="list-group-item list-group-item-action" href="{{ package.getURL("packages.view") }}">
				<img
					class="img-fluid"
					style="max-height: 22px; max-width: 22px;"
					src="{{ package.getThumbnailOrPlaceholder() }}" />

				<span class="ps-2">
					{{ package.title }}
				</span>
			</a>
		{% else %}
			<p class="text-muted">{{ _("Nothing to do :)") }}</p>
		{% endfor %}
	</div>


	<h2 class="mt-5">{{ _("Unadded Topics") }}</h2>
	{% if topics_to_add %}
		<p>
			{{ _("List of your forum topics which do not have a matching package.") }}
			{{ _("Topics with a strikethrough have been marked as discarded.") }}
		</p>

		<div style="max-height: 20em; overflow-y: auto">
			{% from "macros/topics.html" import render_topics_table %}
			{{ render_topics_table(topics_to_add, show_author=False, show_discard=True, current_user=current_user) }}
		</div>
	{% else %}
		<p class="card-body">{{ _("Congrats! You don't have any topics which aren't on CDB.") }}</p>
	{% endif %}
{% endblock %}


{% block scriptextra %}
	<script>
		const csrf_token = "{{ csrf_token() }}";
	</script>
	<script src="/static/topic_discard.js"></script>
{% endblock %}