<?php defined('BASEPATH') or exit('No direct script access allowed'); ?>
<!--make some space gap on top with menu-->
<div class="banner" style="padding-top: 10px;"></div>
<div class="container margin_top_48px margin_bottom_48px">
	<div class="row" style="padding-bottom:50px;">
		<div class="col-sm-2 order-sm-1 order-2" style="border-right:1px solid #ccc;">
			<?= Modules::run('myaccount_menu'); ?>
		</div><!-- end col-sm-2-->
		<div class="col-sm-10 order-sm-2 order-1">
			<!-- <h4><?= strtoupper(lang('title_affiliator')); ?></h4> -->
			<?= $this->session->flashdata('success'); //to display success message 
			?>
			<br>
			<style>
				.icon-container {
					display: flex;
					align-items: center;
				}

				.icon-container i {
					margin: 0 10px;
					font-size: 48px;
					/* Adjust the margin as needed */
				}

				.icon-container .line {
					border-bottom: 1px solid #000;
					/* Adjust the color and thickness as needed */
					flex: 1;
					margin: 0 10px;
					/* Adjust the margin as needed */
				}
			</style>
			<?php if ($customer->affiliate == "approve") : ?>
				<div>
					<div class="row">
						<div class="col-sm-12">

							<!-- Menu -->
							<ul style="width: max-content;" class="nav nav-tabs" id="myTabs" role="tablist">
								<li class="nav-item">
									<a class="nav-link active" id="tab1" data-toggle="tab" href="#orders1" role="tab" aria-controls="orders1" aria-selected="true">Dashboard</a>
								</li>

								<?php if ($affiliator->kategori == 'asmarasana'): ?>
									<li class="nav-item">
										<a class="nav-link" id="tab-pembelian" data-toggle="tab" href="#orders2" role="tab" aria-controls="orders2" aria-selected="false">Pembelian</a>
									</li>
								<?php else: ?>
									<li class="nav-item">
										<a class="nav-link" id="tab-campaign" data-toggle="tab" href="#orders2" role="tab" aria-controls="orders2" aria-selected="false">Your Campaign</a>
									</li>
								<?php endif; ?>

								<!--<li class="nav-item">
									<a class="nav-link" id="tab3" data-toggle="tab" href="#orders3" role="tab" aria-controls="orders3" aria-selected="false"><?= ucfirst(lang('peformance_report')); ?></a>
								</li>-->
								<!-- <li class="nav-item">
									<a class="nav-link" id="tab3" data-toggle="tab" href="#orders4" role="tab" aria-controls="orders4" aria-selected="false"><?= ucfirst(lang('mission')); ?></a>
								</li> -->

								<!-- Mission is only displayed when the categories reguler  -->
								<?php if ($affiliator->kategori !== 'asmarasana'): ?>
									<li class="nav-item">
										<a class="nav-link" id="tab3" data-toggle="tab" href="#orders4" role="tab" aria-controls="orders4" aria-selected="false"><?= ucfirst(lang('mission')); ?></a>
									</li>
								<?php endif; ?>
								<li class="nav-item">
									<a class="nav-link" id="tab3" data-toggle="tab" href="#orders5" role="tab" aria-controls="orders5" aria-selected="false"><?= ucfirst(lang('commision')); ?></a>
								</li>
							</ul>

							<div class="tab-content" id="myTabContent">
								<!-- Statistik Asmarasana -->
								<?php if ($affiliator->kategori == 'asmarasana'): ?>
									<div style="padding: 15px;" class="tab-pane active" id="orders1" role="tabpanel" aria-labelledby="tab1">
										<h5 style="text-align: center;">Sales Dashboard</h5>
										<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
										<script type="text/javascript">
											google.charts.load('current', {
												'packages': ['corechart']
											});
											google.charts.setOnLoadCallback(drawChart);

											function drawChart() {
												var orders = <?php echo json_encode($orders); ?>; // Mengambil data orders dari PHP
												var referral = <?php echo json_encode($affiliator_ref); ?>;

												// Proses data untuk menghitung total penjualan per tanggal
												var salesData = {};
												orders.forEach(function(order) {
													var date = new Date(order.order_date).toISOString().split('T')[0]; // Ambil hanya tanggal (YYYY-MM-DD)
													var totalAmount = parseFloat(order.total_amount);

													if (order.redeemed_voucher_code === referral) {
														// Jika tanggal sudah ada di salesData, tambahkan totalAmount, jika tidak, inisialisasi dengan totalAmount
														if (salesData[date]) {
															salesData[date] += totalAmount;
														} else {
															salesData[date] = totalAmount;
														}
													}

												});

												// Siapkan data untuk Google Charts
												var chartData = [
													['Tanggal', 'Total Sales']
												];
												for (var date in salesData) {
													chartData.push([date, salesData[date]]);
												}
												if (chartData.length === 1) {
													alert('Tidak ada data penjualan untuk referral yang diberikan.');
													return;
												}

												var data = google.visualization.arrayToDataTable(chartData);

												var options = {
													title: 'Total Penjualan di Bulan ini',
													height: 400,
													hAxis: {
														title: 'Tanggal',
														textStyle: {
															color: '#333'
														},
														titleTextStyle: {
															color: '#333'
														}
													},
													vAxis: {
														title: 'Total Sales',
														minValue: 0,
														textStyle: {
															color: '#333'
														},
														titleTextStyle: {
															color: '#333'
														}
													},
													legend: {
														position: 'none'
													},
													colors: ['#FF5733'],
													backgroundColor: '#F5F5F5',
													chartArea: {
														backgroundColor: {
															fill: '#FFFFFF',
															fillOpacity: 0.8
														},
													},
													pointSize: 5,
													lineWidth: 2
												};

												var chart = new google.visualization.LineChart(document.getElementById('sales_chart'));
												chart.draw(data, options);
											}
										</script>
										<div id="sales_chart"></div>
									</div>

								<?php else: ?>
									<div style="padding: 15px;" class="tab-pane active" id="orders1" role="tabpanel" aria-labelledby="tab1">
										<h5 style="text-align: center;">Dashboard</h5>
										<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
										<script type="text/javascript">
											google.charts.load('current', {
												'packages': ['corechart']
											});
											google.charts.setOnLoadCallback(drawChart);

											function drawChart() {
												// Ambil data dari PHP
												var data = google.visualization.arrayToDataTable([
													['Date', 'Impressions'],
													<?php
													// Ambil data dari database
													$referral = $this->db->escape_str($affiliator->referral); // Mendapatkan referral dari objek affiliator
													$count_visits = $this->db->select('DATE(date) as date, COUNT(DISTINCT ip_address) as count')
														->from('visits')
														->where('referral', $referral)
														->where('date >=', date('Y-m-d', strtotime('-1 month')))
														->group_by('DATE(date)')
														->order_by('DATE(date)', 'ASC')
														->get()
														->result_array();

													// Periksa apakah ada data
													if (empty($count_visits)) {
														echo "['', 0]"; // Menyediakan data kosong untuk menghindari error
													} else {
														// Generate data untuk Google Charts
														foreach ($count_visits as $row) {
															echo "['" . $row['date'] . "', " . (int)$row['count'] . "],";
														}
													}
													?>
												]);

												// Cek jumlah data untuk menampilkan alert jika tidak ada data
												if (data.getNumberOfRows() === 1) { // 1 baris untuk header
													alert('Tidak ada data impressions untuk referral yang diberikan.');
													return; // Hentikan eksekusi jika tidak ada data
												}

												var options = {
													title: 'Total Impressions in the Last Month',
													height: 400,
													hAxis: {
														title: 'Date',
														textStyle: {
															color: '#333'
														},
														titleTextStyle: {
															color: '#333'
														}
													},
													vAxis: {
														title: 'Impressions',
														minValue: 0,
														textStyle: {
															color: '#333'
														},
														titleTextStyle: {
															color: '#333'
														}
													},
													legend: {
														position: 'none'
													},
													colors: ['#FF5733', '#33FF57', '#3357FF', '#F7FF33', '#FF33C4', '#33FFF5'],
													backgroundColor: '#F5F5F5',
													chartArea: {
														backgroundColor: {
															fill: '#FFFFFF',
															fillOpacity: 0.8
														},
													},
													pointSize: 5,
													lineWidth: 2
												};

												var chart = new google.visualization.LineChart(document.getElementById('stacked_chart'));
												chart.draw(data, options);
											}
										</script>
										<div id="stacked_chart"></div>
									</div>
								<?php endif; ?>
								<div style="padding: 15px;" class="tab-pane fade" id="orders2" role="tabpanel" aria-labelledby="tab2">
									<h5 style="text-align: center;">Pembelian</h5>
									<div class="row">
										<div class="col-sm-6" style="margin-right: 0;">
											<p>Kode Referal Kamu: <b><?= $affiliator->referral; ?></b></p>
										</div>
									</div>
									<br><br>
									<div class="table-responsive w-100">

										<table class="table table-striped">
											<?php if ($affiliator->kategori == 'asmarasana'): ?>
												<tr>
													<th>No</th>
													<th>Nama Pemesan</th>
													<th>Tanggal Order</th>
													<th>Total Penjualan</th>
													<th>Total Komisi</th>
												</tr>
											<?php else : ?>
												<tr>
													<th>Nama Produk</th>
													<th>Status</th>
													<th>Link</th>
													<th>Open</th>
													<th>Order</th>
													<th>Total Order</th>
													<th>Total Komisi</th>
												</tr>
											<?php endif; ?>

											<?php if ($affiliator->kategori == 'asmarasana'): ?>
												<!-- Kalau asmarasana -->
												<?php $i = 1; ?>
												<?php if (count($orders)) : ?>
													<?php foreach ($orders as $order) : ?>
														<tr>

															<td><?php echo $i; ?></td>
															<td><?php echo $order->nama_pemesan; ?></td> <!-- Menampilkan Nama Pemesan -->
															<td><?php echo date('d F Y', strtotime($order->order_date)); ?></td> <!-- Menampilkan Tanggal Order -->
															<td>IDR <?php echo number_format($order->total_amount); ?></td> <!-- Menampilkan Total Penjualan -->
															<td>IDR <?php echo number_format($order->total_amount * 0.20); ?></td> <!-- Menampilkan Total Komisi -->
														</tr>
														<?php $i++; ?>
													<?php endforeach; ?>
												<?php else : ?>
													<tr>
														<td colspan="6">Tidak ada data untuk ditampilkan.</td> <!-- Menampilkan pesan jika tidak ada data -->
													</tr>
												<?php endif; ?>

											<?php else: ?>
												<!-- Contoh baris dengan data -->
												<?php if (count($link)) : ?>
													<?php foreach ($link as $ar) : ?>
														<tr>
															<td><?php echo $ar->product_name; ?></td>
															<td class="<?php echo ($ar->status == 'Active') ? 'text-success' : 'text-danger'; ?>">
																<b> <?php echo $ar->status; ?></b>
															</td>
															<td>
																<button class="btn btn-primary" onclick="copyToClipboard('<?php echo $ar->link; ?>')">Copy Link</button>
															</td>
															<td><?php
																$count_visit = $this->db->select('id')
																	->from('visits')
																	->where('referral', $ar->unique_id)
																	->where('date >', '2024-08-31')
																	->group_by('ip_address')
																	->get()
																	->num_rows();

																echo $count_visit; ?>
															</td>
															<td><?php echo $ar->order; ?></td>
															<td><?php echo $ar->komisi_order; ?></td>
															<?php if ($ar->unique_id == 'laciput') : ?>
																<td>IDR <?php echo number_format($count_visit * 0  + $ar->komisi_order); ?></td>
															<?php else : ?>
																<td>IDR <?php echo number_format($count_visit * 50  + $ar->komisi_order); ?></td>
															<?php endif; ?>
														</tr>
													<?php endforeach; ?>
												<?php else : ?>
													<tr>
														<td colspan="8">Tidak Ada Produk Yang Sedang Dipromosikan</td>
													</tr>
												<?php endif; ?>
											<?php endif; ?>
											<!-- Tambahkan baris lainnya sesuai kebutuhan -->
										</table>
										<!-- Tambahkan ini di bagian <head> atau di tempat lain yang sesuai -->
										<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
										<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>
										<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>

										<!-- Modal -->
										<div class="modal fade" id="copyModal" tabindex="-1" role="dialog" aria-labelledby="copyModalLabel" aria-hidden="true">
											<div class="modal-dialog" role="document">
												<div class="modal-content">
													<div class="modal-header">
														<h5 class="modal-title" id="copyModalLabel">Notification</h5>
														<button type="button" class="close" data-dismiss="modal" aria-label="Close">
															<span aria-hidden="true">&times;</span>
														</button>
													</div>
													<div class="modal-body">
														Link copied to clipboard!
													</div>
													<div class="modal-footer">
														<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
													</div>
												</div>
											</div>
										</div>

										<script>
											function copyToClipboard(link) {
												var tempInput = document.createElement("input");
												tempInput.style.position = "absolute";
												tempInput.style.left = "-1000px";
												tempInput.style.top = "-1000px";
												tempInput.value = link;
												document.body.appendChild(tempInput);
												tempInput.select();
												document.execCommand("copy");
												document.body.removeChild(tempInput);

												// Show the modal
												$('#copyModal').modal('show');
											}
										</script>

									</div>


								</div>
								<!--<div style="padding: 15px;" class="tab-pane fade" id="orders3" role="tabpanel" aria-labelledby="tab3">
									<h5 style="text-align: center;"><?= ucfirst(lang('peformance_report')); ?></h5>
									<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
									<script type="text/javascript">
										google.charts.load('current', {
											'packages': ['corechart']
										});
										google.charts.setOnLoadCallback(drawChart);

										function drawChart() {
											var data = google.visualization.arrayToDataTable([
												['Day', 'Impression'],
												['1', 1000],
												['2', 1170],
												['3', 660],
												['4', 1030],
												['5', 1000],
												['6', 1170],
												['7', 660],
												['8', 1030],
												['9', 1000],
												['10', 1170],
												['11', 660],
												['12', 1030],
												['13', 1000],
												['14', 1170],
												['15', 660],
												['16', 1030]
											]);

											var options = {
												title: 'Impression',
												curveType: 'function',
												width: 1000,
												height: 500,
												legend: {
													position: 'bottom'
												}
											};

											var chart = new google.visualization.LineChart(document.getElementById('curve_chart'));

											chart.draw(data, options);
										}
									</script>
									<div id="curve_chart"></div>

								</div>-->
								<div style="padding: 15px;" class="tab-pane fade" id="orders4" role="tabpanel" aria-labelledby="tab4">
									<h5 style="text-align: center;"><?= ucfirst(lang('mission')); ?></h5>
									<div class="row">
										<div class="col-sm-6" style="margin-right: 0;">
											<h5 style="font-size: medium;"><b>Mission Progress</b></h5>
											<?php $i = 1; ?>
											<?php foreach ($missions as $mission) : ?>
												<div>
													<p><?= $i ?>. <?php echo $mission->name; ?></p>
													<?php foreach ($mission->progress_details as $progress) : ?>
														<?php
														$percentage = ($progress->progress / $mission->target) * 100;
														$bg_class = ''; // default class

														if ($percentage >= 0 && $percentage < 25) {
															$bg_class = 'bg-danger';
														} elseif ($percentage >= 25 && $percentage < 50) {
															$bg_class = 'bg-warning';
														} elseif ($percentage >= 50 && $percentage < 75) {
															$bg_class = 'bg-info';
														} elseif ($percentage >= 75 && $percentage <= 100) {
															$bg_class = 'bg-success';
														}
														?>
														<div class="progress mt-3">
															<div class="progress-bar <?php echo $bg_class; ?>" role="progressbar" style="width: <?php echo $percentage; ?>%;" aria-valuenow="<?php echo $percentage; ?>" aria-valuemin="0" aria-valuemax="100">
																<?php echo $percentage; ?>%
															</div>
														</div>
														<br>
													<?php endforeach; ?>
												</div>
												<?php $i++; ?>
											<?php endforeach; ?>
										</div>

										<div class="col-sm-6" style="margin-right: 0;">
											<h5 style="font-size: medium;"><b>Mission Reporting</b></h5>
											<div id="missionList">
												<?php $i = 1; ?>
												<?php foreach ($missions as $mission) : ?>
													<div>
														<p><?= $i ?>. <?php echo $mission->quest; ?></p>
														<?php echo form_open('account/submitmissionreport'); ?>
														<div class="input-group">
															<input name="mission_id" type="hidden" value="<?= $mission->id_mission ?>">
															<input name="mission_name" type="hidden" value="<?= $mission->name ?>">
															<input name="customer_id" type="hidden" value="<?= $affiliator->id_customer ?>">

															<input name="link" type="text" class="form-control" id="link" placeholder="Input link postingan">
															<div class="input-group-append">
																<input class="form-control" style="cursor: pointer; padding:2px; padding-left:5px; padding-right:5px;" type="submit" value="Save">

															</div>
														</div>
														<?php echo form_close(); ?>
													</div>
													<br>
													<?php $i++; ?>
												<?php endforeach; ?>
											</div>
										</div>

									</div>
									<div class="row">
										<table class="table table-striped">
											<tr>
												<th>No</th>
												<th>Mission</th>
												<th>Date Submit</th>
												<th>Proof</th>
												<th>Status</th>
											</tr>
											<!-- Contoh baris dengan data -->
											<?php if (count($progressreport)) : ?>
												<?php $i = 1; ?>

												<?php foreach ($progressreport as $ar) : ?>
													<tr>
														<td><?= $i; ?></td>
														<td><?= $ar->name_mission; ?></td>
														<td><?= $ar->date_submit; ?></td>
														<td><?= $ar->link; ?></td>
														<td><?= $ar->status; ?></td>

													</tr>
													<?php $i++; ?>

												<?php endforeach; ?>
											<?php else : ?>
												<tr>
													<td colspan="8">Tidak Ada Progress Yang di Submit</td>
												</tr>
											<?php endif; ?>
											<!-- Tambahkan baris lainnya sesuai kebutuhan -->
										</table>
									</div>

								</div>

								<div style="padding: 15px;" class="tab-pane fade" id="orders5" role="tabpanel" aria-labelledby="tab5">
									<h5 style="text-align: center;"><?= ucfirst(lang('commission')); ?></h5>

									<!-- Commission Summary -->
									<div class="card mt-3">
										<div class="card-body">
											<h6 class="card-title">Commission Summary</h6>
											<?php if ($affiliator->kategori == 'asmarasana') { ?>
												<p>Total Sales: IDR <?= number_format($total_sales_dokter); ?></p>
												<p>Commission Earned: IDR <?= number_format($earned_asmarasana); ?></p>
												<p>Pending Commission: IDR <?= number_format($pending_asmarasana); ?></p>
												<?php if ($pending_asmarasana < 10000) {
													echo "<div class='alert alert-danger'>The minimum commission withdrawal is 10,000 Rupiah. If your pending commission doesn't reach this amount by the end of the month, it will be carried over to the next month. Remember, your commissions will be transferred at the end of each month, ensuring you never miss out on your earnings!</div>";
												}
												?>
											<?php } else { ?>
												<p>Total Sales: IDR <?= number_format($total_sales_biasa); ?></p>
												<p>Commission Earned: IDR <?= number_format($earned); ?></p>
												<p>Pending Commission: IDR <?= number_format($pending); ?></p>
												<?php if ($pending < 10000) {
													echo "<div class='alert alert-danger'>The minimum commission withdrawal is 10,000 Rupiah. If your pending commission doesn't reach this amount by the end of the month, it will be carried over to the next month. Remember, your commissions will be transferred at the end of each month, ensuring you never miss out on your earnings!</div>";
												}
												?>
											<?php } ?>

										</div>
									</div>

									<!-- Bank Account Information -->
									<div class="card mt-3">
										<div class="card-body">
											<h6 class="card-title">Bank Account Information</h6>
											<table class="table">
												<tbody>
													<tr>
														<th scope="row">Bank Name</th>
														<td id="bankName"><?= $affiliator->account_type ?></td>
													</tr>
													<tr>
														<th scope="row">Account Name</th>
														<td id="accountHolder"><?= $affiliator->account_name ?></td>
													</tr>
													<tr>
														<th scope="row">Account Number</th>
														<td id="accountNumber"><?= $affiliator->account_number ?></td>
													</tr>
												</tbody>
											</table>
											<button class="btn btn-primary" id="editButton" onclick="editBankInfo()">Edit</button>
											<button class="btn btn-success d-none" id="saveButton" onclick="saveBankInfo()">Save</button>
											<button class="btn btn-secondary d-none" id="cancelButton" onclick="cancelEdit()">Cancel</button>
											<br><br>
											<div id="responseMessage"></div>
										</div>
									</div>

									<script>
										function editBankInfo() {
											var bankNameElement = document.getElementById('bankName');
											var accountHolderElement = document.getElementById('accountHolder');
											var accountNumberElement = document.getElementById('accountNumber');

											bankNameElement.contentEditable = true;
											accountHolderElement.contentEditable = true;
											accountNumberElement.contentEditable = true;

											document.getElementById('editButton').classList.add('d-none');
											document.getElementById('saveButton').classList.remove('d-none');
											document.getElementById('cancelButton').classList.remove('d-none');
										}

										function cancelEdit() {
											var bankNameElement = document.getElementById('bankName');
											var accountHolderElement = document.getElementById('accountHolder');
											var accountNumberElement = document.getElementById('accountNumber');

											bankNameElement.contentEditable = false;
											accountHolderElement.contentEditable = false;
											accountNumberElement.contentEditable = false;

											document.getElementById('editButton').classList.remove('d-none');
											document.getElementById('saveButton').classList.add('d-none');
											document.getElementById('cancelButton').classList.add('d-none');
										}

										function saveBankInfo() {
											var bankName = document.getElementById('bankName').innerText.trim();
											var accountHolder = document.getElementById('accountHolder').innerText.trim();
											var accountNumber = document.getElementById('accountNumber').innerText.trim();

											var formData = new FormData();
											formData.append('bankName', bankName);
											formData.append('accountHolder', accountHolder);
											formData.append('accountNumber', accountNumber);
											formData.append('<?= $this->security->get_csrf_token_name(); ?>', '<?= $this->security->get_csrf_hash(); ?>');

											var xhr = new XMLHttpRequest();
											xhr.open('POST', '<?= base_url('account/update_bank_info'); ?>', true);

											xhr.onload = function() {
												if (xhr.status === 200) {
													var response = JSON.parse(xhr.responseText);
													document.getElementById('responseMessage').innerHTML = '<div class="alert alert-success">' + response.message + '</div>';
												} else {
													document.getElementById('responseMessage').innerHTML = '<div class="alert alert-danger">Gagal menyimpan data.</div>';
												}
											};

											xhr.onerror = function() {
												document.getElementById('responseMessage').innerHTML = '<div class="alert alert-danger">Kesalahan jaringan.</div>';
											};

											xhr.send(formData);

											cancelEdit();
										}
									</script>



									<!-- Commission Details -->
									<div class="card mt-3">
										<div class="card-body">
											<h6 class="card-title">Commission Details</h6>
											<table class="table">
												<thead>
													<?php if ($affiliator->kategori == 'asmarasana'): ?>
														<tr>
															<th scope="col">No</th>
															<th scope="col">Product</th>
															<th scope="col">Sales Total</th>
															<th scope="col">Sales Commission</th>
														</tr>
													<?php else : ?>
														<tr>
															<th scope="col">No</th>
															<th scope="col">Product</th>
															<th scope="col">Sales Total</th>
															<th scope="col">Sales Commission</th>
															<th scope="col">Other Commission</th>
														</tr>
													<?php endif; ?>

												</thead>
												<tbody>
													<?php $i = 1 ?>
													<?php if ($affiliator->kategori == 'asmarasana'): ?>
														<!-- Kalau asmarasana -->

														<?php if (count($order_details)) : ?>
															<?php $products = array(); ?>
															<?php foreach ($order_details as $order_detail) : ?>
																<?php $product_id = $order_detail->product_id; ?>
																<?php if (!isset($products[$product_id])) : ?>
																	<?php $products[$product_id] = array('product_name' => $order_detail->item_name, 'sales_total' => 0); ?>
																<?php endif; ?>
																<?php $products[$product_id]['sales_total'] += $order_detail->subtotal; ?>
															<?php endforeach; ?>


															<?php foreach ($products as $product_id => $product) : ?>

																<tr>
																	<td><?php echo $i ?></td>
																	<td><?php echo $product['product_name']; ?></td>
																	<td>IDR <?php echo number_format($product['sales_total']); ?></td>
																	<td>IDR <?php echo number_format($product['sales_total'] * 0.20); ?></td>
																</tr>
																<?php $i++ ?>
															<?php endforeach; ?>
														<?php else : ?>
															<tr>
																<td colspan="4">Tidak ada data untuk ditampilkan.</td>
															</tr>
														<?php endif; ?>
													<?php else: ?>
														<!-- Contoh baris dengan data -->
														<?php if (count($link)) : ?>
															<?php $i = 1; ?>
															<?php foreach ($link as $ar) : ?>
																<tr>
																	<td><?php echo $i; ?></td>
																	<td><?php echo $ar->product_name ?></td>
																	<!-- Sales Total Amount -->
																	<!-- Sum Total Sales -->
																	<td>
																		<?php
																		// Ambil total sales (penjualan) yang berkaitan dengan unique_id sebagai voucher code
																		$total_sales = $this->db->select_sum('total_amount')
																			->from('orders')
																			->where('referral', $ar->unique_id)
																			->where('payment_status', 5)
																			->get()
																			->row()
																			->total_amount;
																		echo 'IDR ' . number_format($total_sales ?? 0); // Jika tidak ada total sales, tampilkan 0
																		$commission = $total_sales * 0.10;
																		?>
																	</td>
																	<!-- Sales Commision -->
																	<td>IDR <?php echo number_format($commission); ?></td>
																	<!-- Other Commision -->
																	<?php if ($ar->unique_id == 'laciput') : ?>
																		<td><?php
																			$count_visit = $this->db->select('id')
																				->from('visits')
																				->where('referral', $ar->unique_id)
																				->where('date >', '2024-08-31')
																				->group_by('ip_address')
																				->get()
																				->num_rows();
																			echo 'IDR ' . number_format($count_visit * 0); ?>
																		</td>
																	<?php else : ?>
																		<td><?php
																			$count_visit = $this->db->select('id')
																				->from('visits')
																				->where('referral', $ar->unique_id)
																				->where('date >', '2024-08-31')
																				->group_by('ip_address')
																				->get()
																				->num_rows();
																			echo 'IDR ' . number_format($count_visit * 50); ?>
																		</td>
																	<?php endif; ?>
																</tr>
																<?php $i++; ?>
															<?php endforeach; ?>
														<?php else : ?>
															<tr>
																<td colspan="8">Tidak Ada Produk Yang Sedang Dipromosikan</td>
															</tr>
														<?php endif; ?>
													<?php endif; ?>

												</tbody>
											</table>
										</div>
									</div>

									<!-- Commission Actions -->
									<div class="card mt-3">
										<div class="card-body">
											<a href="<?= base_url() . 'Account/generate_commision_report/' . $affiliator->id_daftar; ?>" target="_blank"><button class="btn btn-primary" disabled <?php if ($pending < 10000) {
																																																		echo "";
																																																	}
																																																	?>>Generate Commission Report</button></a>
										</div>
									</div>
								</div>

							</div>
						</div>
					</div>
				</div>
			<?php elseif ($customer->affiliate == "rejected") : ?>
				<style>
					.choice-container {
						text-align: center;
						margin: 20px auto;
						max-width: 600px;
					}

					.choice-container h2 {
						font-size: 24px;
						color: rgb(122, 67, 151);
						margin-bottom: 20px;
					}

					.choice-grid {
						display: flex;
						justify-content: space-between;
						flex-wrap: wrap;
						gap: 20px;
						/* Menambahkan jarak antar box */
					}

					.choice-box {
						flex: 1 1 45%;
						/* Membuat box responsif */
						background-color: white;
						border: 2px solid rgb(122, 67, 151);
						border-radius: 10px;
						padding: 20px;
						box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
						transition: transform 0.3s, box-shadow 0.3s;
						cursor: pointer;
						/* Menambahkan pointer untuk tampilan yang interaktif */
					}

					.choice-box.active {
						background-color: rgb(122, 67, 151);
						color: white;
						/* border: 2px solid white; */
						box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
					}

					.choice-box.active h3 {
						color: white;
						margin: 0 0 10px;
					}

					.choice-box.active p {
						color: white;
					}

					.choice-box:hover {
						transform: translateY(-5px);
						/* Efek hover */
						box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
						/* Efek bayangan lebih kuat saat hover */
					}

					.choice-box h3 {
						color: rgb(122, 67, 151);
						margin: 0 0 10px;
					}

					.choice-box p {
						color: #666;
						/* Warna teks deskripsi */
					}

					/* Responsif untuk perangkat kecil */
					@media (max-width: 768px) {
						.choice-grid {
							flex-direction: column;
							/* Menjadikan box bertumpuk pada perangkat kecil */
						}

						.choice-box {
							flex: 1 1 100%;
							/* Memastikan box mengambil lebar penuh pada perangkat kecil */
						}
					}
				</style>
				<div class="choice-container">
					<?php if ($this->session->userdata('site_lang') == 'english') {
						echo "<h2>Select Your Affiliate Program</h2>";
					} else {
						echo "<h2>Pilih Program Afiliasi</h2>";
					}
					?>

					<div class="choice-grid">
						<div class="choice-box" id="asmaradoor-box" onclick="showAsmarasana()">
							<h3>AsmaraSana</h3>
							<?php if ($this->session->userdata('site_lang') == 'english') {
								echo "<p>For health professionals</p>";
							} else {
								echo "<p>Buat tenaga kesehatan</p>";
							}
							?>
						</div>
						<div class="choice-box" id="asmarasana-box" onclick="showAsmaradoor()">
							<h3>Asmaradoor</h3>
							<?php if ($this->session->userdata('site_lang') == 'english') {
								echo "<p>For all of us</p>";
							} else {
								echo "<p>Buat kita semua</p>";
							}
							?>
						</div>
					</div>
				</div>
				<div id="asmaradoor-content" style="display: none;">
					<p><?= ucfirst(lang('what_is')); ?></p>
					<br>
					<p><?= ucfirst(lang('benefit')); ?></p>
					<br>
					<p><?= ucfirst(lang('title_affiliator_register')); ?></p>
					<br>

					<div class="icon-container">
						<div style="text-align: center;">
							<i class="fa fa-user-plus" aria-hidden="true" style="color: #7A4397;"></i>
							<br>
							<h5><?= ucfirst(lang('daftar')); ?></h5>
							<p><?= ucfirst(lang('daftar_decs')); ?></p>
						</div>
						<span class="line"></span>
						<div style="text-align: center;">
							<i class="fa fa-clock-o" aria-hidden="true"></i>
							<br>
							<h5><?= ucfirst(lang('proses')); ?></h5>
							<p><?= ucfirst(lang('proses_decs')); ?></p>
						</div>
						<span class="line"> </i></span>
						<div style="text-align: center;">
							<i class="fa fa-check-circle" aria-hidden="true"></i>
							<br>
							<h5><?= ucfirst(lang('disetujui')); ?></h5>
							<p><?= ucfirst(lang('disetujui_decs')); ?></p>
						</div>
					</div>
					<br><br>
				</div>
				<!-- asmarasana content -->
				<div id="asmarasana-content" style="display: none;">
					<p><?= ucfirst(lang('what_is_asmarasana')); ?></p>
					<br>
					<!-- <p><?= ucfirst(lang('benefit_asmarasana')); ?></p> -->
					<br>
					<!-- <p><?= ucfirst(lang('title_affiliator_register_asmarasana')); ?></p> -->
				</div>
				<div style="background-color: #D9D9D9;">
					<p id="demo" style="text-align: center; font-size: 48px;"></p>
					<p style="text-align: center; font-size: 16px;">Sampai kamu bisa daftar lagi</p>
				</div>

				<script>
					// Set the date we're counting down to
					var countDownDate = new Date('<?= $customer->affiliate_register_cooldown ?>').getTime();

					// Update the count down every 1 second
					var x = setInterval(function() {

						// Get today's date and time
						var now = new Date().getTime();

						// Find the distance between now and the count down date
						var distance = countDownDate - now;

						// Time calculations for days, hours, minutes and seconds
						var days = Math.floor(distance / (1000 * 60 * 60 * 24));
						var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
						var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
						var seconds = Math.floor((distance % (1000 * 60)) / 1000);

						// Output the result in an element with id="demo"
						document.getElementById("demo").innerHTML = days + "d " + hours + "h " +
							minutes + "m " + seconds + "s ";

						// If the count down is over, write some text 
						if (distance < 0) {
							clearInterval(x);
							document.getElementById("demo").innerHTML = "EXPIRED";
						}
					}, 1000);
				</script>
			<?php elseif ($customer->affiliate == "waiting") : ?>
				<style>
					.choice-container {
						text-align: center;
						margin: 20px auto;
						max-width: 600px;
					}

					.choice-container h2 {
						font-size: 24px;
						color: rgb(122, 67, 151);
						margin-bottom: 20px;
					}

					.choice-grid {
						display: flex;
						justify-content: space-between;
						flex-wrap: wrap;
						gap: 20px;
						/* Menambahkan jarak antar box */
					}

					.choice-box {
						flex: 1 1 45%;
						/* Membuat box responsif */
						background-color: white;
						border: 2px solid rgb(122, 67, 151);
						border-radius: 10px;
						padding: 20px;
						box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
						transition: transform 0.3s, box-shadow 0.3s;
						cursor: pointer;
						/* Menambahkan pointer untuk tampilan yang interaktif */
					}

					.choice-box.active {
						background-color: rgb(122, 67, 151);
						color: white;
						/* border: 2px solid white; */
						box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
					}

					.choice-box.active h3 {
						color: white;
						margin: 0 0 10px;
					}

					.choice-box.active p {
						color: white;
					}

					.choice-box:hover {
						transform: translateY(-5px);
						/* Efek hover */
						box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
						/* Efek bayangan lebih kuat saat hover */
					}

					.choice-box h3 {
						color: rgb(122, 67, 151);
						margin: 0 0 10px;
					}

					.choice-box p {
						color: #666;
						/* Warna teks deskripsi */
					}

					/* Responsif untuk perangkat kecil */
					@media (max-width: 768px) {
						.choice-grid {
							flex-direction: column;
							/* Menjadikan box bertumpuk pada perangkat kecil */
						}

						.choice-box {
							flex: 1 1 100%;
							/* Memastikan box mengambil lebar penuh pada perangkat kecil */
						}
					}
				</style>
				<div class="choice-container">
					<?php if ($this->session->userdata('site_lang') == 'english') {
						echo "<h2>Select Your Affiliate Program</h2>";
					} else {
						echo "<h2>Pilih Program Afiliasi</h2>";
					}
					?>

					<div class="choice-grid">
						<div class="choice-box" id="asmaradoor-box" onclick="showAsmarasana()">
							<h3>AsmaraSana</h3>
							<?php if ($this->session->userdata('site_lang') == 'english') {
								echo "<p>For health professionals</p>";
							} else {
								echo "<p>Buat tenaga kesehatan</p>";
							}
							?>
						</div>
						<div class="choice-box" id="asmarasana-box" onclick="showAsmaradoor()">
							<h3>Asmaradoor</h3>
							<?php if ($this->session->userdata('site_lang') == 'english') {
								echo "<p>For all of us</p>";
							} else {
								echo "<p>Buat kita semua</p>";
							}
							?>
						</div>
					</div>
				</div>

				<div id="asmaradoor-content" style="display: none;">
					<p><?= ucfirst(lang('what_is')); ?></p>
					<br>
					<p><?= ucfirst(lang('benefit')); ?></p>
					<br>
					<p><?= ucfirst(lang('title_affiliator_register')); ?></p>
					<br>
					<div class="icon-container">
						<div style="text-align: center;">
							<i class="fa fa-user-plus" aria-hidden="true" style="color: #7A4397;"></i>
							<br>
							<h5><?= ucfirst(lang('daftar')); ?></h5>
							<p><?= ucfirst(lang('daftar_decs')); ?></p>
						</div>
						<span class="line"></span>
						<div style="text-align: center;">
							<i class="fa fa-clock-o" aria-hidden="true" style="color: #7A4397;"></i>
							<br>
							<h5><?= ucfirst(lang('proses')); ?></h5>
							<p><?= ucfirst(lang('proses_decs')); ?></p>
						</div>
						<span class="line"> </i></span>
						<div style="text-align: center;">
							<i class="fa fa-check-circle" aria-hidden="true"></i>
							<br>
							<h5><?= ucfirst(lang('disetujui')); ?></h5>
							<p><?= ucfirst(lang('disetujui_decs')); ?></p>
						</div>
					</div>
				</div>
				<div id="asmarasana-content" style="display: none;">
					<p><?= ucfirst(lang('what_is_asmarasana')); ?></p>
					<br>
					<!-- <p><?= ucfirst(lang('benefit_asmarasana')); ?></p> -->
					<br>
					<!-- <p><?= ucfirst(lang('title_affiliator_register_asmarasana')); ?></p> -->
				</div>

			<?php else : ?>
				<style>
					.choice-container {
						text-align: center;
						margin: 20px auto;
						max-width: 600px;
					}

					.choice-container h2 {
						font-size: 24px;
						color: rgb(122, 67, 151);
						margin-bottom: 20px;
					}

					.choice-grid {
						display: flex;
						justify-content: space-between;
						flex-wrap: wrap;
						gap: 20px;
					}

					.choice-box {
						flex: 1 1 45%;
						background-color: white;
						border: 2px solid rgb(122, 67, 151);
						border-radius: 10px;
						padding: 20px;
						box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
						transition: transform 0.3s, box-shadow 0.3s;
						cursor: pointer;
					}

					.choice-box.active {
						background-color: rgb(122, 67, 151);
						color: white;
						/* border: 2px solid white; */
						box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
					}

					.choice-box.active h3 {
						color: white;
						margin: 0 0 10px;
					}

					.choice-box.active p {
						color: white;
					}

					.choice-box:hover {
						transform: translateY(-5px);
						box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
					}

					.choice-box h3 {
						color: rgb(122, 67, 151);
						margin: 0 0 10px;
					}

					.choice-box p {
						color: #666;
					}

					@media (max-width: 768px) {
						.choice-grid {
							flex-direction: column;
						}

						.choice-box {
							flex: 1 1 100%;
						}
					}
				</style>
				<div class="choice-container">
					<?php if ($this->session->userdata('site_lang') == 'english') {
						echo "<h2>Select Your Affiliate Program</h2>";
					} else {
						echo "<h2>Pilih Program Afiliasi</h2>";
					}
					?>

					<div class="choice-grid">
						<div class="choice-box" id="asmaradoor-box" onclick="showAsmarasana()">
							<h3>AsmaraSana</h3>
							<?php if ($this->session->userdata('site_lang') == 'english') {
								echo "<p>For health professionals</p>";
							} else {
								echo "<p>Buat tenaga kesehatan</p>";
							}
							?>
						</div>
						<div class="choice-box" id="asmarasana-box" onclick="showAsmaradoor()">
							<h3>Asmaradoor</h3>
							<?php if ($this->session->userdata('site_lang') == 'english') {
								echo "<p>For all of us</p>";
							} else {
								echo "<p>Buat kita semua</p>";
							}
							?>
						</div>
					</div>
				</div>

				<!-- asmarasana content -->
				<div id="asmarasana-content" style="display: none;">
					<p><?= ucfirst(lang('what_is_asmarasana')); ?></p>
					<br>
					<!-- <p><?= ucfirst(lang('benefit_asmarasana')); ?></p> -->
					<br>
					<!-- <p><?= ucfirst(lang('title_affiliator_register_asmarasana')); ?></p> -->
				</div>


				<!-- Asmaradoor -->
				<div id="asmaradoor-content" style="display: none;">
					<p><?= ucfirst(lang('what_is')); ?></p>
					<br>
					<p><?= ucfirst(lang('benefit')); ?></p>
					<br>
					<p><?= ucfirst(lang('title_affiliator_register')); ?></p>
					<br>

					<div class="icon-container">
						<div style="text-align: center;">
							<i class="fa fa-user-plus" aria-hidden="true" style="color: #7A4397;"></i>
							<br>
							<h5><?= ucfirst(lang('daftar')); ?></h5>
							<p><?= ucfirst(lang('daftar_decs')); ?></p>
						</div>
						<span class="line"></span>
						<div style="text-align: center;">
							<i class="fa fa-clock-o" aria-hidden="true"></i>
							<br>
							<h5><?= ucfirst(lang('proses')); ?></h5>
							<p><?= ucfirst(lang('proses_decs')); ?></p>
						</div>
						<span class="line"> </i></span>
						<div style="text-align: center;">
							<i class="fa fa-check-circle" aria-hidden="true"></i>
							<br>
							<h5><?= ucfirst(lang('disetujui')); ?></h5>
							<p><?= ucfirst(lang('disetujui_decs')); ?></p>
						</div>
					</div>
					<br><br>

					<?php echo form_open('account/register_affiliator'); ?>
					<div class="row form-group">
						<input type="hidden" name="kategori" id="kategori" value="">
						<div class="col-sm-3">
							<label><?= ucwords(lang('nama')); ?><sup>*</sup></label>
						</div><!--end class="col-sm-4" -->
						<div class="col-sm-9">
							<?php
							$data = array(
								'name'        => 'nama',
								'id'          => 'nama',
								'class'		=> 'form-control',
								'required'    => 'required'
							);
							echo form_input($data);
							echo '<span style="font-size:10px;">' . form_error('nama') . '</span>';
							?>
						</div><!--end class="col-sm-8" -->
					</div><!-- end class="row"-->
					<input type="hidden" name="kategori" id="kategori" value="asmaradoor">

					<div class="row form-group">
						<div class="col-sm-3">
							<label><?= lang('no_hp'); ?><sup>*</sup></label>
						</div><!--end class="col-sm-4" -->
						<div class="col-sm-9">
							<?php
							$data = array(
								'name'        => 'no_hp',
								'id'          => 'no_hp',
								'class'		=> 'form-control',
								'required'    => 'required'
							);
							echo form_input($data);
							echo '<span style="font-size:10px;">' . form_error('no_hp') . '</span>';
							?>
						</div><!--end class="col-sm-8" -->
					</div><!-- end class="row"-->

					<div class="row form-group">
						<div class="col-sm-3">
							<label><?= lang('email'); ?><sup>*</sup></label>
						</div><!--end class="col-sm-4" -->
						<div class="col-sm-9">
							<?php
							$data = array(
								'name'        => 'email',
								'id'          => 'email',
								'class'		=> 'form-control',
								'required'    => 'required'
							);
							echo form_input($data);
							echo '<span style="font-size:10px;">' . form_error('email') . '</span>';
							?>
						</div><!--end class="col-sm-8" -->
					</div><!-- end class="row"-->

					<div class="row form-group">
						<div class="col-sm-3">
							<label><?= lang('link_sosmed'); ?><sup>*</sup></label>
						</div><!--end class="col-sm-4" -->
						<div class="col-sm-9">
							<?php
							$data = array(
								'name'        => 'link_sosmed',
								'id'          => 'link_sosmed',
								'class'		=> 'form-control',
								'required'    => 'required'
							);
							echo form_input($data);
							echo '<span style="font-size:10px;">' . form_error('link_sosmed') . '</span>';
							?>
						</div><!--end class="col-sm-8" -->
					</div><!-- end class="row"-->

					<div class="row form-group">
						<div class="col-sm-3">

						</div><!--end class="col-sm-4" -->
						<div class="col-sm-9">
							<input type="checkbox" id="terms" name="terms" required> <label for="terms"><a href="#myModalTOC" data-toggle="modal" style="color:<?= $primary_colortheme; ?>"><?= ucwords(lang('term_condition')); ?></a></label>
							<br>
							<input type="submit" name="submit_pengajuan" value="<?= strtoupper(lang('submit_affiliator')); ?>" class="form-control" style="background:<?= $primary_colortheme; ?>; color: white;" />
						</div><!--end class="col-sm-9" -->
					</div><!-- end class="row"-->
					<?php echo form_close(); ?>
					<br>
				</div>
			<?php endif ?>

		</div><!-- end col-sm-10-->
	</div><!-- end row-->
