edit attendance page

resources/assets/js/components/demo/voter/home/attendance.vue

@@ -2,11 +2,15 @@
     <div class="row col-md-10 col-md-offset-1">
         <div class="col-md-12">
 
-            <h4 class="text-center">PENGESAHAN KEHADIRAN</h4>
+            <h4 class="text-center fw-bold">PENGESAHAN KEHADIRAN</h4>
             <hr />
 
             <h5 class="text-center">
-                <a href="https://drive.google.com/file/d/1O5DVDIbGy-w0bejV6RqtJGIty-_5LJD8/view" download>>>Muat Turun Etika Mesyuarat Agung << </a>
+                <a href="https://drive.google.com/uc?export=download&id=1O5DVDIbGy-w0bejV6RqtJGIty-_5LJD8"
+                    target="_blank"
+                    style="font-weight: bold; text-decoration: none; padding: 10px 20px; border: 2px solid #007bff; color: #007bff; border-radius: 5px; display: inline-block;">
+                    ⬇ Muat Turun Etika Mesyuarat Agung
+                </a>
             </h5>
 
             <form @submit.prevent="edit()" id="edit_form">
@@ -34,23 +38,41 @@
                 <div class="form-group">
                     <label for="role">Kehadiran :</label>
                     <select class="form-control" id="kehadiran" name="kehadiran" value="" required>
+                        <option value="0">Sila Pilih :</option>
                         <option value="1">Fizikal</option>
                         <option value="2">Maya</option>
                     </select>
                 </div>
 
-                <div class="mb-2">
+                <div class="alert alert-info mt-4 small">
-
+                    <p><strong>*</strong> Pendaftaran akan dibuka dari <strong>jam 7.00 pagi hingga 10.00 pagi (25 April
-                    <p> <i>*Pendaftaran akan dibuka dari <b>jam 7.00 pagi sehingga 10.00 pagi (01 May 2024)</b></i></p>
+                            2025)</strong>.</p>
-                    <p> <i>*Di maklumkan juga bahawa <b>elaun kehadiran</b> berjumlah <b>RM300.00 (secara fizikal)</b>
+                    <p>
-                            akan diberikan secara TUNAI <br>kepada anggota selepas selesai mesyuarat dan <b>RM150
+                        <strong>*</strong> Elaun kehadiran berjumlah <strong>RM300.00 (secara fizikal)</strong> akan
-                                (secara atas talian)</b> akan dikreditkan ke akaun anggota yang hadir dari awal hingga
+                        diberikan secara TUNAI selepas mesyuarat. <br />
-                            tamat.</i></p>
+                        Manakala <strong>RM150.00 (secara atas talian)</strong> akan dikreditkan ke akaun anggota yang
+                        hadir penuh.
+                    </p>
                 </div>
 
-                <div class="text-center">
+                <br>
-                    <input type="submit" value="SAYA TERIMA" class="btn btn-primary"
+
-                        v-if="data.election.status == 2 && data.user.kehadiran == 0" />
+                <div class="text-center mt-4">
+                    <!-- If already confirmed attendance -->
+                    <div v-if="data.user.kehadiran != 0" class="alert alert-success fw-bold">
+                        KEHADIRAN ANDA TELAH DISAHKAN SECARA
+                        <strong class="text-uppercase">
+                            {{ data.user.kehadiran == 1 ? 'FIZIKAL' : 'MAYA' }}
+                        </strong>
+                        <div class="mt-2 text-dark fw-normal">
+                            Sila ke tab <strong>Undian</strong> untuk mengundi.
+                        </div>
+                    </div>
+
+                    <!-- If not yet confirmed attendance -->
+                    <button type="submit" class="btn btn-lg btn-success px-5" v-else-if="data.election.status == 2">
+                        ✅ SAYA TERIMA
+                    </button>
                 </div>
 
             </form>
@@ -87,23 +109,25 @@ export default {
             this.loading = true;
             var vm = this;
             this.util.notify('Adding Attendance', 'loading');
+
             axios.put(config.API + 'attendance/' + this.data.user.id, $('#edit_form').serialize())
                 .then(response => {
                     $.notifyClose();
                     vm.loading = false;
+
                     if (vm.util.showResult(response, 'success')) {
-                        // vm.refreshUser();
+                        // ✅ Redirect to vote page
                         location.reload();
-
+                        vm.$router.push({ name: 'Vote' }); // OR use path: vm.$router.push('/vote');
-
                     }
                 })
                 .catch(error => {
                     $.notifyClose();
                     vm.loading = false;
-                    vm.util.showResult(error, 'error')
+                    vm.util.showResult(error, 'error');
-                })
+                });
         }
+
     }
 }
 </script>