backoffice/application/views/gestion_banques_admin.php

<link rel="stylesheet" href="<?php echo base_url('bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css') ?>">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.15/css/bootstrap-multiselect.css">
<div class="content-wrapper">
	<!-- Content Header (Page header) -->
	<section class="content-header">

		<h1>
			<?php echo $this->lang->line('management_banks'); ?>
			<input type="button" class="btn btn-primary pull-right" id="Bactiver" value="Activer/Désactiver le(s) banque(s)" style="display: none;" />
		</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>
					<?php echo $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>
					<?php echo $message; ?>
				</div>

				<?php
			}
		}
		?>
	</section>

	<section class="content">
		<div class="row">
			<div class="col-lg-8">
				<div class="box">
					<div class="box-header">
						<h3 class="box-title"><?php echo $this->lang->line('banks'); ?></h3>
					</div>
					<div class="box-body" style="overflow-x:auto;">

						<?php

						$sql2 = $banks;
						if($sql2!=false){
							$numrows=$sql2->num_rows();
							$num = 0;
							if ($numrows > 0) {
								?>
								<table id="validated" class="table table-bordered table-striped">
									<thead>
									<tr>
										<th align='center'>N°</th>
										<th><?php echo $this->lang->line('Pays'); ?></th>
										<th><?php echo $this->lang->line('Nom'); ?></th>
										<th><?php echo $this->lang->line('bank_code'); ?></th>
										<th><?php echo $this->lang->line('Adresse'); ?></th>
										<th align='center'><?php echo $this->lang->line('Statut'); ?></th>
										<th align='center'><?php echo $this->lang->line('Activer/Désactiver'); ?></th>
										<th align='center'><?php echo $this->lang->line('Modifier'); ?></th>
										<th align="center"><?php echo $this->lang->line('Supprimer'); ?></th>
									</tr>
									</thead>
									<tbody>
									<?php
									foreach($sql2->result() as $row) {
										$num ++;
										$libelle_status = $this->lang->line('Actif');
										if($row->status==0){
											$libelle_status = $this->lang->line('Inactif');
										}
										echo "<tr>
                                                  <td align='center'>$num</td>
                                                  <td>$row->country</td>
                                                   <td >$row->bank_name</td>
                                                    <td >$row->bank_code</td>
                                                   <td >$row->bank_address</td>
                                                  <td align='center'>$libelle_status</td>";
										if($row->status==0){
											echo "<td align='center'><label>
                                                  <input type='checkbox' name='activer' class='minimal' data-id-bank='".$row->id."' data-id-country='".$row->country_id."' >
                                                </label>
                                                <label>
                                                  <input type='checkbox' name='desactiver' class='minimal-red' disabled data-id-bank='".$row->id."' data-id-country='".$row->country_id."'>
                                                </label></td>";
										}else{
											echo "<td align='center'><label>
                                                  <input type='checkbox' name='activer' class='minimal' disabled data-id-bank='".$row->id."' data-id-country='".$row->country_id."'>
                                                </label>
                                                <label>
                                                  <input type='checkbox' name='desactiver' class='minimal-red' data-id-bank='".$row->id."' data-id-country='".$row->country_id."'>
                                                </label></td>";
										}
										echo  "<td id='edition' align='center'>
                                                           <button data-toggle='modal' data-id-bank='$row->id' data-name-bank='$row->bank_name'  data-address-bank='$row->bank_address' data-code-bank='$row->bank_code'
                                                           data-country='$row->country' data-id-country='$row->country_id' class='open-modal btn btn-success' data-target='#editModal'><i class='fa fa-edit'></i></button>
                                                           </td>
                                               <td id='suppression' align='center'>
                                                    <button data-toggle='modal' data-id-bank='$row->id' data-id-country='$row->country_id' class='delete-bank btn btn-danger' ><i class='fa fa-trash'></i></button>
                                                </td>
                                              </tr>";
									}
									?>
									</tbody>
								</table>

								<?php

							}

							else {
								echo $this->lang->line('no_bank');
							}
						}else {
							echo $this->lang->line('no_bank');
						}
						?>
					</div>
				</div>
			</div>
			<div class="col-lg-4">
				<div class="box">
						<div class="box-header">
							<h3 class="box-title"><?php echo $this->lang->line('add_bank'); ?></h3>
						</div>
						<div class="box-body">
							<form id="add-bank" method="post" class="bottom-75 center-block">
								<div class="form-group">
									<label for="name"><?php echo $this->lang->line('Nom'); ?></label>
									<input type="text" class="form-control input-lg" name="name" required id="name">
								</div>
								<div class="form-group">
									<input id="btn-add" type="submit" value="<?php echo $this->lang->line('Ajouter'); ?>" class="btn btn-primary">
								</div>
							</form>
						</div>
					</div>
				<div class="box">
						<div class="box-header">
							<h3 class="box-title"><?php echo $this->lang->line('assign_bank_to_country'); ?></h3>
						</div>
						<div class="box-body">
							<form id="assign-form" method="post" class="bottom-75 center-block">
								<div class="form-group">
									<label for="pays"><?php echo $this->lang->line('Pays'); ?></label>
									<?php
									$result=$pays;
									$numrows=$result->num_rows();
									if ($numrows > 0) { ?>
										<select class="form-control input-lg" name="pays" required id="pays" multiple="multiple" >
											<?php foreach($result->result() as $row) {
												echo "<option value='".$row->id."' id='".$row->code_country."'>".$row->name."</option>";
											} ?>
										</select>
									<?php }else{
										echo $this->lang->line("Aucun pays");
									}
									?>
								</div>
								<div class="form-group">
									<label for="ville"><?php echo $this->lang->line('banks'); ?></label>
									<?php
									$result=$distinct_banks;
									if($result!=false) {
										$numrows = $result->num_rows();
										if ($numrows > 0) { ?>
											<select class="form-control input-lg" name="bank" required id="bank">
												<?php foreach ($result->result() as $row) {
													echo "<option value='" . $row->id. "'>" . $row->nom . "</option>";
												} ?>
											</select>
										<?php } else {
											echo $this->lang->line("no_bank");
										}
									}else{
										echo $this->lang->line("no_bank");
									}
									?>
								</div>
								<div class="form-group">
									<input id="btn-add" type="submit" value="<?php echo $this->lang->line('Ajouter'); ?>" class="btn btn-primary">
								</div>
							</form>
						</div>
					</div>
			</div>

		</div>
		<div class="modal fade" id="editModal">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
							<span aria-hidden="true">&times;</span>
						</button>
						<h4 class="modal-title"><?php echo $this->lang->line('modify_bank'); ?></h4>
					</div>
					<div class="modal-body">
						<form id="update-form" method="post" class="bottom-75 center-block">
							<div class="form-group">
								<label for="modal-pays"><?php echo $this->lang->line('Pays'); ?></label>
								<input type="text" class="form-control input-lg" name="pays" required id="modal-pays" readonly="readonly">
							</div>
							<div class="form-group">
								<label for="name"><?php echo $this->lang->line('Nom'); ?></label>
								<input type="text" class="form-control input-lg" name="name" required id="name">
							</div>
							<div class="form-group">
								<label for=code"><?php echo $this->lang->line('bank_code'); ?></label>
								<input type="text" pattern=".{4,}" class="form-control input-lg" name="code" required id="code">
							</div>
							<div class="form-group">
								<label for="address"><?php echo $this->lang->line('Adresse'); ?></label>
								<input type="text" class="form-control input-lg" name="address" required id="address">
							</div>
							<div class="form-group">
								<input id="btn-add" type="submit" value="Confirmer" class="btn btn-primary">
								<button type="button" class="btn btn-default pull-right" data-dismiss="modal"><?php echo $this->lang->line('Fermer'); ?></button>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>

	</section>
