<div class="container">
    <div class="row">
        <div class="col-md-12">
            <product-filter-ui-component></product-filter-ui-component>
        </div>
    </div>
    <div class="row" ng-hide="isQualityCheckUpdating">
        <div class="col-md-6">
            <h3>Text Reviews (not sampled neither analyzed)</h3>
            <table class="table" ng-if="dataFromQualityCheckOnRawTextReviews.length>0">
                <thead>
                    <tr>
                        <th>i-th</th>
                        <th>Field Name</th>
                        <th>type</th>
                        <th>Number of Reviews Affected</th>
                        <th>Ops</th>
                    </tr>
                </thead>
                <tr class="w-quality-check-on-text-reviews-item" ng-repeat="el in dataFromQualityCheckOnRawTextReviews">
                    <td class="w-index">{{$index+1}}</td>
                    <td class="w-field-name">{{el.fieldName}}</td>
                    <td class="w-type">{{el.type}}</td>
                    <td class="w-number-of-reviews">{{el.numberOfReviews}}</td>
                    <td class="w-ops">
                        <i class="glyphicon glyphicon-gift" style="margin: 5px;cursor:pointer;" tooltip="Show product names" ng-click="showProductNamesByIssue(el,true)"></i>
                        <i class="glyphicon glyphicon-eye-open" style="margin: 5px;cursor:pointer;" tooltip="Have a look at the reviews"></i>
                    </td>
                </tr>
            </table>
            <p ng-if="dataFromQualityCheckOnRawTextReviews.length===0">No issues</p>
        </div>
        <div class="col-md-6">
            <h3>Analyzed Reviews</h3>
            <table class="table" ng-if="dataFromQualityCheckOnAnalyzedReviews.length>0">
                <thead>
                    <tr>
                        <th>i-th</th>
                        <th>Field Name</th>
                        <th>type</th>
                        <th>Number of Reviews Affected</th>
                    </tr>
                </thead>
                <tr class="w-quality-check-on-analyzed-reviews-item" ng-repeat="el in dataFromQualityCheckOnAnalyzedReviews">
                    <td class="w-index">{{$index+1}}</td>
                    <td class="w-field-name">{{el.fieldName}}</td>
                    <td class="w-type">{{el.type}}</td>
                    <td class="w-number-of-reviews">{{el.numberOfReviews}}</td>
                    <td class="w-ops">
                        <i class="glyphicon glyphicon-gift" ng-click="showProductNamesByIssue(el,false)"></i>
                        <i class="glyphicon glyphicon-eye-open"></i>
                    </td>
                </tr>
            </table>
            <p ng-if="dataFromQualityCheckOnAnalyzedReviews.length===0">No issues</p>
        </div>
    </div>
    <div class="row" ng-show="isQualityCheckUpdating">
        <div class="col-md-6">
            <p>Loading...</p>
        </div>
    </div>
</div>
<div class="container">
    <div class="row">
    </div>
</div>