auditionadmin/resources/views/tabulation/status.blade.php

45 lines
2.2 KiB
PHP

<x-layout.app>
<x-slot:page_title>Audition Status</x-slot:page_title>
<x-card.card class="mx-auto max-w-2xl">
<x-card.heading>
Auditions
</x-card.heading>
<x-table.table>
<thead>
<tr>
<x-table.th>Audition</x-table.th>
<x-table.th>Scoring Complete</x-table.th>
<x-table.th>Seats Published</x-table.th>
</tr>
</thead>
<x-table.body>
@foreach($auditionData as $audition)
<tr class="hover:bg-gray-50">
<x-table.td class="">
<a href="{{ route('seating.audition', ['audition' => $audition['audition']]) }}">
<div class="flex justify-between mb-1">
<span class="text-base font-medium text-indigo-700 dark:text-white">{{ $audition['name'] }}</span>
<span class="text-sm font-medium text-indigo-700 dark:text-white">{{ $audition['scoredEntriesCount'] }} / {{ $audition['totalEntriesCount'] }} Scored</span>
</div>
<div class="w-full bg-gray-200 rounded-full h-2.5 dark:bg-gray-700">
<div class="bg-indigo-600 h-2.5 rounded-full" style="width: {{ $audition['scoredPercentage'] }}%"></div>
</div>
</a>
</x-table.td>
<td class="px-8">
@if( $audition['scoringComplete'])
<x-icons.checkmark color="green"/>
@endif
</td>
<td class="px-8">
@if( $audition['seatsPublished'])
<x-icons.checkmark color="green"/>
@endif
</td>
</tr>
@endforeach
</x-table.body>
</x-table.table>
</x-card.card>
</x-layout.app>