Update look of monitor page

This commit is contained in:
Matt Young 2025-10-16 14:39:54 -05:00
parent 70f79d031c
commit 3e3b99c56c
1 changed files with 28 additions and 15 deletions

View File

@ -1,13 +1,15 @@
<x-layout.app> <x-layout.app>
<x-slot:page_title>Monitor Dashboard</x-slot:page_title> <x-slot:page_title>Monitor Dashboard</x-slot:page_title>
<x-card.card class="max-w-xl mx-auto">
{{-- PRELIM AUDITION STATUS CARD --}}
<x-card.card>
<x-card.heading> <x-card.heading>
Prelim Auditions Prelim Auditions
<x-slot:right_side> <x-slot:right_side>
<x-form.select name="prelim_id" onchange="if (this.value) window.location.href = this.value"> <x-form.select name="prelim_id" onchange="if (this.value) window.location.href = this.value">
<option value="" disabled selected hidden>Choose Prelim...</option> <option value="" disabled hidden @if(! $prelimDefinition) selected @endif>Choose Prelim...</option>
@foreach ($prelims as $prelim) @foreach ($prelims as $prelim)
<option <option @if($prelimDefinition && $prelimDefinition->id === $prelim->id) selected @endif
value="{{ route('monitor.prelimStatus', $prelim) }}">{{$prelim->audition->name}}</option> value="{{ route('monitor.prelimStatus', $prelim) }}">{{$prelim->audition->name}}</option>
@endforeach @endforeach
</x-form.select> </x-form.select>
@ -19,27 +21,38 @@
<tr> <tr>
<x-table.th>Entry</x-table.th> <x-table.th>Entry</x-table.th>
<x-table.th>Name</x-table.th> <x-table.th>Name</x-table.th>
<x-table.th>School</x-table.th> <x-table.th> </x-table.th>
<x-table.th>Status</x-table.th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@foreach($entries as $entry) @foreach($entries as $entry)
<tr> <tr>
<x-table.td>{{ $prelimDefinition->audition->name }} {{ $entry->draw_number }}</x-table.td> <x-table.td>
<x-table.td>{{ $entry->student->full_name() }}</x-table.td> {{ $prelimDefinition->audition->name }} {{ $entry->draw_number }}
<x-table.td>{{ $entry->student->school->name }}</x-table.td>
@if($entry->hasFlag('failed_prelim')) @if($entry->hasFlag('failed_prelim'))
<x-table.td>Failed</x-table.td> <span class="inline-flex items-center rounded-full bg-red-100 px-2 py-1 text-xs font-medium text-red-700 dark:bg-red-400/10 dark:text-red-400">Failed</span>
@elseif($entry->hasFlag('passed_prelim')) @elseif($entry->hasFlag('passed_prelim'))
<x-table.td>Passed</x-table.td> <span class="inline-flex items-center rounded-full bg-green-100 px-2 py-1 text-xs font-medium text-green-700 dark:bg-green-400/10 dark:text-green-400">Passed</span>
@else @else
<x-table.td>Pending</x-table.td> <span class="inline-flex items-center rounded-full bg-yellow-100 px-2 py-1 text-xs font-medium text-yellow-800 dark:bg-yellow-400/10 dark:text-yellow-300">
Pending
</span>
@endif @endif
</x-table.td>
<x-table.td>{{ $entry->student->full_name() }}<br>{{ $entry->student->school->name }}</x-table.td>
<x-table.td>
@if($entry->prelimScoreSheets()->count() < 1)
Mark No Show Button
@endif
</x-table.td>
</tr> </tr>
@endforeach @endforeach
</tbody> </tbody>
</x-table.table> </x-table.table>
@endif @endif
</x-card.card> </x-card.card>
{{-- FINAL AUDITION STATUS CARD --}}
</x-layout.app> </x-layout.app>