</div><!-- end container -->

<div class="modal fade" id="myModalTOC" role="dialog" style="display: none;">
	<div class="modal-dialog modal-lg" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title">
					<?php if ($this->session->userdata('site_lang') == 'english') : ?>
						<b>Asmaradoor Terms & Conditions</b>
					<?php else : ?>
						<b>Syarat dan Ketentuan Asmaradoor</b>
					<?php endif; ?>
				</h4>
				<button type="button" class="btn btn-danger" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">X</span></button>
			</div>
			<div class="modal-body">
				<?php if ($this->session->userdata('site_lang') == 'english') : ?>
					<ol>
						<li>
							Agreement <br>
							By participating in the Asmaradoor Affiliate Program, you agree to comply with the terms and conditions outlined herein.
						</li>
						<br>
						<li>
							Affiliate Eligibility <br>
							<ol type="a">
								<li>Individuals or entities must be of legal age (21 years old).</li>
								<li>Affiliates must have active and legitimate social media platforms with engaged audiences.</li>
							</ol>
						</li>
						<br>
						<li>
							Affiliate Responsibilities <br>
							<ol type="a">
								<li>Affiliates are responsible for creating and publishing their own content related to Laci Asmara products on their social media platforms.</li>
								<li>Affiliates must adhere to all applicable laws, regulations, and guidelines regarding content creation and promotion on affiliated social media, including but not limited to prohibitions on the use of visual media that leads to consumer protection, privacy, pornography and action porn, certain beliefs, racism, and etc.</li>
								<li>Affiliates are prohibited from engaging in any activities that may harm the reputation or brand image of Laci Asmara.</li>
							</ol>
						</li>
						<br>
						<li>
							Relationship <br>
							Participation in the Affiliate Program does not create any partnership, joint venture, agency, franchise, sales representative, or employment relationship between the affiliate and Laci Asmara
						</li>
						<br>
						<li>
							Content Creation <br>
							<ol type="a">
								<li> Affiliates are solely responsible for the creation, accuracy, and legality of their content, including but not limited to product descriptions, reviews, and promotional materials.</li>
								<li> Laci Asmara shall not be held responsible for any claims, damages, or liabilities arising from the content created or published by affiliates.</li>
							</ol>
						</li>
						<br>
						<li>
							Product Promotion <br>
							<ol type="a">
								<li>Affiliates are permitted to use images, logos, and other marketing materials provided by Laci Asmara for the purpose of promoting Laci Asmara products.</li>
								<li>Affiliates are prohibited from misrepresenting Laci Asmara products as medical devices, or therapeutic purposes of medical condition nor making false claims about their features, benefits, or effectiveness.</li>
							</ol>
						</li>
						<br>
						<li>
							Compensation <br>
							<ol type="a">
								<li> Affiliates may earn commissions for sales generated through their unique affiliate links, as outlined in the affiliate agreement.</li>
								<li>Laci Asmara reserves the right to modify commission rates, payment terms, or eligibility criteria at any time without prior notice.</li>
							</ol>
						</li>
						<br>
						<li>
							Termination <br>
							<ol type="a">
								<li> Laci Asmara reserves the right to terminate or suspend an affiliate's participation in the program at any time and for any reason, without liability.</li>
								<li> Upon termination, affiliates must immediately cease all promotional activities related to Laci Asmara products and remove any content featuring Laci Asmara products from their social media platforms. </li>
							</ol>
						</li>
						<br>
						<li>
							Limitation of Liability <br>
							In no event shall Laci Asmara be liable for any indirect, incidental, special, consequential, or punitive damages arising out of or related to the Affiliate Program.
						</li>
						<br>
						<li>
							Governing Law <br>
							These terms and conditions shall be governed by and construed in accordance with the laws of The Republic of Indonesia, without regard to its conflict of law principles.
						</li>
						<br>
						<li>
							Modification<br>
							Laci Asmara reserves the right to modify or amend these terms and conditions at any time. Affiliates will be notified of any changes via email or through the Affiliate Program portal.
						</li>
						<br>
						<li>
							Acceptance <br>
							By participating in the Asmaradoor Affiliate Program, you acknowledge that you have read, understood, and agree to be bound by these terms and conditions.
						</li>
						<br>
					</ol>
				<?php else : ?>
					<ol>
						<li>
							Persetujuan <br>
							Dengan berpartisipasi dalam Program Afiliasi Asmaradoor, Anda setuju untuk mematuhi syarat dan ketentuan yang diuraikan di sini.
						</li>
						<br>
						<li>
							Kelayakan Afiliasi <br>
							<ol type="a">
								<li>Individu atau entitas harus berusia minimum 21 tahun keatas.</li>
								<li>Afiliasi harus memiliki platform media sosial yang aktif dan sah dengan audiens yang terlibat.</li>
							</ol>
						</li>
						<br>
						<li>
							Tanggung Jawab Afiliasi <br>
							<ol type="a">
								<li>Afiliasi bertanggung jawab atas pembuatan dan publikasi konten mereka sendiri yang terkait dengan produk-produk Laci Asmara di platform media sosial mereka.</li>
								<li>harus mematuhi semua hukum, peraturan perundangan, dan pedoman yang berlaku mengenai pembuatan konten dan promosi di media sosial afiliasi, termasuk namun tidak terbatas pada larangan penggunaan media visual yang mengarah kepada perlindungan konsumen, privasi, pornografi dan porno aksi, keyakinan tertentu, rasisme, dan sebagainya.</li>
								<li>Afiliasi dilarang melakukan segala aktivitas yang dapat merugikan reputasi atau citra merek Laci Asmara.</li>
							</ol>
						</li>
						<br>
						<li>
							Hubungan <br>
							Partisipasi dalam Program Afiliasi tidak menciptakan hubungan mitra, kemitraan, agen, waralaba, perwakilan penjualan, atau hubungan kerja antara afiliasi dan Laci Asmara.
						</li>
						<br>
						<li>
							Pembuatan Konten <br>
							<ol type="a">
								<li> Afiliasi bertanggung jawab sepenuhnya atas pembuatan, keakuratan, dan legalitas konten mereka, termasuk namun tidak terbatas pada deskripsi produk, ulasan, dan materi promosi.</li>
								<li> Laci Asmara tidak akan bertanggung jawab atas klaim, kerusakan, atau kewajiban yang timbul dari konten yang dibuat atau dipublikasikan oleh afiliasi.</li>
							</ol>
						</li>
						<br>
						<li>
							Promosi Produk <br>
							<ol type="a">
								<li>Afiliasi diizinkan menggunakan gambar, logo, dan materi pemasaran lainnya yang disediakan oleh Laci Asmara untuk tujuan mempromosikan produk-produk Laci Asmara. </li>
								<li>Afiliasi dilarang untuk menyesatkan produk-produk Laci Asmara,menyebutkan sebagai alat terapi, alat kesehatan atau membuat klaim palsu tentang fitur, manfaat, atau efektivitasnya.</li>
							</ol>
						</li>
						<br>
						<li>
							Kompensasi <br>
							<ol type="a">
								<li>Afiliasi dapat menghasilkan komisi untuk penjualan yang dihasilkan melalui tautan afiliasi unik mereka, sesuai dengan yang diuraikan dalam perjanjian afiliasi. </li>
								<li>Laci Asmara berhak untuk memodifikasi tingkat komisi, syarat pembayaran, atau kriteria kelayakan kapan saja tanpa pemberitahuan sebelumnya. </li>
							</ol>
						</li>
						<br>
						<li>
							Pemutusan <br>
							<ol type="a">
								<li> Laci Asmara berhak untuk mengakhiri atau menangguhkan partisipasi afiliasi dalam program kapan saja dan atas alasan apa pun, tanpa tanggung jawab. </li>
								<li> Apabila pemutusan terjadi dikarenakan afiliasi tidak mematuhi dan melakukan unsur pada pasal 3, maka konpensasi komisi tidak akan di limpahkan dan Laciasmara akan memutuskan program afiliasi sepihak. </li>
								<li> Setelah pemutusan, afiliasi harus segera menghentikan semua aktivitas promosi yang terkait dengan produk-produk Laci Asmara dan menghapus semua konten yang menampilkan produk-produk Laci Asmara dari platform media sosial mereka. </li>
							</ol>
						</li>
						<br>
						<li>
							Batasan Tanggung Jawab <br>
							Dalam hal apapun Laci Asmara tidak bertanggung jawab atas kerugian tidak langsung, insidental, khusus, konsekuensial, atau punitive yang timbul dari atau terkait dengan Program Afiliasi.
						</li>
						<br>
						<li>
							Hukum yang Berlaku <br>
							Syarat dan ketentuan ini akan diatur dan ditafsirkan sesuai dengan hukum Republik Indonesia, tanpa memperhatikan prinsip-prinsip konflik hukumnya.
						</li>
						<br>
						<li>
							Modifikasi<br>
							Laci Asmara berhak untuk memodifikasi atau mengubah syarat dan ketentuan ini kapan saja. Afiliasi akan diberitahu tentang perubahan melalui email atau melalui portal Program Afiliasi. </li>
						<br>
						<li>
							Penerimaan <br>
							Dengan berpartisipasi dalam Program Afiliasi Asmaradoor, Anda mengakui bahwa Anda telah membaca, memahami, dan menyetujui untuk terikat oleh syarat dan ketentuan ini.
						</li>
						<br>
					</ol>
				<?php endif; ?>


			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-danger" data-dismiss="modal" style="color:white;">X</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
</div>

<script>
	document.addEventListener("DOMContentLoaded", function() {
		// Ambil parameter dari URL
		const urlParams = new URLSearchParams(window.location.search);
		const selected = urlParams.get('selected');

		if (selected === 'asmaradoor') {
			showAsmaradoor();
		} else {
			showAsmarasana();
		}
	});

	function showAsmaradoor() {
		document.getElementById("asmaradoor-content").style.display = "block";
		document.getElementById("asmarasana-content").style.display = "none";
		document.querySelectorAll('.choice-box').forEach(box => {
			box.classList.remove('active');
		});
		document.getElementById('asmarasana-box').classList.add('active');
	}

	function showAsmarasana() {
		document.getElementById("asmaradoor-content").style.display = "none";
		document.getElementById("asmarasana-content").style.display = "block";
		document.querySelectorAll('.choice-box').forEach(box => {
			box.classList.remove('active');
		});
		document.getElementById('asmaradoor-box').classList.add('active');
	}
</script>