diff --git a/app/Http/Controllers/API/v1/Voter/AttendanceController.php b/app/Http/Controllers/API/v1/Voter/AttendanceController.php
new file mode 100644
index 0000000..c36b913
--- /dev/null
+++ b/app/Http/Controllers/API/v1/Voter/AttendanceController.php
@@ -0,0 +1,60 @@
+<?php
+
+namespace App\Http\Controllers\API\v1\Voter;
+
+use Illuminate\Http\Request;
+use Illuminate\Validation\Rule;
+use App\Http\Controllers\Controller;
+use App\Http\Controllers\Util;
+use App\Voter;
+
+class AttendanceController extends Controller
+{
+    //
+    public function __invoke(Request $request, $id)
+    {
+    	$this->validateRequest($request, $id);
+    	$this->updateAttendance($request, $id);
+    	return response()->json([
+    		'status' => 'success',
+    		'message' => 'Kehadiran anda telah disahkan.'
+    	]);
+    }
+
+    private function validateRequest($request, $id)
+    {
+    	$this->validate($request, [
+    		'name' => [
+                'required', 
+                Rule::unique('voter')->ignore($id)->where(function($query){
+                    $query->where('election_id', Util::getCurrentElection());
+                })
+            ],
+    		'no_kp' => [
+                'required', 
+                Rule::unique('voter')->ignore($id)->where(function($query){
+                    $query->where('election_id', Util::getCurrentElection());
+                })
+            ],
+
+    		'unit' => 'required',
+
+            'no_anggota' => [
+                'required', 
+                Rule::unique('voter')->ignore($id)->where(function($query){
+                    $query->where('election_id', Util::getCurrentElection());
+                })
+            ],
+
+            'kehadiran' => 'required'
+
+    	]);
+    }
+
+    private function updateAttendance($request, $id)
+    {
+    	$voter = $request->all();
+    	Voter::find($id)->update($voter);
+    }
+
+}
diff --git a/config/onewaysms.php b/config/onewaysms.php
index 58d7008..5678388 100644
--- a/config/onewaysms.php
+++ b/config/onewaysms.php
@@ -1,7 +1,7 @@
 <?php 
 
 return [
-    'message' => 'KoPKB : %s is your TAC to log in to your myKoPKB Member account. It will expire in 5 minutes.',
+    'message' => 'KoPKB : %s is your TAC to log in to your myKoPKB Member account. It will expire in 3 minutes.',
     'minutes' => 3
 ];
 
diff --git a/database/migrations/2024_04_15_120701_add_kehadiran_to_voter_table.php b/database/migrations/2024_04_15_120701_add_kehadiran_to_voter_table.php
new file mode 100644
index 0000000..a25c4e8
--- /dev/null
+++ b/database/migrations/2024_04_15_120701_add_kehadiran_to_voter_table.php
@@ -0,0 +1,35 @@
+<?php
+
+use Illuminate\Support\Facades\Schema;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Database\Migrations\Migration;
+
+class AddKehadiranToVoterTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::table('voter', function (Blueprint $table) {
+            //
+            $table->integer('kehadiran');
+            
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::table('voter', function (Blueprint $table) {
+            //
+            $table->dropColumn('kehadiran');
+        });
+    }
+}
diff --git a/resources/assets/js/components/demo/admin/index.vue b/resources/assets/js/components/demo/admin/index.vue
index c062dbd..0705ea2 100644
--- a/resources/assets/js/components/demo/admin/index.vue
+++ b/resources/assets/js/components/demo/admin/index.vue
@@ -21,9 +21,9 @@
 							<a href="#">Jawatan</a>
 						</router-link>
 						
-						<router-link :to="{name: 'Manage Partylist'}"  v-if="data.user.role==1" tag="li">
+						<!-- <router-link :to="{name: 'Manage Partylist'}"  v-if="data.user.role==1" tag="li">
 							<a href="#">Manage Partylist</a>
-						</router-link>
+						</router-link> -->
 
 						<router-link :to="{name: 'Manage Voter'}"  v-if="data.user.role==1" tag="li">
 							<a href="#">Anggota Koperasi</a>
