<x-layout.app x-data="{ showAddBonusScoreModal: false }">
<x-slot:page_title>Bonus Score Management</x-slot:page_title>
<x-slot:title_bar_right>
    @include('admin.bonus-scores.index-help-modal')
</x-slot:title_bar_right>
    @if($bonusScores->count() === 0)
        @include('admin.bonus-scores.index-no-bonus-scores-message')
    @endif

    @foreach($bonusScores as $bonusScore)
        <x-card.card>
            <x-card.heading>
                {{ $bonusScore->name }}
                <x-slot:subheading>
                    Max Points: {{ $bonusScore->max_score }} | Weight: {{ $bonusScore->weight }}
                </x-slot:subheading>
            </x-card.heading>
        </x-card.card>
    @endforeach

    @include('admin.bonus-scores.index-add-bonus-score-modal')
</x-layout.app>