{% extends "base.html" %}

{% block title %}
{{ title }}
{% endblock %}

{% block content %}
	<h2 class="mb-4">Approval Queue</h2>

	<div class="row">
		{% if canApproveNew and packages %}
		<div class="col-sm-6">
			<div class="card">
				<h3 class="card-header">Packages</h3>
				<div class="list-group list-group-flush">
					{% for p in packages %}
						<a href="{{ p.getDetailsURL() }}" class="list-group-item list-group-item-action">
							{% if p.getState() == "thread" %}
								<span class="mr-2 badge badge-danger">Thread</span>
							{% elif p.getState() == "ready" %}
								<span class="mr-2 badge badge-success">Ready</span>
							{% elif p.getState() == "wip" %}
								<span class="mr-2 badge badge-warning">WIP</span>
							{% elif p.getState() == "license" %}
								<span class="mr-2 badge badge-info">WIP</span>
							{% endif %}

							{{ p.title }} by {{ p.author.display_name }}
						</a>
					{% else %}
						<li class="list-group-item"><i>No packages need reviewing.</i></li>
					{% endfor %}
				</div>
			</div>
		</div>
		{% endif %}

		{% if canApproveRel and releases %}
		<div class="col-sm-6">
			<div class="card">
				<h3 class="card-header">Releases</h3>
				<ul class="list-group list-group-flush">
					{% for r in releases %}
						<li class="list-group-item">
							{% if r.task_id %}
								<span class="mr-2 badge badge-warning">Importing</span>
							{% endif %}
							<a href="{{ r.getEditURL() }}">{{ r.title }}</a>
							on
							<a href="{{ r.package.getDetailsURL() }}">
								{{ r.package.title }} by {{ r.package.author.display_name }}
							</a>
						</li>
					{% else %}
						<li class="list-group-item"><i>No releases need reviewing.</i></li>
					{% endfor %}
				</ul>
			</div>
		</div>
		{% endif %}
	</div>

	{% if canApproveScn and screenshots %}
		<div class="card my-4">
			<h3 class="card-header">Screenshots
				<form class="float-right"  method="post" action="{{ url_for('todo.view') }}">
					<input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
					<input type="hidden" name="action" value="screenshots_approve_all" />
					<input class="btn btn-sm btn-primary" type="submit" value="Approve All" />
				</form>
			</h3>
			<ul class="card-body d-flex p-0 flex-row flex-wrap justify-content-start align-content-start p-4">
				{% for s in screenshots %}
					<li class="packagetile flex-fill"><a href="{{ s.getEditURL() }}"
						style="background-image: url({{ s.getThumbnailURL(3) or '/static/placeholder.png' }});">
						<div class="packagegridscrub"></div>
						<div class="packagegridinfo">
							<h3>
								{{ s.title }}
								<br />
								<small>{{ s.package.title }} by {{ s.package.author.display_name }}</small>
							</h3>
							<p></p>
						</div>
					</a></li>
				{% else %}
					<li><i>No screenshots need reviewing.</i></li>
				{% endfor %}
				{% for i in range(4) %}
					<li class="packagetile flex-fill"></li>
				{% endfor %}
			</ul>
		</div>
	{% endif %}

	{% if not (packages or screenshots or releases) %}
		<p>
			<i>All done!</i>
		</p>
	{% endif %}

	<h2 class="mt-4">Unadded Topic List</h2>

	{% if total_topics > 0 %}
		<p>
			{{ total_topics - topics_to_add }} / {{ total_topics }} packages have been been added to cdb,
			based on cdb's forum parser. {{ topics_to_add }} remaining.
		</p>

		<div class="progress my-4">
			{% set perc = 100 * (total_topics - topics_to_add) / total_topics %}
			<div class="progress-bar bg-success" role="progressbar"
				style="width: {{ perc }}%" aria-valuenow="{{ perc }}" aria-valuemin="0" aria-valuemax="100"></div>
		</div>

		<a class="btn btn-primary" href="{{ url_for('todo.topics') }}">View Unadded Topic List</a>
	{% else %}
		<p>
			The forum topic crawler needs to run at least once for this section to work.
		</p>
	{% endif %}

{% endblock %}