<div ng-controller="gadgetNextActionsCtrl" class="next-actions">
    <h3>
        {{ 'dashboards.headers.NEXT_ACTIONS' | translate }}
        <span ng-if="filterService.isFilterSet(gadget.module)" class="is-fitlered glyphicon glyphicon-filter"></span>
    </h3>
    <dashboards-filters
        ng-if="filterService.isFilterVisible(gadget.module)"
        ng-init="setFilterParams(gadget.module)"
        ng-controller="dashboardsFiltersCtrl">
    </dashboards-filters>
    <div class="gadget-row col-md-12">
        <div class="gadget-row-column gadget-header col-md-2">
            {{ 'dashboards.headers.ORDER' | translate }}
            <span ng-click="filterService.showFilter(gadget.module, 'orderNumber', 'textFilter')" class="filter-value glyphicon glyphicon-filter"></span>
            <span ng-click="filterService.sortBy(gadget.module, 'orderNumber')"
                class="sort-icon sort glyphicon {{filterService.getSortIcon(gadget.module, 'orderNumber')}}"></span>
        </div>
        <div class="gadget-row-column gadget-header col-md-4">
            {{ 'dashboards.headers.ACTION' | translate }}
            <span ng-click="filterService.showFilter(gadget.module, 'stepAction', 'textFilter')" class="filter-value glyphicon glyphicon-filter"></span>
            <span ng-click="filterService.sortBy(gadget.module, 'stepAction')"
                class="sort-icon sort glyphicon {{filterService.getSortIcon(gadget.module, 'stepAction')}}"></span>
        </div>

        <div class="gadget-row-column gadget-header col-md-3">
            {{ 'dashboards.headers.STATUS' | translate }}
        </div>
    </div>

    <div class="gadget-row col-md-12" ng-repeat="action in actions">
        <div class="gadget-row-column col-md-2">
            <a href="orders?subModule=orders_steps&idOrder={{action.idOrder}}&orderNumber={{action.orderNumber}}">{{action.orderNumber}}</a>
        </div>
        <div class="gadget-row-column col-md-4">
            {{action.stepAction}}
        </div>
        <div class="gadget-row-column col-md-4">
            <span class="action-status {{action.status}}">{{action.status}}</span>
        </div>
    </div>
</div>
