<div class="helpdeskShowHelpDesks">


    <!-- Searchbox start -->
    <!--
    <div class="clearfix">
        <div class="input-group helpdeskSearch pull-right">
            <input type="text" class="form-control" ng-model="vm.searchQuery" placeholder="Search in helpdesks">
            <span class="input-group-addon">
                <button type="submit">
                    <i class="ms-Icon ms-Icon--Search flip"></i>
                </button>
            </span>
        </div>
    </div>
    -->
    <!-- Searchbox end -->

        
    <div ng-repeat='helpdesk in vm.helpdesks' class="helpdeskGroupRepeater">
        <div class="helpdeskGroup">
            <div class="helpdeskGroupDevider"></div>
            <div class="helpdeskExpander" ng-click="helpdesk.collapsed ? helpdesk.collapsed = !helpdesk.collapsed : helpdesk.collapsed = true">
                <span class="helpdeskExpanderArrow"><i ng-class="helpdesk.collapsed ? 'ms-Icon ms-Icon--ChevronDown' : 'ms-Icon ms-Icon--ChevronUp'"></i></span>
                <span class="helpdeskExpanderText">{{helpdesk.name}}</span>
            </div>

            <div class="helpdeskExpanderContent" ng-hide="helpdesk.collapsed">
                <div class="helpdeskCategoryIconBox" ng-repeat='category in helpdesk.categories | filter:vm.filterBySearchQuery(vm.searchQuery)' ng-click="onCategorySelected(helpdesk.id, category.id)">
                    <div ng-class="category.icon"></div>
                    <div class="helpdeskCategoryIconText">{{category.name}}</div>
                </div>
            </div>
        </div>
    </div>


</div>