<div class="sections-container">
            <!-- Start Section -->
            <div ng-repeat-start="(section, subsections) in vm.questionsBySections" class="flex-row section-container">
                <div class="section-first-column section-title">
                    {{section}}
                </div>
                <div class="section-other-columns">
                    <span><i class="fa fa-caret-left fa-lg" ng-click="vm.changeYear(-1)">&nbsp;</i></span><span>{{vm.currentYear - 2}}</span>
                </div>
                <div class="section-other-columns">
                    <span>{{vm.currentYear - 1}}</span>
                </div>
                <div class="section-other-columns section-selected-column">
                    <span>{{vm.currentYear}}</span><span>&nbsp;<i class="fa fa-caret-right fa-lg" ng-click="vm.changeYear(1)"></i></span>
                </div>
                <div class="section-other-columns">
                    Units
                </div>
                <div class="section-other-columns">
                    Insight
                </div>
            </div>
            <!-- Start Subsection -->
            <uib-accordion ng-repeat-end close-others="true">
                <div ng-repeat="(subsection, questions) in subsections" uib-accordion-group class="panel-review panel-section panel-with-collapse-icon">
                    <uib-accordion-heading>
                        <div class="sub-section-title panel-first-column">
                            {{subsection}}
                        </div>
                    </uib-accordion-heading>
                    <!-- Start Questions -->
                    <uib-accordion close-others="true">
                        <div ng-repeat="question in questions" uib-accordion-group class="panel-insight panel-with-collapse-icon">
                            <uib-accordion-heading>
                                <div class="panel-first-column">
                                    {{question.questionText}}
                                </div>
                                <div class="panel-second-column">
                                    {{vm.formatNumber(question.prev2Value) | number}}
                                </div>
                                <div class="panel-third-column">
                                    {{vm.formatNumber(question.prev1Value) | number}}
                                </div>
                                <div class="panel-fourth-column">
                                    {{vm.formatNumber(question.currentValue) | number}}
                                </div>
                                <div class="panel-fifth-column">
                                    <b>{{question.questionReportingUnit}}</b>
                                </div>
                                <div class="panel-sixth-column light-bulb">
                                    <img src="/images/icons/light_bulb.svg" />
                                </div>
                            </uib-accordion-heading>
                            <div class="flex-row insight-container">
                                <div class="flex-column insight-data-input">
                                    <div class="textarea-container">
                                        <textarea placeholder="Start Typing your insight" ng-model="question.insight"></textarea>
                                    </div>
                                    <a class="btn btn-default" ng-click="vm.saveInsight(question)">Add</a>
                                </div>
                                <div class="show-insight-container">
                                    <p>2016</p>
                                    <div class="insight-info">
                                        <div class="insight-title">
                                            <div><i class="fa fa-user-o" aria-hidden="true"></i>&nbsp;<span class="created-by">Noam Gressel</span></div>
                                            <div class="insight-created-date">12/06/2016</div>
                                        </div>
                                        <div class="insight-body">
                                            Hello World!
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--Start Graph And Notifications Section-->
                            <div class="flex-row graph-notification-section">
                                <div class="bar-graph-container">
                                    <multi-year-graph widget-params="vm.graphMap[question.sectionName][question.subSectionName]"></multi-year-graph>
                                </div>
                                <div class="flex-column">
                                    <div class="notification-container">
                                        <p class="notification-title">Notification</p>
                                        <p class="notification-body">Lorem ipsum dolor sit amet.</p>
                                    </div>
                                    <div class="trend-container">
                                        <div class="flex-row">
                                            <p class="trend-title">CURRENT VS PREVIOUS</p>
                                            <p class="text-right trend-icon {{vm.annualGrowth(question).icon}}"><img src="/images/trend_arrow.svg" /></p>
                                        </div>
                                        <p class="trend-value">{{vm.formatNumber(vm.annualGrowth(question).value) | number}}%</p>
                                        <p class="trend-unit">PER YEAR</p>
                                    </div>
                                    <div class="multi-year-trend-container">
                                        <div class="flex-row">
                                            <p class="multi-year-trend-title">3 YEARS TREND</p>
                                            <p class="multi-year-trend-indicator-img {{vm.multiGrowth(question).icon}}"><img src="/images/multi-year-trend_arrow.svg" /></p>
                                        </div>
                                        <p class="multi-year-trend-indicator-text">{{vm.multiGrowth(question).icon}}</p>
                                    </div>
                                </div>
                            </div>
                            <!--End Graph And Notifications Section-->
                            <!--Start Asset Detail Section-->
                            <div class="flex-row asset-row" ng-repeat="asset in question.assets">
                                <div class="panel-first-column">
                                    {{asset.assetName}}
                                </div>
                                <div class="panel-second-column">
                                    {{vm.formatNumber(asset.prev2Value) | number}}
                                </div>
                                <div class="panel-third-column">
                                    {{vm.formatNumber(asset.prev1Value) | number}}
                                </div>
                                <div class="panel-fourth-column">
                                    {{vm.formatNumber(asset.currentValue) | number}}
                                </div>
                                <div class="panel-fifth-column">
                                    <b>{{asset.assetReportingUnit}}</b>
                                </div>
                                <div class="panel-sixth-column"></div>
                            </div>
                            <!--End Asset Detail Section-->
                        </div>
                    </uib-accordion>
                    <!-- End Questions -->
                </div>
            </uib-accordion>
        </div>