{% extends "base.html" %}

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

{% block content %}
	<h2 class="mb-4">Approval Queue</h2>
	{% 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 %}

	<div class="row">
		{% if canApproveNew and (packages or wip_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">
							<span class="float-right" title="Created {{ p.created_at | datetime }}">
								<small>
									{{ p.created_at | timedelta }} ago
								</small>
							</span>

							{% if "Other" in p.license.name or "Other" in p.media_license.name %}
								<span class="mr-2 badge badge-info">License</span>
							{% else %}
								<span class="mr-2 badge badge-success">Ready</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 class="card mt-5">
				<h3 class="card-header">WIP Packages</h3>
				<div class="list-group list-group-flush" style="max-height: 300px; overflow: hidden auto;">
					{% for p in wip_packages %}
						<a href="{{ p.getDetailsURL() }}" class="list-group-item list-group-item-action">
							<span class="float-right" title="Created {{ p.created_at | datetime }}">
								<small>
									{{ p.created_at | timedelta }} ago
								</small>
							</span>

							{% if p.state == p.state.WIP %}
								<span class="mr-2 badge badge-warning">WIP</span>
							{% else %}
								<span class="mr-2 badge badge-danger">{{ p.state.value }}</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" style="max-height: 500px; overflow: hidden auto;">
					{% 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 not (packages or screenshots or releases) %}
		<p>
			<i>All done!</i>
		</p>
	{% endif %}


	<h2 class="mt-5">Tag Packages</h2>

	<p>
		{{ total_to_tag }} / {{ total_packages }} packages don't have any tags.
	</p>

	<div class="progress my-4">
		{% set perc = 100 * (total_packages - total_to_tag) / total_packages %}
		<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.tags') }}">View Tags</a>


	{% if unfulfilled_meta_packages %}
		<h2 class="mt-5">
			<span class="fas fa-exclamation-triangle pr-2" style="color: orange;"></span>
			{{ unfulfilled_meta_packages }} Unfulfilled Dependencies
		</h2>

		<p>
			Meta packages that have hard dependers, but are not fulfilled.
		</p>

		<a class="btn btn-primary" href="{{ url_for('todo.metapackages') }}">View</a>
	{% endif %}


	<h2 class="mt-5">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 %}