@foreach (var issueList in Model.IssueLists)
        {
            var key = @Model.GetProp20For(issueList.IssueKey);
            <div class="panel panel-default">
                <a class="collapsed" data-toggle="collapse" data-parent="#issue-selection" href="javascript:" aria-expanded="false"
                   data-target="@string.Format("#ID{0}", i.ToString())" data-metrics-key="@Model.GetProp20For(issueList.IssueKey)">
                    <div class="issue-accordion pull-left panel-heading">
                        <p class="table-cell panel-title">@issueList.IssueName</p>
                    </div>
                </a>
                @if (issueList.SubIssueList.Count > 0)
                {
                    <div id="@string.Format("ID{0}",i.ToString())" class="panel-collapse pull-left collapse" aria-expanded="false" style="height: auto;">
                        <div class="panel-body">
                            <ul>
                                @foreach (var subIssueList in issueList.SubIssueList)
                                {
                                    foreach (KeyValuePair<string, string> entry in subIssueList.KeyValuePair)
                                    {
                                        <li><a data-metrics="{'btnname':'@entry.Value.ToString().ToLower().Trim()', 'appcode': @key}" href="javascript:load('@issueTypeUri','@string.Format("serviceTag={0}&issueType={1}",Model.ServiceTag,entry.Key)');">@entry.Value.ToString()</a></li>
                                    }

                                }
                            </ul>
                        </div>
                    </div>
                    i++;

                }

            </div>
        }