<div class="item-list" style="height: 570px; overflow: auto;">
    <p class="padding text-center dimmed" localize="cto_features_tip"></p>
    <div>
        <table style="width: auto; margin: 5px auto auto auto;"
               uib-tooltip="{{ GetLocalized('auto_repeat_tip') }}" ng-click="ctrl.clickAutoRepeat();">
            <tr>
                <td localize="auto_repeat"></td>
                <td>
                    <div class="toggle-switch" ng-class="{ active: selectedWorkstation.employee.task.autoRepeat }">
                        <span></span>
                    </div>
                </td>
            </tr>
        </table>
    </div>
    <div class="item" ng-repeat="feature in ctrl.features track by feature.name" ng-class="{ active: feature.completed }">
        <h3 style="text-align: left;">
            <span localize="{{ ::feature.name }}"></span>
            (<span localize="feature_stats_hype" localize-data-hype="feature.hype"></span>,
            <span>{{ feature.requiredComputeUnit }} CU</span>)

            <span class="pull-right" localize="research_status" localize-data-current="{{ feature.currentResearchPoints }}" localize-data-total="{{ feature.requiredResearchPoints }}"></span>
        </h3>

        <div style="display: flex; width: 100%;">
            <div class="flex5">
                <component component="::stack.component"
                           class="small"
                           stack-amount="stack.amount"
                           ng-repeat="stack in feature.stacks track by stack.component.name">
                </component>
            </div>
            <div class="flex1" style="display: flex; align-items: center;">
                <div class="progressBar" style="width: 180px;" ng-if="feature.completed || feature.selected">
                    <div class="indicator" style="width: {{ feature.completed ? 100 : ctrl.taskProgress}}%">
                        <span ng-if="!feature.completed">{{ ctrl.taskProgress }}%</span>
                        <span ng-if="feature.completed">100%</span>
                    </div>
                </div>
                <button class="blue" ng-if="!feature.completed && !feature.selected" ng-click="ctrl.research(feature)" localize="Research"></button>
            </div>
        </div>
    </div>
</div>
