<!-- DataTables -->
<link rel="stylesheet"
	  href="<?= base_url('<link rel="stylesheet" 
	href="https://cdn.datatables.net/1.13.6/css/dataTables.bootstrap.min.css">') ?>">
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css"/>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/1.6.2/css/buttons.dataTables.min.css">
<link rel="stylesheet" href="<?= base_url('bower_components/toastr/toastr.css') ?>">

<div class="content-wrapper">
	<!-- Content Header (Page header) -->
	<section class="content-header">

		<h1>
			<?= isset($category) ? 'Wallet' :  $this->lang->line('Gestion des wallets') ; echo ' '.$network.' - '.$country; ?>
<!--			<input type="button" class="btn btn-primary pull-right" id="Bactiver"-->
<!--				   value="Activer/Désactiver le(s) réseau(x)" />-->
		</h1>
		<?php
		$site_url = base_url();

		if ($alert == "ok") {

			if (!$success == "ok") {
				?>
				<div class='alert alert-danger alert-dismissible col-xs-6'>
					<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>×</button>
					<h4><i class='icon fa fa-ban'></i> Erreur!</h4>
					<?= $message; ?>
				</div>

				<?php
			} else {
				?>
				<div class="alert alert-success alert-dismissible col-xs-6">
					<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
					<h4><i class="icon fa fa-check"></i> Success!</h4>
					<?= $message; ?>
				</div>

				<?php
			}
		}
		?>
	</section>
	<section class="content">
		<div class="row">
			<div class="col-md-4 col-sm-6 col-xs-12">
				<div class="info-box">
					<span class="info-box-icon bg-aqua"><i class="ion ion-android-time"></i></span>
					<div class="info-box-content">
						<span class="info-box-text"><?= $this->lang->line('Période') ?> </span>
						<span class="info-box-number">
                                    <input id="picker"
										style="background: #fff; cursor: pointer; padding: 1px 1px; border: 1px solid #ccc; width: 100%" data-category="<?= isset($category) ? $category : null ?>"
										type="text" name="daterange" data-lang="<?= $this->session->userdata('site_lang') ?>"
										value="<?= ($startDate!=null & $endDate != null) ?  $startDate. ' - '.$endDate : ''?>"/>
                                    
						</span>
						<span> Format : <?= $this->session->userdata('site_lang') === 'french' ? 'Jour - Mois - Année ' : 'Year - Month - Day'?> </span>
					</div>
				</div>
			</div>

		</div>
		<div class="row">
			<div class="col-xs-12">
				<div class="box">
					<div class="box-header">
						<h3 class="box-title"><?= $this->lang->line('deleted_transactions') ?></h3>
					</div>
					<div class="box-body" style="overflow-x:auto;">
							<table id="transactions" class="table table-bordered table-striped">
								<thead>
								<tr>
									<th align='center'>ID</th>
									<th align='center'>Type</th>
									<th><?= $this->lang->line('cart_number') ?></th>
									<th><?= $this->lang->line('customer_net_amount') ?></th>
									<th><?= $this->lang->line('bank_deposit_amount') ?></th>
									<th><?= $this->lang->line('Commission de la banque') ?></th>
									<th><?= $this->lang->line('Commission de l\'hyperviseur') ?></th>
									<th><?= $this->lang->line('Commission du superviseur') ?></th>
									<th><?= $this->lang->line('Commission de l\'agent') ?></th>
									<th><?= $this->lang->line('agent_name') ?></th>
									<th align='center'>Date</th>
									<th align='center'><?= $this->lang->line('deletion_date') ?></th>
								</tr>
								</thead>
								<tbody>

								<?php
								if($transactions){
								$config = $configWallet->first_row();
								$fmt = new NumberFormatter( 'fr_FR', NumberFormatter::DECIMAL );
								foreach ($transactions->result() as $row) {

									$type = $row->type_transac == 'credit' ? $this->lang->line('DEPOT')  : $this->lang->line('RETRAIT');

									$net = 0;
									$banque = 0;
									if($row->type_transac == 'credit'){
										if($row->montant < 0){
											$commission = (-$row->montant * $config->taux_com_client_depot / 100 ) + $config->frais_min_banque_depot;
											$net = $row->montant + $commission;
										}else{
											$commission = ( $row->montant * $config->taux_com_client_depot / 100 ) + $config->frais_min_banque_depot;
											$net = $row->montant - $commission;
										}
										$banque = $row->montant * (1 - ($config->taux_com_client_depot / 100));
									}else{
										$net = $row->montant ;
									}
									echo "<tr>
											<td align='center' >$row->id</td>
											<td>".mb_strtoupper($type,'UTF-8')."</td>
											<td>".join(" ", str_split($row->numCarte, 4))."</td>
											<td>".$fmt->format($net)."</td>
											<td>".($row->type_transac == 'credit' ? $fmt->format($banque) : "")."</td>
											<td>".$fmt->format( $row->commission_banque)."</td>
											<td>".$fmt->format( $row->commission_hyp)."</td>
											<td>".$fmt->format( $row->commission_sup)."</td>
											<td>".$fmt->format( $row->commission_ag)."</td>
											<td>".$row->agent."</td>
											<td>".$row->date_created."</td>
											<td>".$row->deleted_at."</td>";
									?>
									</tr>

									<?php
								}
								}
								?>
								</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
		<div class="modal fade" id="deleteTransaction" tabindex="-1" role="dialog" aria-hidden="true">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<h3 class="modal-title"><?= $this->lang->line('delete_transaction'); ?></h3>
					</div>
					<div class="modal-body">
						<h4> <?= $this->lang->line('are_you_sure'); ?> </h4>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-secondary" data-dismiss="modal"><?= $this->lang->line('Fermer'); ?></button>
						<button type="button" class="btn btn-primary" id="delete"  > <?= $this->lang->line('Confirmer'); ?></button>
					</div>
				</div>
			</div>
		</div>
	</section>


