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

{% block title %}
	{{ _("Editor Work Queue") }}
{% 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-end"  method="post" action="{{ url_for('todo.view_editor') }}">
					<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) }});">
						<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 approval.") }}</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.getURL("packages.view") }}" class="list-group-item list-group-item-action">
							<span class="float-end" 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="me-2 badge bg-info">License</span>
							{% else %}
								<span class="me-2 badge bg-success">Ready</span>
							{% endif %}

							{{ p.title }} by {{ p.author.display_name }}
						</a>
					{% else %}
						<li class="list-group-item"><i>{{ _("No packages need approval.") }}</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="me-2 badge bg-warning">{{ _("Importing") }}</span>
							{% endif %}
							<a href="{{ r.getEditURL() }}">{{ r.title }}</a>
							on
							<a href="{{ r.package.getURL("packages.view") }}">
								{{ _("%(title)s by %(display_name)s",
										title=r.package.title, display_name=r.package.author.display_name) }}
							</a>
						</li>
					{% else %}
						<li class="list-group-item"><i>{{ _("No releases need approval.") }}</i></li>
					{% endfor %}
				</ul>
			</div>
		</div>
		{% endif %}
	</div>

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

	{% if license_needed %}
		<h2 class="mt-5">{{ _("License Needed") }}</h2>
		<div class="card">
			<h3 class="card-header">{{ _("License Needed") }}</h3>
			<div class="list-group list-group-flush">
				{% for p in license_needed %}
					<a href="{{ p.getURL("packages.view") }}" class="list-group-item list-group-item-action">
						<span class="float-end" title="Created {{ p.created_at | datetime }}">
							<small>
								{{ p.created_at | timedelta }} ago
							</small>
						</span>

						<span class="me-2 badge bg-{{ p.state.color }}">{{ p.state.value }}</span>

						{{ p.title }} by {{ p.author.display_name }}
					</a>
				{% endfor %}
			</div>
		</div>
	{% endif %}


	<h2 class="mt-5">{{ _("Tag Packages") }}</h2>

	<p>
		{{ _("%(total_to_tag)d / %(total_packages)d packages don't have any tags.",
				total_to_tag=total_to_tag, total_packages=total_packages) }}
	</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 pe-2" style="color: orange;"></span>
			{{ unfulfilled_meta_packages }}
			{{ _("Unfulfilled Dependencies") }}
		</h2>

		<p>
			{{ _("Meta packages that have hard dependers, but no packages providing them.") }}
		</p>

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


	<h2 class="mt-5">{{ _("WIP") }}</h2>

	{% if canApproveNew and (packages or wip_packages) %}
		<div class="card">
			<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.getURL("packages.view") }}" class="list-group-item list-group-item-action">
						<span class="float-end" title="Created {{ p.created_at | datetime }}">
							<small>
								{{ p.created_at | timedelta }} ago
							</small>
						</span>

						{% if p.state == p.state.WIP %}
							<span class="me-2 badge bg-warning">{{ _("WIP") }}</span>
						{% else %}
							<span class="me-2 badge bg-danger">{{ p.state.value }}</span>
						{% endif %}

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