From 27522e79033703a32a0b9ebc76582bcdaefaf837 Mon Sep 17 00:00:00 2001
From: Matt Young <matt@mattyoung.us>
Date: Wed, 26 Jun 2024 16:03:07 -0500
Subject: [PATCH] Add Pass Checked Entries button

---
 .../tabulation/advancement/ranking.blade.php  | 70 ++++++++++---------
 1 file changed, 36 insertions(+), 34 deletions(-)

diff --git a/resources/views/tabulation/advancement/ranking.blade.php b/resources/views/tabulation/advancement/ranking.blade.php
index e730d41..ad2f5a3 100644
--- a/resources/views/tabulation/advancement/ranking.blade.php
+++ b/resources/views/tabulation/advancement/ranking.blade.php
@@ -1,43 +1,45 @@
 <x-layout.app>
     <x-slot:page_title>{{ auditionSetting('advanceTo') }} Advancement - {{ $audition->name }}</x-slot:page_title>
-    <div class="grid grid-cols-4" x-data="checkboxSelector()">
-        <div class="col-span-3">
-            @include('tabulation.advancement.results-table')
-        </div>
-        <div class="ml-4">
-            @if($scoringComplete)
+    <x-form.form method="POST" action="#">
+        <div class="grid grid-cols-4" x-data="checkboxSelector()">
+            <div class="col-span-3">
+                @include('tabulation.advancement.results-table')
+            </div>
+            <div class="ml-4">
+                @if($scoringComplete)
 
-                <x-card.card>
-                    <x-card.heading>Pass Entries</x-card.heading>
-                    <div class="mx-6 mt-3">
-                        <x-form.field name="markrows"
-                                      type="number"
-                                      label_text="Mark entries ranked 1 through"
-                                      x-model="numberOfCheckboxes"/>
+                    <x-card.card>
+                        <x-card.heading>Pass Entries</x-card.heading>
+                        <div class="mx-6 mt-3">
+                            <x-form.field name="markrows"
+                                          type="number"
+                                          label_text="Mark entries ranked 1 through"
+                                          x-model="numberOfCheckboxes"/>
 
-                        <div class="flex justify-between mb-3">
-                            <div></div>
-                            <x-form.button type="button" class="mt-2" @click="checkCheckboxes">Mark</x-form.button>
+                            <div class="flex justify-between mb-3">
+                                <div></div>
+                                <x-form.button type="button" class="mt-2" @click="checkCheckboxes">Mark</x-form.button>
+                            </div>
                         </div>
-                    </div>
-                </x-card.card>
-            @endif
-        </div>
+                    </x-card.card>
 
-        <script>
-            function checkboxSelector() {
-                return {
-                    numberOfCheckboxes: 0,
-                    checkCheckboxes() {
-                        const checkboxes = document.querySelectorAll('.checkbox');
-                        checkboxes.forEach((checkbox, index) => {
-                            checkbox.checked = index < this.numberOfCheckboxes;
-                        });
+                    <x-form.button type="submit" class="mt-3">Pass Checked Entries</x-form.button>
+                @endif
+            </div>
+
+            <script>
+                function checkboxSelector() {
+                    return {
+                        numberOfCheckboxes: 0,
+                        checkCheckboxes() {
+                            const checkboxes = document.querySelectorAll('.checkbox');
+                            checkboxes.forEach((checkbox, index) => {
+                                checkbox.checked = index < this.numberOfCheckboxes;
+                            });
+                        }
                     }
                 }
-            }
-        </script>
-    </div>
-
-
+            </script>
+        </div>
+    </x-form.form>
 </x-layout.app>