{namespace solr=ApacheSolrForTypo3\Solr\ViewHelpers}
{namespace fs=FBIT\VerboseSolr\ViewHelpers}
{namespace vhs=FluidTYPO3\Vhs\ViewHelpers}
<f:layout name="Backend/WithPageTree"/>

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

    <f:variable name="indexQueueData" value="{fs:indexQueueData(pageUid:'{pageUID}')}"/>

    <h1>Index Queue</h1>
    <p class="lead">
        <f:translate key="solr.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="solr.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:'solr.backend.index_queue_module.status.indexed')}: {indexqueue_statistics.successCount}/{indexqueue_statistics.totalCount} ({indexqueue_statistics.successPercentage}%)">

                                    <f:translate key="solr.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:'solr.backend.index_queue_module.status.pending')}: {indexqueue_statistics.pendingCount}/{indexqueue_statistics.totalCount} ({indexqueue_statistics.pendingPercentage}%)">

                                    <f:translate key="solr.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:'solr.backend.index_queue_module.status.errors')}: {indexqueue_statistics.failedCount}/{indexqueue_statistics.totalCount} ({indexqueue_statistics.failedPercentage}%)">

                                    <f:translate key="solr.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:'solr.backend.index_queue_module.index_now')}"/>
                        </f:form>
                    </div>
                </div>

                <style>
                    .indexqueueitems {
                        margin-top: 20px;
                    }

                    .indexqueueitems th, .indexqueueitems td {
                        padding: 5px;
                    }

                    .indexqueueitems .index-queue-group th {
                        background: #bbbbbb;
                    }

                    .indexqueueitems .index-queue-group th:hover {
                        background: #cccccc;
                    }

                    .indexqueueitems tr:nth-child(odd) {
                        background: #f2f2f2;
                    }

                    .indexqueueitems tr:nth-child(odd):hover, .indexqueueitems tr:hover {
                        background: #f0fff0;
                    }
                    div[data-error-id] {
                        display: none;
                    }
                </style>

                <table class="indexqueueitems">
                    <tr>
                        <th>item_type</th>
                        <th>item_uid</th>
                        <th>indexed</th>
                        <th>error</th>
                        <th>property_key</th>
                        <th>property_value</th>
                        <th>reindex</th>
                    </tr>
                    <f:for each="{indexQueueData}" as="indexQueueDataGroupData" key="indexQueueDataGroup">
                        <tr class="index-queue-group">
                            <th colspan="6" style="cursor:pointer"
                                onclick="if ($('.{indexQueueDataGroup}').is(':visible')) {$('.{indexQueueDataGroup}').hide();} else {$('.{indexQueueDataGroup}').show();}">
                                {indexQueueDataGroup} ({indexQueueDataGroupData -> f:count()})
                            </th>
                            <th><a href="#" class="reindex" data-itemid="{vhs:iterator.implode(content:'{vhs:iterator.column(subject:\'{indexQueueDataGroupData}\',columnKey:\'item_uuid\',indexKey:\'item_uuid\')}',glue:',')}">reindex</a></th>
                        </tr>
                        <f:for each="{indexQueueDataGroupData}" as="indexQueueItem">
                            <tr class="{indexQueueDataGroup}" style="display:none;">
                                <td>{indexQueueItem.item_type}</td>
                                <td>{indexQueueItem.item_uid}</td>
                                <td>
                                    <f:if condition="{indexQueueItem.indexed}">
                                        <f:then>
                                            {indexQueueItem.indexed -> f:format.date(format: 'y-m-d H:i:s')}
                                        </f:then>
                                        <f:else>0</f:else>
                                    </f:if>
                                </td>
                                <td>
                                    <f:if condition="{indexQueueItem.errors}">
                                        <a href="#" data-error-id="error_{indexQueueItem.item_uuid}">Show Error</a>
                                        <div data-error-id="error_{indexQueueItem.item_uuid}">{indexQueueItem.errors}</div>
                                    </f:if>
                                </td>
                                <td>{indexQueueItem.property_key}</td>
                                <td>{indexQueueItem.property_value}</td>
                                <td><a href="#" class="reindex" data-itemid="{indexQueueItem.item_uuid}">reindex</a>
                                </td>
                            </tr>
                        </f:for>
                    </f:for>
                </table>

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

                            <table class="table table-condensed table-hover table-striped">
                                <tr>
                                    <th>
                                        <f:translate key="solr.backend.index_queue_module.errors.id"/>
                                    </th>
                                    <th>
                                        <f:translate key="solr.backend.index_queue_module.errors.item_type"/>
                                    </th>
                                    <th>
                                        <f:translate key="solr.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="solr.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:'solr.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="solr.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"/>
                <solr:backend.button.helpButton title="Index Queue Initialization"
                                                description="{f:translate(key:'solr.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>
    <solr:backend.security.ifHasAccessToModule extension="Solr" 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" addQueryStringMethod="POST"
                            additionalParams="{route: '/searchbackend/SolrIndexadministration/', tx_solr_searchbackend_solrindexadministration:{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:'solr.backend.index_queue_module.button.clear_index_queue')}"/>
                    </f:form>

                </div>
                <div class="col-md-9 action-description">
                    <h3>
                        <f:translate key="solr.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>
    </solr:backend.security.ifHasAccessToModule>
</f:section>