</div>
<!-- jQuery 2.2.4 -->
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>

<!-- Bootstrap 3.3.7 -->
<script src="<?= base_url('bower_components/bootstrap/dist/js/bootstrap.min.js') ?>"></script>
<!-- DataTables -->
<script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.13.6/js/dataTables.bootstrap.min.js"></script>
<!-- SlimScroll -->
<script src="<?= base_url('bower_components/jquery-slimscroll/jquery.slimscroll.min.js') ?>"></script>
<!-- FastClick -->
<script src="<?= base_url('bower_components/fastclick/lib/fastclick.js') ?>"></script>
<!-- AdminLTE App -->
<script src="<?= base_url('dist/js/adminlte.min.js') ?>"></script>
<!-- AdminLTE for demo purposes -->
<script src="<?= base_url('dist/js/demo.js') ?>"></script>

<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment-with-locales.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/plug-ins/1.10.19/sorting/datetime-moment.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/plug-ins/1.10.20/dataRender/datetime.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.6.2/js/dataTables.buttons.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.6.2/js/buttons.html5.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.6.2/js/buttons.print.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.6.2/js/buttons.colVis.min.js"></script>
<script src="<?= base_url('dist/js/sweetalert2.js') ?>"></script>
<script src="<?= base_url('bower_components/toastr/toastr.js') ?>"></script>


<script>
	$(function () {
		const lang =  $('#picker').data('lang');
		const format = lang === 'french' ? 'fr' : 'en';
		moment.updateLocale(moment.locale(format), { invalidDate: "" }); // Blank text when is invalid date
		$('#transactions').DataTable({
			"aaSorting": [[ 11, "desc" ]],
			"columnDefs": [ {
				targets: [10,11],
				render: $.fn.dataTable.render.moment( 'YYYY-MM-DD HH:mm:ss' , 'D MMMM YYYY HH:mm:ss', format)
			}]
		});
	});
</script>

<script type="text/javascript">
	var startDate;
	var endDate;

	$(function () {
		const lang =  $('#picker').data('lang');
		const category =  $('#picker').data('category');
        const id_network = "<?= $id_network?>";
		$('input[name="daterange"]').daterangepicker({
			opens: 'left',
			autoUpdateInput: false,
			locale: {
				format: lang === 'french' ? 'DD-MM-YYYY' : 'YYYY-MM-DD',
				cancelLabel: 'Clear'
			}
		}, function (start, end, label) {
			const debut = start.format('YYYY-MM-DD');
			const fin = end.format('YYYY-MM-DD');
			if(category)
				window.location = "<?= current_url()?>" + "?history=deleted_transactions" + "&d=" + debut + "&f=" + fin;
			else
				window.location = "<?= current_url()?>" + "?id="+id_network+"&history=deleted_transactions" + "&d=" + debut + "&f=" + fin;

		});

		$('input[name="daterange"]').on('cancel.daterangepicker', function(ev, picker) {
			//do something, like clearing an input
			$('#daterange').val('');
			if(category)
				window.location = "<?= current_url()?>" + "?history=deleted_transactions";
			else
				window.location = "<?= current_url()?>" + "?id="+id_network+"&history=deleted_transactions";
		});
	});

</script>