@@ -33,6 +33,10 @@
 							<a href="#">Calon</a>
 						</router-link>
 
+						<router-link :to="{name: 'Kehadiran Calon'}"  v-if="data.user.role==1" tag="li">
+							<a href="#">Kehadiran</a>
+						</router-link>
+
 					</ul>
 					<ul class="nav navbar-right navbar-nav">
 						<li class="dropdown">
diff --git a/resources/assets/js/components/demo/admin/nominee/add.vue b/resources/assets/js/components/demo/admin/nominee/add.vue
index 3e3a1de..78ed265 100644
--- a/resources/assets/js/components/demo/admin/nominee/add.vue
+++ b/resources/assets/js/components/demo/admin/nominee/add.vue
@@ -34,7 +34,7 @@
 						<label for="position_id">Jawatan</label>
 						<select class="form-control" v-model="position_id" name="position_id" required>
 							<option value="0" disabled>--- Pilih Jawatan ---</option>
-							<option v-for="position in data.positions" :value="position.id">{{ position.name }}</option>
+							<option v-for="position in data.positions" :key="position.id" :value="position.id">{{ position.name }}</option>
 						</select>
 					</div>
 
diff --git a/resources/assets/js/components/demo/admin/nominee/edit.vue b/resources/assets/js/components/demo/admin/nominee/edit.vue
index 22bfd3c..4e9487f 100644
--- a/resources/assets/js/components/demo/admin/nominee/edit.vue
+++ b/resources/assets/js/components/demo/admin/nominee/edit.vue
@@ -49,7 +49,7 @@
 					<label for="partylist_id">Partylist</label>
 					<select class="form-control" name="partylist_id" :value="nominee.partylist_id">
 						<option value="">--- Select Partylist (Optional) ---</option>
-						<option v-for="partylist in data.partylists" :value="partylist.id">{{ partylist.name}}</option>
+						<option v-for="partylist in data.partylists" :key="partylist.id" :value="partylist.id">{{ partylist.name }}</option>
 					</select>
 				</div>
 
diff --git a/resources/assets/js/components/demo/admin/nominee/index.vue b/resources/assets/js/components/demo/admin/nominee/index.vue
index e621abc..03e9c1b 100644
--- a/resources/assets/js/components/demo/admin/nominee/index.vue
+++ b/resources/assets/js/components/demo/admin/nominee/index.vue
@@ -34,7 +34,7 @@
 						</tr>
 					</thead>
 					<tbody>
-						<tr v-for="nominee in nominees">
+						<tr v-for="nominee in nominees" :key="nominee.id">
 							<td>
 								<img :alt="nominee.name" :src="createBase64ImageUrl(nominee.photo)" class="thumbnail"
 									style="height: 60px;width: 60px;">
@@ -56,7 +56,7 @@
 							<button class="btn btn-danger" @click="util.showModal(nominee.id)" id=nominee.id>
 								<i class="fa fa-trash"></i> Padam
 							</button>
-							</td>
+							
 						</tr>
 						<tr v-if="nominees.length < 1">
 							<td colspan="7">No Calon</td>
diff --git a/resources/assets/js/components/demo/voter/home/attendance.vue b/resources/assets/js/components/demo/voter/home/attendance.vue
index 5bbd978..a18d3e2 100644
--- a/resources/assets/js/components/demo/voter/home/attendance.vue
+++ b/resources/assets/js/components/demo/voter/home/attendance.vue
@@ -3,134 +3,84 @@
         <div class="col-md-12">
             <h3 class="text-center">Pendaftaran Kehadiran</h3>
             <hr />