</div>

<!-- jQuery 3 -->
<script src="<?php echo base_url('bower_components/jquery/dist/jquery.min.js') ?>"></script>
<!-- Bootstrap 3.3.7 -->
<script src="<?php echo base_url('bower_components/bootstrap/dist/js/bootstrap.min.js') ?>"></script>
<!-- DataTables -->
<script src="<?php echo base_url('bower_components/datatables.net/js/jquery.dataTables.min.js') ?>"></script>
<script src="<?php echo base_url('bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js') ?>"></script>
<!-- Slimscroll -->
<script src="<?php echo base_url('bower_components/jquery-slimscroll/jquery.slimscroll.min.js') ?>"></script>
<!-- FastClick -->
<script src="<?php echo base_url('bower_components/fastclick/lib/fastclick.js') ?>"></script>
<!-- AdminLTE App -->
<script src="<?php echo base_url('dist/js/adminlte.min.js') ?>"></script>
<!-- AdminLTE for demo purposes -->
<script src="<?php echo base_url('dist/js/demo.js') ?>"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.15/js/bootstrap-multiselect.js"></script>

<script>
	$(document).ready(function() {
		var checkboxes = $("td input[type='checkbox']");
		checkboxes.click(function() {
			if ($("td input:checkbox:checked").length > 0)
			{
				$("#Bactiver").css("display", "block");
			}else{
				$("#Bactiver").css("display", "none");
			}

		});


		var Bactiver = $("#Bactiver");
		Bactiver.click(function(){
			var activation = [];
			var desactivation = [];

			$.each($("input[name='activer']:checked"), function(){
				activation.push({"id_bank" : $(this).data('id-bank'),"id_country": $(this).data('id-country')});
			});
			$.each($("input[name='desactiver']:checked"), function(){
				desactivation.push({"id_bank" : $(this).data('id-bank'),"id_country": $(this).data('id-country')});
			});

			// console.log('act' , activation)
			// console.log('desact' , desactivation)

			$.ajax({
				url:'<?php echo base_url('index.php/Gestion/change_bank_status')?>',
				type: 'post',
				data: {activations: activation,desactivations:desactivation},
				dataType: 'json',
				success: function(data){
					if(data==='completed'){
						alert('Banques(s) activée(s)/désactivée(s)');
						location.reload();
					}else{
						alert(data);
						//alert("<?= $this->lang->line('error_message') ?>");
						location.reload();
					}
				}
			});
		});
	});
