{namespace meilisearch=WapplerSystems\Meilisearch\ViewHelpers}
<f:layout name="Backend/WithPageTree"/>

<f:section name="Main">
	<f:be.pageRenderer includeCssFiles="{0: '{f:uri.resource(path:\'StyleSheets/Backend/IndexQueueModule.css\')}'}" includeRequireJsModules="{0:'TYPO3/CMS/Meilisearch/FormModal'}"/>

	<h1>Index Queue</h1>
	<p class="lead"><f:translate key="meilisearch.backend.index_queue_module.description" /></p>

	<hr class="section-divider" />

	<f:if condition="{indexqueue_statistics.totalCount} > 0">
		<div class="row section-with-header">
			<div class="col-md-12">
				<h2>
					<f:translate key="meilisearch.backend.index_queue_module.header_status"/>
				</h2>

				<div class="row">
					<div class="col-md-12">
						<div class="progress">
							<f:if condition="{indexqueue_statistics.successCount} > 0">
								<div class="progress-bar progress-bar-success"
									 style="width: {indexqueue_statistics.successPercentage}%"
									 title="{f:translate(key:'meilisearch.backend.index_queue_module.status.indexed')}: {indexqueue_statistics.successCount}/{indexqueue_statistics.totalCount} ({indexqueue_statistics.successPercentage}%)">

									<f:translate key="meilisearch.backend.index_queue_module.status.indexed"/>
								</div>
							</f:if>

							<f:if condition="{indexqueue_statistics.pendingCount} > 0">
								<div class="progress-bar progress-bar-warning"
									 style="width: {indexqueue_statistics.pendingPercentage}%"
									 title="{f:translate(key:'meilisearch.backend.index_queue_module.status.pending')}: {indexqueue_statistics.pendingCount}/{indexqueue_statistics.totalCount} ({indexqueue_statistics.pendingPercentage}%)">

									<f:translate key="meilisearch.backend.index_queue_module.status.pending"/>
								</div>
							</f:if>

							<f:if condition="{indexqueue_statistics.failedCount} > 0">
								<div class="progress-bar progress-bar-danger"
									 style="width: {indexqueue_statistics.failedPercentage}%"
									 title="{f:translate(key:'meilisearch.backend.index_queue_module.status.errors')}: {indexqueue_statistics.failedCount}/{indexqueue_statistics.totalCount} ({indexqueue_statistics.failedPercentage}%)">

									<f:translate key="meilisearch.backend.index_queue_module.status.errors"/>
								</div>
							</f:if>

						</div>
						<f:form action="doIndexingRun" method="POST">
							<f:form.submit class="btn btn-sm btn-default"
										   value="{f:translate(key:'meilisearch.backend.index_queue_module.index_now')}"/>
						</f:form>
					</div>
				</div>

				<hr />
				<f:if condition="{indexqueue_errors}">
					<div class="row">
						<div class="col-md-12">
							<h2>
								<f:translate key="meilisearch.backend.index_queue_module.errors.headline"/>
							</h2>

							<table class="table table-condensed table-hover table-striped">
								<tr>
									<th>
										<f:translate key="meilisearch.backend.index_queue_module.errors.id"/>
									</th>
									<th>
										<f:translate key="meilisearch.backend.index_queue_module.errors.item_type"/>
									</th>
									<th>
										<f:translate key="meilisearch.backend.index_queue_module.errors.item_uid"/>
									</th>
									<th></th>
								</tr>

								<f:for each="{indexqueue_errors}" as="item">
									<tr>
										<td>{item.uid}</td>
										<td>{item.item_type}</td>
										<td>{item.item_uid}</td>
										<td>
											<f:link.action action="showError" arguments="{indexQueueItemId: item.uid}">
												<f:translate key="meilisearch.backend.index_queue_module.errors.show_button"/>
											</f:link.action>
										</td>
									</tr>
								</f:for>
							</table>

							<f:form action="resetLogErrors" method="POST">
								<f:form.submit class="btn btn-sm btn-default"
											   value="{f:translate(key:'meilisearch.backend.index_queue_module.errors.reset_button')}"/>
							</f:form>

						</div>
					</div>
				</f:if>
			</div>
		</div>
	</f:if>

	<hr class="section-divider" />

	<div class="row section-with-header">
		<div class="col-md-12">
			<h2>
				<f:translate key="meilisearch.backend.index_queue_module.header_init" />
			</h2>

			<f:form name="editform" action="initializeIndexQueue">

				<div class="t3js-formengine-palette-field index-queue-init-form">
					<f:format.raw>{indexQueueInitializationSelector}</f:format.raw>
				</div>
				<f:form.submit name="initializeIndexQueue" value="Queue Selected Content for Indexing" class="btn btn-sm btn-default"/>
				<meilisearch:backend.button.helpButton title="Index Queue Initialization" description="{f:translate(key:'meilisearch.backend.index_queue_module.help')}" />
			</f:form>
		</div>
	</div>

	<f:comment><!-- Show this button only if module indexadministration is allowed for be user/group --></f:comment>
	<meilisearch:backend.security.ifHasAccessToModule extension="Meilisearch" main="searchbackend" sub="indexadministration">
		<f:then>
			<hr class="section-divider" />

			<div class="row section-with-header">
				<div class="col-md-3">

					<f:form addQueryString="1"
							additionalParams="{route: '/searchbackend/MeilisearchIndexadministration/', tx_meilisearch_searchbackend_meilisearchindexadministration:{controller: 'Backend\\Search\\IndexAdministrationModule', action: 'clearIndexQueue', id: '{pageUID}', fromQueue: 'true'}}">
						<f:form.submit class="btn btn-sm btn-default btn-danger t3js-modal-formsubmit-trigger"
									   data="{title: 'Please confirm', content: 'Are you sure you want to clear the Index Queue?', severity: 'warning'}"
									   value="{f:translate(key:'meilisearch.backend.index_queue_module.button.clear_index_queue')}"/>
					</f:form>

				</div>
				<div class="col-md-9 action-description">
					<h3>
						<f:translate key="meilisearch.backend.index_queue_module.button.clear_index_queue"/>
					</h3>

					<p>
						This will empty the Index Queue. It will take care of only deleting
						the currently selected site's Index Queue entries.
						You will have to re-initialize the Index Queue afterwards.
					</p>
				</div>
			</div>
		</f:then>
	</meilisearch:backend.security.ifHasAccessToModule>
</f:section>