-            <ul class="list-group">
-                <li class="list-group-item"><b>No. Kad Pengenalan : </b>{{ data.user.no_kp }}</li>
-                <li class="list-group-item"><b>No. Anggota : </b>{{ data.user.no_anggota }}</li>
-                <li class="list-group-item"><b>Nama : </b>{{ data.user.name }}</li>
-                <li class="list-group-item"><b>Unit : </b>{{ data.user.unit }}</li>
-                <li class="list-group-item" v-if="data.election.status == 1">
-                    <center><router-link :to="{ name: 'Maklumat Calon', query: { position_id: position_id } }"
-							class="btn btn-primary">
-							SAYA TERIMA
-					</router-link></center>
-                    
-                </li>
-            </ul>
-            <div v-if="hasVoted()">
-                <hr />
-                <h4>Maklumat Undian</h4>
-                <hr />
-                <ul class="list-group">
-                    <li class="list-group-item" v-for="result in data.result">
-                        <b>{{ getPosition(result.position_id) }} : </b>{{ getNominee(result.nominee_id) }}
-                    </li>
-                </ul>
-            </div>
-        </div>
-
-        <!-- <div class="col-md-8">
-            <h4>Maklumat Calon</h4>
-            <hr />
-            <small>Click Picture to see details</small>
-            <div class="panel panel-primary" v-for="position in data.positions">
-                <div class="panel-heading">{{ position.name }}</div>
-                <div class="panel-body table-responsive">
-                    <table class="table table-hover">
-                        <thead>
-                            <tr>
-                                <th></th>
-                                <th>Name</th>
-                                <th>Partylist</th>
-                                <th>Unit</th>
-                            </tr>
-                        </thead>
-                        <tbody>
-                            <tr v-for="(nominee, i) in data.nominees" v-if="nominee.position_id == position.id">
-                                <td><img @click="view(i)" :src="data.storageURL + nominee.image" class="thumbnail"
-                                        style="height: 60px;width: 60px;" />
-                                </td>
-                                <td>{{ nominee.name }}</td>
-                                <td>{{ getPartylist(nominee.partylist_id) }}</td>
-                                <td>{{ nominee.unit }}</td>
-                            </tr>
-                        </tbody>
-                    </table>
+            <form @submit.prevent="edit()" id="edit_form">
+                <div class="form-group">
+                    <label for="name">Nama : </label>
+                    <input type="text" name="name" class="form-control" readonly :value="data.user.name" required />
                 </div>
-            </div>
 
-            <modal id="nominee-information-modal" aClass="primary">
-                <modal-header>{{ header }}</modal-header>
-                <modal-body>
-                    <div class="row">
-                        <div class="col-md-3">
-                            <img :src="data.storageURL + x.image" style="height: 150px; width: 150px" class="thumbnail" />
-                        </div>
-                        <div class="col-md-9" style="margin-left: 5px;">
-                            <h3><strong><em>"{{ x.motto }}"</em></strong></h3>
-                            <b> Name : </b>{{ x.name }}<br />
-                            <b> Unit : </b>{{ x.unit }}<br />
-                            <b> Partylist : </b>{{ getPartylist(x.partylist_id) }}<br />
-                            <hr />
-                            {{ x.description }}
-                        </div>
-                    </div>
-                </modal-body>
-                <modal-footer>
-                    <button data-dismiss="modal" class="btn btn-default">Close</button>
-                </modal-footer>
-            </modal>
+                <div class="form-group">
+                    <label for="no_kp">No. Kad Pengenalan :</label>
+                    <input type="text" name="no_kp" class="form-control" readonly :value="data.user.no_kp" required />
+                </div>
 
-        </div> -->
+                <div class="form-group">
+                    <label for="no_anggota">No. Anggota : </label>
+                    <input type="text" name="no_anggota" class="form-control" readonly :value="data.user.no_anggota" required />
+                </div>
+
+                <div class="form-group">
+                    <label for="no_anggota">Unit : </label>
+                    <input type="text" name="unit" class="form-control" readonly :value="data.user.unit" required />
+                </div>
+
+                <div class="form-group">
+                    <label for="role">Kehadiran :</label>
+                    <select class="form-control" id="kehadiran" name="kehadiran" value="" required>
+                        <option value="1">Fizikal</option>
+                        <option value="2">Maya</option>
+                    </select>
+                </div>
+
+                <div>
+                    <p> <i>*Elaun akan diberikan setelah pengundi membuat pengesahan kehadiran</i></p>
+                    <p> <i>*Pendaftaran online sehingga jam 10 pagi</i></p>
+                </div>
+
+                <center><input type="submit" value="SAYA TERIMA" class="btn btn-primary" v-if="data.election.status==1"/></center>
+            </form>
+        </div>
     </div>
 </template>
 
