<nb-card class="col-12 col-xl-9">
    <nb-card-body>
        <nb-tabset>
            <nb-tab tabTitle="Info">
                <h3>How it works</h3>
                <ul>
                    <li>
                        Everyone starts out with 1 soft reserve right per raid tier (you can see them in your user profile)
                    </li>
                    <li>
                        The tiers are: MC+Ony, BWL, ZG, AQ20, AQ40, Naxx
                    </li>
                    <li>
                        You gain 1 reserve right for a raid you attend. 2 if you were benched. Rights are granted on raid start.
                    </li>
                    <li>
                        When you sign up to a raid you can spend your reserve rights
                    </li>
                    <li>
                        Every week you can re-reserve the same item to build a streak on it
                    </li>
                    <!--
                    <li>
                        Steaks are color coded. If this means anything will be decided by guild culture: 
                        <span style="color: #ff8000">[+ 10]</span>
                        <span style="color: #a335ee">[9. 8]</span>
                        <span style="color: #0070dd">[7, 6]</span>
                        <span style="color: #1eff00">[5, 4]</span>
                        <span style="color: #ffffff">[3, 2]</span>
                        <span style="color: #9d9d9d">[1]</span>
                    </li>
                    -->
                </ul>
                <br />
                <h3>Specifics about streaks</h3>
                <ul>
                    <li>
                        Some classes and races get an initial boost to specific reserves. The list is on the second tab. 
                    </li>
                    <li>
                        Switching the selected item destroys previous streaks. (Streaks must be continued without switchup)    
                    </li>
                    <li>
                        If you have more than 1 softreserve you can reserve multiple different items. You may only continue one streak the following raid.
                    </li>
                    <li>
                        If you have more than 1 softreserve you can reserve the same item several times to increase its streak.
                    </li>
                    <li>
                        The softreserve counter, Reserves, and Streaks are tiers-specific and only count within their tier.
                    </li>
                    <li>
                        Canceling the signup refunds active reserves and continued streaks. Destroyed streaks cannot be recovered. 
                    </li>
                </ul>
            </nb-tab>
            <nb-tab tabTitle="priorities">
                <nb-list>
                    <nb-list-item *ngFor="let item of rules | keyvalue">
                        <wowhead [item]="item.value[0]"></wowhead><br>
                        <div class="row" *ngFor="let rule of item.value">
                            <div class="col-4">
                                <span *ngIf="rule.modifier>0">+</span>{{rule.modifier}} {{rule.race}} <span [ngStyle]="{'color':rule.color}">{{rule.specname}} {{rule.class}}</span> 
                            </div>
                            <div class="col-8" style="color:white"> ({{rule.description}})</div>
                            <br />
                        </div>
                    </nb-list-item>
                </nb-list>
            </nb-tab>
        </nb-tabset>
    </nb-card-body>
</nb-card>

