backoffice/application/views/gestion_agency_banking.php

510 lines
16 KiB
PHP
Raw Normal View History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Agency | Banking Management</title>
<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" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.15/css/bootstrap-multiselect.css">
<link rel="stylesheet" href="<?= base_url('bower_components/toastr/toastr.css') ?>">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
<style>
div.dataTables_wrapper {
width: 100%;
margin: 0 auto;
}
.action-buttons {
display: flex;
gap: 6px; /* espace entre les boutons */
justify-content: center;
}
.action-buttons button {
display: inline-flex;
align-items: center;
justify-content: center;
}
</style>
</head>
<body>
<div class="content-wrapper">
<section class="content-header">
<h1>
<?= $this->lang->line('management_bank_accounts'); ?>
</h1>
</section>
<section class="content">
<div class="box">
<div class="box-header with-border">
<h3 class="box-title"><?= $this->lang->line('list_bank_accounts'); ?></h3>
</div>
<div class="box-body">
<table class="table table-bordered table-striped" id="accountsTable">
<thead>
<tr>
<th class="text-center">ID</th>
<th class="text-center"><?= $this->lang->line('lastname'); ?></th>
<th class="text-center"><?= $this->lang->line('firstname'); ?></th>
<th class="text-center"><?= $this->lang->line('account'); ?></th>
<th class="text-center">IBAN</th>
<th class="text-center">Swift</th>
<th class="text-center"><?= $this->lang->line('reason') ?></th>
<th class="text-center">Type</th>
<th class="text-center"><?= $this->lang->line('balance'); ?></th>
<th class="text-center"><?= $this->lang->line('status'); ?></th>
<th class="text-center">Actions</th>
</tr>
</thead>
<tbody>
<?php foreach ($accounts as $a): ?>
<tr>
<td class="text-center"><?= $a->id ?></td>
<td class="text-center"><?= $a->lastname ?></td>
<td class="text-center"><?= $a->firstname ?></td>
<td class="text-center"><?= $a->account_number ?></td>
<td class="text-center"><?= $a->iban ?></td>
<td class="text-center"><?= $a->swift_code ?></td>
<td class="text-center"><?= $a->reason ?? '-' ?></td>
<td class="text-center"><?= $a->account_type ?></td>
<td class="text-center"><?= number_format($a->balance,0,',',' ') ?></td>
<td class="text-center">
<?= getStatusBadge($a->status, $this->lang) ?>
</td>
<td class="text-center action-buttons">
<button
data-toggle="modal"
data-target="#editModal"
class="open-edit-modal btn btn-primary btn-sm"
data-id="<?= $a->id ?>"
data-lastname="<?= $a->lastname ?>"
data-firstname="<?= $a->firstname ?>"
data-account_number="<?= $a->account_number ?>"
data-iban="<?= $a->iban ?>"
data-swift_code="<?= $a->swift_code ?>"
data-status="<?= $a->status ?>"
data-reason="<?= $a->reason ?>"
data-balance="<?= $a->balance ?>"
data-birth_date="<?= $a->birth_date ?>"
data-birth_country="<?= $a->birth_country ?>"
data-birth_city="<?= $a->birth_city ?>"
data-father_firstname="<?= $a->father_firstname ?>"
data-father_lastname="<?= $a->father_lastname ?>"
data-mother_firstname="<?= $a->mother_firstname ?>"
data-mother_lastname="<?= $a->mother_lastname ?>"
data-marital_name="<?= $a->marital_name ?>"
data-nationality="<?= $a->nationality ?>"
data-marital_status="<?= $a->marital_status ?>"
data-profession="<?= $a->profession ?>"
data-sector_activity="<?= $a->sector_activity ?>"
data-subsector_activity="<?= $a->subsector_activity ?>"
data-tax_number="<?= $a->tax_number ?>"
data-employee_number="<?= $a->employee_number ?>"
data-position="<?= $a->position ?>"
data-employer_name="<?= $a->employer_name ?>"
data-employer_address="<?= $a->employer_address ?>"
data-created_at="<?= $a->created_at ?>"
>
<i class='fa fa-edit'></i>
</button>
<button
class="delete-account btn btn-danger btn-sm"
data-id="<?= $a->id ?>"
onclick="deleteRequest(<?= $a->id ?>)"
>
<i class='fa fa-trash'></i>
</button>
</td>
</tr>
<?php endforeach; ?>
</tbody>
</table>
</div>
</div>
</section>
</div>
<!-- MODAL EDIT -->
<div class="modal fade" id="editModal">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
<h4 class="modal-title text-center">Modifier la demande</h4>
</div>
<div class="modal-body">
<form id="update-form" class="bottom-75 center-block">
<input type="hidden" name="id" id="edit_id">
<div class="row">
<div class="col-md-6">
<label>Nom</label>
<input id="edit_lastname" name="lastname" class="form-control input-lg" required>
</div>
<div class="col-md-6">
<label>Prénom</label>
<input id="edit_firstname" name="firstname" class="form-control input-lg" required>
</div>
<div class="col-md-6">
<label>Numéro de compte</label>
<input id="edit_account_number" name="account_number" class="form-control input-lg">
</div>
<div class="col-md-6">
<label>IBAN</label>
<input id="edit_iban" name="iban" class="form-control input-lg">
</div>
<div class="col-md-6">
<label>Swift</label>
<input id="edit_swift_code" name="swift_code" class="form-control input-lg">
</div>
<div class="col-md-6">
<label>Type de compte</label>
<input id="edit_account_type" name="account_type" class="form-control input-lg">
</div>
<div class="col-md-6">
<label>Balance</label>
<input id="edit_balance" name="balance" class="form-control input-lg" required>
</div>
<div class="col-md-6">
<label>Statut du compte</label>
<select id="edit_status" name="status" class="form-control input-lg" required>
<option value="pending">En attente</option>
<option value="active">Activé</option>
<option value="rejected">Rejeté</option>
<option value="close">Fermé</option>
</select>
</div>
<div class="col-md-6">
<label>Motif</label>
<input id="edit_reason" name="reason" class="form-control input-lg" required>
</div>
<div class="col-md-6">
<label>Date de naissance</label>
<input id="edit_birth_date" name="birth_date" class="form-control input-lg" required>
</div>
<div class="col-md-6">
<label>Pays de naissance</label>
<input id="edit_birth_country" name="birth_country" class="form-control input-lg" required>
</div>
<div class="col-md-6">
<label>Ville de naissance</label>
<input id="edit_birth_city" name="birth_city" class="form-control input-lg" required>
</div>
<div class="col-md-6">
<label>Nationalité</label>
<input id="edit_nationality" name="nationality" class="form-control input-lg" required>
</div>
<div class="col-md-6">
<label>Nom de la mère</label>
<input id="edit_mother_lastname" name="mother_lastname" class="form-control input-lg" required>
</div>
<div class="col-md-6">
<label>Prénom de la mère</label>
<input id="edit_mother_firstname" name="mother_firstname" class="form-control input-lg" required>
</div>
<div class="col-md-6">
<label>Nom du père</label>
<input id="edit_father_lastname" name="father_lastname" class="form-control input-lg" required>
</div>
<div class="col-md-6">
<label>Prénom du père</label>
<input id="edit_father_firstname" name="father_firstname" class="form-control input-lg" required>
</div>
<div class="col-md-6">
<label>Statut matrimonial</label>
<select id="edit_marital_status" name="marital_status" class="form-control input-lg" required>
<option value="celibataire">Célibataire</option>
<option value="marie">Marié</option>
<option value="veuf">Veuf</option>
<option value="divorce">Divorcé</option>
</select>
</div>
<div class="col-md-6">
<label> Numéro fiscal</label>
<input id="edit_tax_number" name="tax_number" class="form-control input-lg" required>
</div>
<div class="col-md-6">
<label>Secteur d'activité</label>
<input id="edit_sector_activity" name="sector_activity" class="form-control input-lg">
</div>
<div class="col-md-6">
<label>Profession</label>
<input id="edit_profession" name="profession" class="form-control input-lg" required>
</div>
<div class="col-md-6">
<label>Nom de lemployeur</label>
<input id="edit_employer_name" name="employer_name" class="form-control input-lg">
</div>
<div class="col-md-6">
<label>Adresse de lemployeur</label>
<input id="edit_employer_address" name="employer_address" class="form-control input-lg">
</div>
<div class="col-md-6">
<label>Matricule de lemployeur</label>
<input id="edit_employee_number" name="employee_number" class="form-control input-lg">
</div>
<div class="col-md-6">
<label>Date de création</label>
<input id="edit_created_at" readonly class="form-control input-lg">
</div>
</div>
<br>
<button type="submit" class="btn btn-primary" id="btn-save-edit">Enregistrer</button>
<button type="button" class="btn btn-default pull-right" data-dismiss="modal">Fermer</button>
</form>
</div>
</div>
</div>
</div>
<!-- MODAL DELETE -->
<div class="modal fade" id="deleteModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
<h4 class="modal-title">Confirmer la suppression</h4>
</div>
<div class="modal-body">
<p>Voulez-vous vraiment supprimer ce compte ?</p>
<input type="hidden" id="delete_id">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
<button type="button" id="confirmDelete" class="btn btn-danger">Supprimer</button>
</div>
</div>
</div>
</div>
<body>
</body>
</html>
<!-- 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 src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.15/js/bootstrap-multiselect.js"></script>
<script src="<?= base_url('bower_components/toastr/toastr.js') ?>"></script>
<script src="<?= base_url('dist/js/sweetalert2.js') ?>"></script>
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
<script>
$(document).ready(function () {
/* =====================================================
* INITIALISATION DATATABLE
* ===================================================== */
$('#accountsTable').DataTable({
"pageLength": 10,
"ordering": true,
"scrollX": true,
dom: 'Bfrtip',
"buttons": [
'pageLength',
{
"extend": 'excelHtml5',
title: "<?= $this->lang->line('list_bank_accounts') ?>",
},
{
extend: 'csvHtml5',
title: "<?= $this->lang->line('list_bank_accounts') ?>",
},
{
extend: 'pdfHtml5',
orientation: 'landscape',
pageSize: 'LEGAL',
title: "<?= $this->lang->line('list_bank_accounts') ?>",
},
// 'colvis'
]
});
// === FLATPICKR ===
flatpickr("#edit_birth_date",
{
dateFormat: "Y-m-d",
maxDate: "today",
disableMobile: true
});
/* =====================================================
* OUVERTURE DU MODAL : AUTO-FILL DES DONNÉES
* ===================================================== */
$(document).on("click", ".open-edit-modal", function () {
const fields = [
"id", "lastname", "firstname", "account_number", "iban", "swift_code",
"status", "reason", "balance", "birth_date", "birth_country",
"birth_city", "father_firstname", "father_lastname",
"mother_firstname", "mother_lastname", "marital_name", "nationality",
"marital_status", "profession", "sector_activity",
"subsector_activity", "tax_number", "employee_number", "position",
"employer_name", "employer_address", "created_at", "account_type"
];
fields.forEach(f => {
$("#edit_" + f).val($(this).data(f));
});
});
// === ENVOI DU FORMULAIRE DE MISE À JOUR ===
$("#btn-save-edit").on("click", function (e) {
e.preventDefault();
$.ajax({
url: "<?= base_url('Gestion/update_request_agency'); ?>",
type: "POST",
data: $("#update-form").serialize(),
dataType: "json",
success: function (res) {
// Vérification de base
if (!res) {
toastr.error("Réponse invalide du serveur");
return;
}
// Si le serveur a envoyé alert = ok
if (res.alert === "ok") {
// Succès total
if (res.success === "ok") {
// Fermer la modal
$('#editModal').modal('hide');
//Afficher reponse
toastr.success(res.message)
setTimeout(() => {
location.reload();
}, 2600);
} else {
// Message d'erreur du serveur
toastr.errot(res.message);
}
}
},
error: function () {
toastr.error("Erreur interne (500)");
}
});
});
/* =====================================================
* SUPPRESSION : OUVERTURE MODAL
* ===================================================== */
window.deleteRequest = function (id) {
$("#delete_id").val(id);
$("#deleteModal").modal("show");
};
/* =====================================================
* CONFIRMATION SUPPRESSION
* ===================================================== */
$("#confirmDelete").click(function () {
const id = $("#delete_id").val();
$.ajax({
url: "<?= base_url('Gestion/delete_request_agency') ?>",
method: "POST",
data: { id: id },
dataType: "json",
success: function (response) {
if (response.success === "ok") {
$("#deleteModal").modal("hide");
toastr.success(response.message);
setTimeout(() => {
location.reload();
}, 2600);
} else {
toastr.error(response.message);
}
},
error: function () {
toastr.error("Erreur serveur. (500)");
}
});
});
});
</script>