+
+
 <script>
 export default {
-    created: function () {
-        //console.log(this)
-    },
-
     data: function () {
         return {
-            x: {}
+            loading: false
         }
     },
 
     methods: {
-        hasVoted: function () {
-            return this.data.result.length > 0;
-        },
+        // refreshUser: function () {
+        //     var vm = this;
+        //     axios.get(config.API + 'voter/' + this.data.user.id)
+        //         .then(response => {
+        //             vm.data.user = response.data;
+        //         })
+        // },
 
-        getPartylist: function (id) {
-            let partylists = this.data.partylists;
-            for (var i in partylists)
-                if (partylists[i]['id'] == id) return partylists[i]['name'];
-            return 'No Partylist';
-        },
-
-        getPosition: function (id) {
-            let positions = this.data.positions;
-            for (var i in positions)
-                if (positions[i].id == id) return positions[i].name;
-            return '';
-        },
-
-        getNominee: function (id) {
-            let nominees = this.data.nominees;
-            for (var i in nominees)
-                if (nominees[i]['id'] == id) return nominees[i].name;
-            return '';
-        },
-
-        view: function (index) {
-            this.x = this.data.nominees[index];
-            this.util.showModal('#nominee-information-modal');
-        }
-    },
-
-    computed: {
-        header: function () {
-            return this.x.name + ' for ' + this.getPosition(this.x.position_id);
+        edit: function () {
+            if (this.loading) return;
+            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();
+                        vm.$router.push({ name: 'Voter Home' });
+                    }
+                })
+                .catch(error => {
+                    $.notifyClose();
+                    vm.loading = false;
+                    vm.util.showResult(error, 'error')
+                })
         }
     }
 }
diff --git a/resources/assets/js/components/demo/voter/home/mat.vue b/resources/assets/js/components/demo/voter/home/mat.vue
new file mode 100644
index 0000000..e69de29
diff --git a/resources/assets/js/components/demo/voter/home/vote.vue b/resources/assets/js/components/demo/voter/home/vote.vue
index f9f70f9..bea47dc 100644
--- a/resources/assets/js/components/demo/voter/home/vote.vue
+++ b/resources/assets/js/components/demo/voter/home/vote.vue
@@ -7,28 +7,25 @@
 				<li class="list-group-item" v-for="position in data.positions">
 					<b>{{ position.name }} : </b>
 				</li>
-                <ul class="list-group">
-                    <li class="list-group-item" v-for="nominee_id in selected[0].nominee_id">
-                        <b> - {{ getSelectedNomineeName(nominee_id) }}</b>
-                    </li>
-                </ul>
-
-				<!-- <ul class="list-group">
-					<li class="list-group-item" v-for="result in data.result">
-						<b>{{ getPosition(result.position_id) }} : </b>{{ getNominee(result.nominee_id) }}
+				<ul class="list-group">
+					<li class="list-group-item" v-for="nominee_id in selected[0].nominee_id">
+						<b> - {{ getSelectedNomineeName(nominee_id) }}</b>
 					</li>
-				</ul> -->
+				</ul>
 
 				<li class="list-group-item">
 					<center>
-						<button class="btn btn-success" @click="util.showModal('#vote-modal')">Submit Vote</button>
-						<button class="btn btn-default" @click="reset()">Reset</button>
+						<button class="btn btn-success" @click="util.showModal('#vote-modal')">Hantar</button>
+						<!-- <button class="btn btn-default" @click="reset()">Reset</button> -->
 					</center>
 				</li>
 			</ul>
 		</div>
 		<div class="col-md-8">
 			<h4>Pilih Calon</h4>
+			<div class="alert alert-warning " role="alert">
+				Boleh mengundi (2) calon sahaja!
+			</div>
 			<hr />
 			<div class="panel panel-info" v-for="position in data.positions">
 				<div class="panel-heading">{{ position.name }}</div>
