<div>
    <p class="margin-top text-center" style="margin: 0;" localize="select_component_develop"></p>
    <div class="item-list">
        <div class="item text-center" style="margin: 15px;">
            <component
                    ng-repeat="componentInfo in ctrl.componentsInfo | orderBy: 'componentInfo.order' track by componentInfo.component.name"
                    show-price="!componentInfo.isResearched"
                    development-progress="componentInfo.progress"
                    checked="componentInfo.selected"
                    show-inventory-amount="true"
                    ng-class="{
                        marked: selectedWorkstation.employee.task == null && selectedWorkstation.employee.lastProducedComponentName == componentInfo.component.name
                     }"
                    ng-click="ctrl.developComponent(componentInfo)"
                    ng-disabled="!componentInfo.isResearched"
                    component="::componentInfo.component"></component>
        </div>
    </div>
</div>
<div class="padding" ng-if="selectedWorkstation.employee.task != null && selectedWorkstation.employee.task.state != 'Stopped'">
    <div class="text-center" style="position: absolute; bottom: 40px; left: 0; width: 100%;">
        <div class="text-center margin-top">
            <button type="button" class="blue small"
                    ng-if="ctrl.showOvertimeButton"
                    ng-click="ctrl.workOvertime()">
                Work overtime to complete this task ({{ ctrl.overtimeMinutes}} minutes)
            </button>
            <p class="color-red" ng-if="selectedWorkstation.employee.overtimeMinutes > 0">Working overtime to complete
                the task!</p>
        </div>
        <button type="button" class="red margin-top" ng-click="ctrl.cancelDevelopment()" localize="cancel"></button>

        <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>
</div>
