{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>