</script>
<script>
	$(function() {
		$('#unvalidated').DataTable();
		$('#validated').DataTable();
	})

</script>

<script>
	$(function() {
		$('#pays').multiselect({
			includeSelectAllOption: true
		});
	});

</script>

<script>

	var id_bank = null;
	var name_network = null;
	var id_country = null;
	var country = null;

	$(document).on("click", ".open-modal", function () {
		id_bank = $(this).data('id-bank');
		const bank_name = $(this).data('name-bank');
		const bank_address = $(this).data('address-bank');
		const bank_code = $(this).data('code-bank');
		id_country = $(this).data('id-country');
		country = $(this).data('country');

		$(".modal-body #modal-pays").val(country);
		$(".modal-body #name").val( bank_name );
		$(".modal-body #address").val( bank_address );
		$(".modal-body #code").val( bank_code );

	});

	$(document).on("click", ".delete-bank", function (event) {
		id_bank = $(this).data('id-bank');
		id_country = $(this).data('id-country');

		$.ajax({
			url:'<?php echo base_url('index.php/Gestion/delete_bank')?>',
			type: 'post',
			data: {id_bank: id_bank , id_country : id_country},
			dataType: 'json',
			success: function(data){
				if(data==='completed'){
					alert("<?= $this->lang->line('bank_deleted') ?>");
					location.reload();
				}else{
					alert("<?= $this->lang->line('error_message') ?>");
					location.reload();
				}
			}
		});
		event.preventDefault();

	});

	$("#assign-form").submit(function(event){
		var id_bank = $("#assign-form #bank").val();
		var selectedValues = $('#assign-form #pays').val();

		$.ajax({
			url:'<?php echo base_url('index.php/Gestion/assign_bank')?>',
			type: 'post',
			data: {id_country: selectedValues,id_bank:id_bank},
			dataType: 'json',
			success: function(data){
				if(data==='completed'){
					alert("<?= $this->lang->line('bank_assigned') ?>");
					location.reload();
				}else if(data==='existe'){
					alert('Ce réseau a déjà été assigné à certains des pays sélectionnés');
					location.reload();
				}else{
					alert("<?= $this->lang->line('error_message') ?>");
					location.reload();
					alert(data);
				}
			}
		});

		event.preventDefault();
	});

	$("#add-bank").submit(function(event){
		var name = $("#add-bank #name").val();
		$.ajax({
			url:'<?php echo base_url('index.php/Gestion/add_bank')?>',
			type: 'post',
			data: {name: name},
			dataType: 'json',
			success: function(data){
				if(data==='completed'){
					alert("<?= $this->lang->line('bank_added') ?>");
					location.reload();
				}else{
					alert("<?= $this->lang->line('error_message') ?>");
					location.reload();
				}
			}
		});
		event.preventDefault();
	});

	$("#update-form").submit(function(event){
		const name = $("#update-form #name").val();
		const address = $("#update-form #address").val();
		const code = $("#update-form #code").val();
		$.ajax({
			url:'<?php echo base_url('index.php/Gestion/update_bank')?>',
			type: 'post',
			data: {id_bank: id_bank ,name:name , address :address , id_country : id_country , code : code},
			dataType: 'json',
			success: function(data){
				if(data==='completed'){
					alert("<?= $this->lang->line('bank_modified') ?>");
					location.reload();
				}else{
					alert("<?= $this->lang->line('error_message') ?>");
					location.reload();
				}
			}
		});

		event.preventDefault();
	});

</script>