+
+ <div id="secondaryTabContainer" class="ui-tabs ui-widget ui-widget-content ui-corner-all">
+ {* Tab management *}
+ <script type="text/javascript">
+ var selectedTab = 'contributions';
+
+ {literal}
+ CRM.$(function($) {
+ var tabIndex = $('#tab_' + selectedTab).prevAll().length;
+ $("#secondaryTabContainer").tabs({active: tabIndex});
+ $(".crm-tab-button").addClass("ui-corner-bottom");
+ });
+ {/literal}
+ </script>
+ <ul class="ui-tabs-nav ui-corner-all ui-helper-reset ui-helper-clearfix ui-widget-header">
+ <li id="tab_contributions" class="crm-tab-button ui-corner-all ui-tabs-tab ui-corner-top ui-state-default ui-tab ui-tabs-active ui-state-active">
+ <a href="#contributions-subtab" title="{ts}Contributions{/ts}">
+ {ts}Contributions{/ts} <em>{$tabCount}</em>
+ </a>
+ </li>
+ <li id="tab_recurring" class="crm-tab-button ui-corner-all ui-tabs-tab ui-corner-top ui-state-default ui-tab">
+ <a href="#recurring-subtab" title="{ts}Recurring Contributions{/ts}">
+ {ts}Recurring Contributions{/ts} <em>{$contributionRecurCount}</em>
+ </a>
+ </li>
+ </ul>
+
+ <div id="contributions-subtab" class="ui-tabs-panel ui-widget-content ui-corner-bottom">
+ <div class="help">