@@ -36,9 +33,10 @@
 					<table class="table table-hover">
 						<thead>
 							<tr>
+								<th></th>
+								<th>Bil.</th>
 								<th></th>
 								<th>Nama</th>
-								<th>No. Anggota</th>
 								<th>Unit</th>
 							</tr>
 						</thead>
@@ -47,8 +45,11 @@
 								:key="nominee.id">
 								<td><input type="checkbox" :id="nominee.id" @change="vote(position.id, nominee.id)" />
 								</td>
+								<td>{{ nominee.no_calon }}</td>
+								<td><img @click="view(i)" :src="createBase64ImageUrl(nominee.photo)" class="thumbnail"
+										style="height: 60px;width: 60px;" />
+								</td>
 								<td>{{ nominee.name }}</td>
-								<td>{{ nominee.no_anggota }}</td>
 								<td>{{ nominee.unit }}</td>
 							</tr>
 						</tbody>
@@ -62,17 +63,17 @@
 			<div class="modal-dialog" role="document">
 				<div class="modal-content">
 					<div class="modal-header">
-						<h5 class="modal-title" id="exampleModalLabel">MyKoPKB </h5>
+						<h5 class="modal-title" id="exampleModalLabel"></h5>
 						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
 							<span aria-hidden="true">&times;</span>
 						</button>
 					</div>
 					<div class="modal-body">
-						<h3>Nota: You can only vote once, so vote wisely.</h3>
+						<h5>Nota: Sila pastikan anda telah membuat undian dengan betul.</h5>
 					</div>
 					<div class="modal-footer">
-						<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
-						<button type="button" class="btn btn-primary" @click="submit()">Submit Vote</button>
+						<button type="button" class="btn btn-secondary" data-dismiss="modal">Tutup</button>
+						<button type="button" class="btn btn-primary" @click="submit()">Hantar</button>
 					</div>
 				</div>
 			</div>
