production/Vue/Paiementmobile/index.php
2025-12-02 11:29:44 +00:00

208 lines
7.4 KiB
PHP
Executable File

<?php
$this->titre = "INTER SANTE - Paiement Mobile";
$idReglement = $this->nettoyer($reglement['id']);
$prefixePaiementMobile = $this->nettoyer($reglement['prefixePaiementMobile']);
$mobilePaiement = $this->nettoyer($reglement['mobilePaiement']);
$numeroDecompte = $this->nettoyer($reglement['numeroDecompte']);
$numeroLotDecompte = $this->nettoyer($reglement['numeroLotDecompte']);
$regle = $this->nettoyer($reglement['regle']);
$paiementMobileActif = $parammobile['paiementMobileActif'];
$fournisseurPaiementMobile = $parammobile['fournisseurPaiementMobile'];
$montantMobileMoney = $reglement['montantApayer'];
$plafondPaiementMobile = $reglement['plafondPaiementMobile'];
?>
<style>
.container {
max-width: 1200px;
margin-top: 50px;
}
.card {
border-radius: 16px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.card-body {
padding: 2rem;
}
.card-title {
font-size: 1.5rem;
font-weight: 600;
}
.btn {
border-radius: 30px;
padding: 12px 24px;
font-weight: bold;
}
.btn-outline-primary {
color: #007bff;
border-color: #007bff;
}
.btn-outline-primary:hover {
background-color: #007bff;
color: white;
}
.btn-outline-success {
color: #28a745;
border-color: #28a745;
}
.btn-outline-success:hover {
background-color: #28a745;
color: white;
}
.btn-outline-secondary {
color: #6c757d;
border-color: #6c757d;
}
.btn-outline-secondary:hover {
background-color: #6c757d;
color: white;
}
.progress-bar {
font-size: 1rem;
border-radius: 20px;
}
.table-striped tbody tr:nth-child(odd) {
background-color: #f9fafb;
}
.table th, .table td {
vertical-align: middle;
}
.table thead th {
background-color: #e9ecef;
font-weight: bold;
}
.header-text {
font-size: 2rem;
font-weight: 600;
color: #343a40;
margin-bottom: 30px;
}
.modal-header {
background-color: #007bff;
color: white;
}
.modal-body {
background-color: #ffffff;
}
.modal-title {
font-size: 1.25rem;
}
.input-group-text {
background-color: #f1f3f5;
}
.input-group .form-control {
border-left: none;
}
.input-group-text {
font-size: 1.1rem;
}
.modal-body .fas {
margin-right: 8px;
}
.large-text {
font-size: 24px; /* ou la taille que vous préférez */
}
@media (max-width: 768px) {
.card-body {
padding: 1rem;
}
.modal-dialog {
max-width: 90%;
}
}
</style>
<input class="sr-only" id="idReglement" name="idReglement" value="<?= $idReglement ?>" />
<input class="sr-only" id="prefixePaiementMobile" name="prefixePaiementMobile" value="<?= $prefixePaiementMobile ?>" />
<input class="sr-only" id="mobilePaiement" name="mobilePaiement" value="<?= $mobilePaiement ?>" />
<INPUT class="sr-only" TYPE="text" id="paiementMobileActif" name="paiementMobileActif" value="<?= $paiementMobileActif ?>">
<INPUT class="sr-only" TYPE="text" id="fournisseurPaiementMobile" name="fournisseurPaiementMobile" value="<?= $fournisseurPaiementMobile ?>">
<INPUT class="sr-only" TYPE="text" id="montantMobileMoney" name="montantMobileMoney" value="<?= $montantMobileMoney ?>">
<INPUT class="sr-only" TYPE="text" id="plafondPaiementMobile" name="plafondPaiementMobile" value="<?= $plafondPaiementMobile ?>">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<legend>
<?= _("PAIEMENT MOBILE")." => "._("DECOMPTE").": ".$numeroDecompte." => "._("LOT") . ": " . $numeroLotDecompte
." => "._("Intégrateur ") . ": " . $fournisseurPaiementMobile ?>
</legend>
<!-- Cartes d'information principales -->
<div class="row mb-4">
<div class="col-md-4 mb-4">
<div class="card shadow-lg h-100 d-flex flex-column">
<div class="card-body text-center flex-grow-1 d-flex flex-column justify-content-between">
<h5 class="card-title text-secondary"><?= _("Bénéficiaire")?></h5>
<div class="my-3 d-flex justify-content-center align-items-center" style="font-size: 24px; font-weight: bold;">
<strong><?= $this->nettoyer($reglement['beneficiaireReglement']); ?></strong>
</div>
<p class="large-text">
<?= _("Mobile")?> : <span class="badge bg-warning text-dark fw-bold"><?= $prefixePaiementMobile." ".$mobilePaiement ?></span>
</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-lg h-100 d-flex flex-column">
<div class="card-body text-center flex-grow-1 d-flex flex-column justify-content-between">
<h5 class="card-title text-secondary"><?= _("Montant à payer") ?></h5>
<div class="my-3 d-flex justify-content-center align-items-center" style="font-size: 24px; font-weight: bold;">
<strong><?= _("Plafond mobile") . " : " . format_N($plafondPaiementMobile); ?> </strong>
</div>
<p class="my-3 large-text">
<span class="badge fw-bold bg-primary w-100 mt-auto py-3 fs-4"> <?= format_N($montantMobileMoney)." ".$_SESSION['devise_C'] ?></span>
</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-lg h-100 d-flex flex-column">
<div class="card-body text-center flex-grow-1 d-flex flex-column justify-content-between">
<h5 class="card-title text-secondary"><?= _("Opérateur")?></h5>
<div class="my-3 d-flex justify-content-center align-items-center" style="font-size: 24px; font-weight: bold;">
<select class="form-control selectpicker" data-live-search="true" id="withdrawModePaiementMobile"
NAME="withdrawModePaiementMobile" required AUTOCOMPLETE="OFF" >
<?php liste_options($withdrawmodes,""); ?>
</SELECT>
</div>
<?php if($paiementMobileActif=='1'): ?>
<button id="btn_paiement" class="btn btn-outline-success w-100 mt-auto py-3 fs-4" onClick="javascript:paiement_par_mobile();">
<i class="fas fa-wallet"></i> <?= _("Payer")?>
</button>
<?php else: ?>
<button id="btn_paiement" class="btn btn-outline-danger w-100 mt-auto py-3 fs-4" disabled >
<i class="fas fa-wallet"></i> <?= _("MODULE PAIEMENT MOBILE NON ACTIVE")?>
</button>
<?php endif; ?>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="div_wait">
</div>
</div>