diff --git a/resources/views/backend/pages/forms/upcountry/index.blade.php b/resources/views/backend/pages/forms/upcountry/index.blade.php
index e4b881a..3cd7a10 100644
--- a/resources/views/backend/pages/forms/upcountry/index.blade.php
+++ b/resources/views/backend/pages/forms/upcountry/index.blade.php
@@ -249,7 +249,7 @@
     </section>
 	<section>
 		<div class="modal fade" id="approveModal" tabindex="-1" role="dialog" aria-labelledby="approveModalLabel" aria-hidden="true">
-			<div class="modal-dialog modal-xl" role="document">
+			<div class="modal-dialog modal-lg" role="document">
 				<div class="modal-content">
 					<form id="approveForm" method="POST" action="">
 						@csrf
@@ -270,73 +270,80 @@
 
 							<!-- Modal content (hidden initially) -->
 							<div id="modalContent" class="d-none">
-								<table class="table table-bordered">
-									<thead>
-										<tr>
-											<th>User</th>
-											<th>Rayon</th>
-											<th>Tanggal</th>
-											<th>Tujuan</th>
-											<th>Jarak</th>
-											<th>Bukti 1</th>
-											<th>Bukti 2</th>
-											<th>Bukti 3</th>
-										</tr>
-									</thead>
-									<tbody>
-										<tr>
-											<td id="user"></td>
-											<td id="rayon"></td>
-											<td id="tanggal"></td>
-											<td id="tujuan"></td>
-											<td id="jarak"></td>
-											<td id="bukti1"></td>
-											<td id="bukti2"></td>
-											<td id="bukti3"></td>
-										</tr>
-									</tbody>
-								</table>
-								<p>Please select the items you want to approve:</p>
+								<p>Please review the details below:</p>
+								<ul class="list-group">
+									<li class="list-group-item">
+										<strong>Expense Number:</strong> <span id="expense_number"></span>
+									</li>
+									<li class="list-group-item">
+										<strong>User:</strong> <span id="user"></span>
+									</li>
+									<li class="list-group-item">
+										<strong>Tipe:</strong> Up Country
+									</li>
+									<li class="list-group-item">
+										<strong>Rayon:</strong> <span id="rayon"></span>
+									</li>
+									<li class="list-group-item">
+										<strong>Tanggal:</strong> <span id="tanggal"></span>
+									</li>
+									<li class="list-group-item">
+										<strong>Tujuan:</strong> <span id="tujuan"></span>
+									</li>
+									<li class="list-group-item">
+										<strong>Jarak:</strong> <span id="jarak"></span>
+									</li>
+									<li class="list-group-item">
+										<strong>Bukti 1:</strong> <span id="bukti1"></span>
+									</li>
+									<li class="list-group-item">
+										<strong>Bukti 2:</strong> <span id="bukti2"></span>
+									</li>
+									<li class="list-group-item">
+										<strong>Bukti 3:</strong> <span id="bukti3"></span>
+									</li>
+								</ul>
+								<p class="mt-2">Please select the items you want to approve:</p>
 								<ul class="list-group list-unstyled">
-								<li>
-									<div class="form-group">
-										<div class="custom-control custom-checkbox">
-											<input type="checkbox" class="custom-control-input" id="allowance" name="allowance">
-											<label class="custom-control-label" for="allowance">Allowance (<span id="allowance_value"></span>)</label>
+									<li>
+										<div class="form-group">
+											<div class="custom-control custom-checkbox">
+												<input type="checkbox" class="custom-control-input" id="allowance" name="allowance">
+												<label class="custom-control-label" for="allowance">Allowance (<span id="allowance_value"></span>)</label>
+											</div>
 										</div>
-									</div>
-								</li>
-								<li>
-									<div class="form-group">
-										<div class="custom-control custom-checkbox">
-											<input type="checkbox" class="custom-control-input" id="transport_dalkot" name="transport_dalkot">
-											<label class="custom-control-label" for="transport_dalkot">Transport Dalkot (<span id="transport_dalkot_value"></span>)</label>
+									</li>
+									<li>
+										<div class="form-group">
+											<div class="custom-control custom-checkbox">
+												<input type="checkbox" class="custom-control-input" id="transport_dalkot" name="transport_dalkot">
+												<label class="custom-control-label" for="transport_dalkot">Transport Dalkot (<span id="transport_dalkot_value"></span>)</label>
+											</div>
 										</div>
-									</div>
-								</li>
-								<li>
-									<div class="form-group">
-										<div class="custom-control custom-checkbox">
-											<input type="checkbox" class="custom-control-input" id="transport_ankot" name="transport_ankot">
-											<label class="custom-control-label" for="transport_ankot">Transport Ankot (<span id="transport_ankot_value"></span>)</label>
+									</li>
+									<li>
+										<div class="form-group">
+											<div class="custom-control custom-checkbox">
+												<input type="checkbox" class="custom-control-input" id="transport_ankot" name="transport_ankot">
+												<label class="custom-control-label" for="transport_ankot">Transport Ankot (<span id="transport_ankot_value"></span>)</label>
+											</div>
 										</div>
-									</div>
-								</li>
-								<li>
-									<div class="form-group">
-										<div class="custom-control custom-checkbox">
-											<input type="checkbox" class="custom-control-input" id="hotel" name="hotel">
-											<label class="custom-control-label" for="hotel">Hotel (<span id="hotel_value"></span>)</label>
+									</li>
+									<li>
+										<div class="form-group">
+											<div class="custom-control custom-checkbox">
+												<input type="checkbox" class="custom-control-input" id="hotel" name="hotel">
+												<label class="custom-control-label" for="hotel">Hotel (<span id="hotel_value"></span>)</label>
+											</div>
 										</div>
-									</div>
-								</li>
-								<li>
-									<div class="form-group">
-										<label for="total">Total</label>
-										<input type="text" class="form-control" id="total" name="total" value="0" readonly>
-									</div>
-								</li>
-							</ul>
+									</li>
+									<li>
+										<div class="form-group">
+											<label for="total">Total</label>
+											<input type="text" class="form-control" id="total" name="total" value="0" readonly>
+										</div>
+									</li>
+								</ul>
 							</div>
 						</div>
 
@@ -397,6 +404,7 @@
 
 					// Detail data
 					$('#user').text(data.user.name);
+					$('#expense_number').text(data.expense_number);
 					$('#rayon').text(data.rayon.code);
 					$('#tanggal').text(new Date(data.tanggal).toLocaleDateString('id-ID', {
 						year: 'numeric',