@@ -132,7 +133,7 @@ export default {
 					if (vm.util.showResult(response, 'success')) {
 						vm.data.result = response.data.result;
 						vm.$router.push({ name: 'Voter Home' });
-                        $('.modal').modal('hide');
+						$('.modal').modal('hide');
 					}
 				})
 				.catch(error => {
@@ -176,9 +177,9 @@ export default {
 			console.log(this.selected[0])
 		},
 
-        getSelectedNomineeName: function(id) {
+		getSelectedNomineeName: function (id) {
 			return this.getNominee(id);
-        },
+		},
 
 		getName: function (id) {
 			let positions = this.data.positions;
@@ -194,7 +195,7 @@ export default {
 			let positions = this.data.positions;
 			let nominees = this.data.nominees;
 			for (var i in nominees)
-				if (nominees[i]['id']==id) return nominees[i].name;
+				if (nominees[i]['id'] == id) return nominees[i].name;
 			return '';
 		},
 
@@ -211,6 +212,15 @@ export default {
 			return 'No Partylist';
 		},
 
+		view: function (index) {
+			this.x = this.data.nominees[index];
+			this.util.showModal('#nominee-information-modal');
+		},
+
+		createBase64ImageUrl: function (base64ImageData) {
+			return "data:image/png;base64," + base64ImageData;
+		}
+
 		// uncheck: function (checkedName) {
 		// 	this.checkedName = this.checkedNames.filter(name => name !== checkedName);
 		// }
diff --git a/resources/assets/js/components/demo/voter/index.vue b/resources/assets/js/components/demo/voter/index.vue
index 22bc71e..ab1be0a 100644
--- a/resources/assets/js/components/demo/voter/index.vue
+++ b/resources/assets/js/components/demo/voter/index.vue
@@ -16,10 +16,14 @@
 					<ul class="nav navbar-nav">
 
 						<router-link :to="{name: 'Voter Home'}" tag="li" exact>
-							<a href="#">Laman Utama </a>
+							<a href="#">Laman Utama</a>
 						</router-link>
 
-						<router-link :to="{name: 'Attendance'}" tag="li" exact>
+						<router-link :to="{name: 'Mat'}" tag="li" exact>
+							<a href="#">MAT27</a>
+						</router-link>
+
+						<router-link :to="{name: 'Attendance'}"  tag="li" exact>
 							<a href="#">Kehadiran</a>
 						</router-link>
 
diff --git a/resources/assets/js/routesIndex.js b/resources/assets/js/routesIndex.js
index 6b15e27..1edc0d0 100644
--- a/resources/assets/js/routesIndex.js
+++ b/resources/assets/js/routesIndex.js
@@ -4,6 +4,7 @@ import VoterVerification from './components/demo/voter/verification.vue';
 import VoterHome from './components/demo/voter/index.vue';
 
 import Home from './components/demo/voter/home/index.vue';
+import Mat from './components/demo/voter/home/mat.vue';
 import Vote from './components/demo/voter/home/vote.vue';
 import Result from './components/demo/voter/home/result.vue';
 import Attendance from './components/demo/voter/home/attendance.vue';
@@ -32,6 +33,9 @@ import AdminIndex from './components/demo/admin/index.vue';
  import ManageVoterIndex from './components/demo/admin/voter/index.vue';
  import ManageVoterAdd from './components/demo/admin/voter/add.vue';
  import ManageVoterEdit from './components/demo/admin/voter/edit.vue';
+ import KehadiranCalon from './components/demo/admin/voter/kehadiran.vue';
+ import ViewKehadiranCalon from './components/demo/admin/voter/viewkehadiran.vue';
+
 
  import ManageNominee from './components/demo/admin/nominee/nominee.vue';
  import ManageNomineeIndex from './components/demo/admin/nominee/index.vue';
@@ -44,6 +48,8 @@ import AdminIndex from './components/demo/admin/index.vue';
  import ManageAccountPassword from './components/demo/admin/admin/password.vue';
  import ManageAccountAdd from './components/demo/admin/admin/add.vue';
 
+ 
+
 const default_component = {
 	template: '<div>Not found: {{ $route.path }}</div>'
 }
@@ -60,6 +66,12 @@ export default [
 				name: 'Voter Home'
 			},
 
+			{
+				path: 'mat27',
+				component: Mat,
+				name: 'Mat'
+			},
+
 			{
 				path: 'vote',
 				component: Vote,
@@ -208,7 +220,19 @@ export default [
 						path: 'edit/:id',
 						component: ManageVoterEdit,
 						name: 'Edit Voter'
-					}
+					},
+
+					{
+						path: 'kehadiran',
+						component: KehadiranCalon,
+						name: 'Kehadiran Calon'
+					},
+
+					{
+						path: 'viewkehadiran',
+						component: ViewKehadiranCalon,
+						name: 'Calon Hadir'
+					},
 
 				]
 			},
diff --git a/routes/api.php b/routes/api.php
index 59fe6f1..c8f6b0e 100644
--- a/routes/api.php
+++ b/routes/api.php
@@ -29,6 +29,11 @@ Route::prefix('v1')->group(function(){ //Version 1 of my Rest API
 		Route::get('election/information', 'API\v1\Election\InformationController');
 		Route::post('election/vote', 'API\v1\Election\VoteController')->middleware('isvoted');
 		Route::get('election/result', 'API\v1\Election\ResultController')->middleware('has_voted');
+		
+	});
+
+	Route::prefix('attendance')->group(function(){
+		Route::put('{id}', 'API\v1\Voter\AttendanceController');
 	});
 
 	//Admins API
@@ -80,7 +85,7 @@ Route::prefix('v1')->group(function(){ //Version 1 of my Rest API
 			Route::post('', 'API\v1\Voter\AddController');
 			Route::get('', 'API\v1\Voter\GetController');
 			Route::delete('{id}', 'API\v1\Voter\DeleteController');
-			Route::put('{id}', 'API\v1\Voter\UpdateController');	
+			Route::put('{id}', 'API\v1\Voter\UpdateController');		
 		});
 
 	});