114 lines
6.4 KiB
PHP
Executable File
114 lines
6.4 KiB
PHP
Executable File
<div class="page-content">
|
|
<div class="header-section mb-4">
|
|
<div class="d-flex align-items-center bg-white p-3 shadow-sm border-start border-success border-4" style="border-radius: var(--radius-md);">
|
|
<div class="icon-shape bg-success-ghost text-success rounded-circle me-3" style="width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;">
|
|
<i class="fas fa-vial fs-4"></i>
|
|
</div>
|
|
<div>
|
|
<h4 id="titre-page" class="mb-0 fw-bold text-uppercase"><?= _("Tester les services de notification") ?></h4>
|
|
<p class="text-muted small mb-0"><?= _("Vérifiez la disponibilité des services SMS et WhatsApp") ?></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<input class="sr-only d-none" type="text" id="idSocieteuser" name="idSocieteuser" value="<?= $this->nettoyer($societeuser['idSocieteuser']) ?>" >
|
|
|
|
<div class="row g-4">
|
|
<div class="col-lg-12">
|
|
<div class="card border-0 shadow-sm mb-4" style="border-radius: var(--radius-md);">
|
|
<div class="card-header bg-white border-0 py-3">
|
|
<h6 class="mb-0 fw-bold text-muted small uppercase"><i class="fas fa-building me-2"></i><?= _("Informations de l'émetteur") ?></h6>
|
|
</div>
|
|
<div class="card-body bg-light-subtle">
|
|
<div class="row g-3">
|
|
<div class="col-md-2">
|
|
<label class="form-label small fw-bold text-muted"><?= _("Code") ?></label>
|
|
<input class="form-control bg-white border-0 shadow-none fw-bold" type="text" value="<?= $this->nettoyer($societeuser['codeSociete']) ?>" readonly>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<label class="form-label small fw-bold text-muted"><?= _("Nom de la Société") ?></label>
|
|
<input class="form-control bg-white border-0 shadow-none fw-bold" type="text" value="<?= $this->nettoyer($societeuser['nomSociete']) ?>" readonly>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<label class="form-label small fw-bold text-muted"><?= _("Adresse Géo") ?></label>
|
|
<input class="form-control bg-white border-0 shadow-none small" type="text" value="<?= $this->nettoyer($societeuser['adresseGeoSociete']) ?>" readonly>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<label class="form-label small fw-bold text-muted"><?= _("Adresse Postale") ?></label>
|
|
<input class="form-control bg-white border-0 shadow-none small" type="text" value="<?= $this->nettoyer($societeuser['adressePostSociete']) ?>" readonly>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-12">
|
|
<div class="card border-0 shadow-sm" style="border-radius: var(--radius-md);">
|
|
<div class="card-header bg-white border-0 py-3">
|
|
<h6 class="mb-0 fw-bold text-primary"><i class="fas fa-paper-plane me-2"></i><?= _("Configuration de l'envoi de test") ?></h6>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row g-4 align-items-end">
|
|
<div class="col-md-6">
|
|
<label class="form-label small fw-bold required"><?= _("Numéros de téléphone (Destinataires)") ?></label>
|
|
<div class="input-group">
|
|
<span class="input-group-text bg-light border-2 border-end-0"><i class="fas fa-phone-alt text-muted"></i></span>
|
|
<input class="form-control border-2 border-start-0 ps-0" type="text" id="destinataires" name="destinataires" placeholder="Ex: 225000000000, 225111111111">
|
|
</div>
|
|
<div class="form-text small mt-2">
|
|
<i class="fas fa-info-circle text-info me-1"></i>
|
|
<?= _("Séparez les numéros par des virgules. Format international sans le signe +.") ?>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label class="form-label small fw-bold text-muted italic"><?= _("Format d'exemple pour référence") ?></label>
|
|
<input class="form-control border-dashed bg-light small" type="text" value="22506802339, 250788439348, 25761198584" readonly style="border-style: dashed;">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card-footer bg-white border-top-0 p-4">
|
|
<div class="row g-3">
|
|
<div class="col-md-6">
|
|
<button type="button" class="btn btn-whatsapp w-100 py-3 fw-bold shadow-sm" onclick="javascript:tester_disponibiliter_whatsapp();">
|
|
<i class="fab fa-whatsapp me-2 fs-5"></i> <?= _("TESTER L'API WHATSAPP") ?>
|
|
</button>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<button type="button" class="btn btn-primary w-100 py-3 fw-bold shadow-sm" onclick="javascript:tester_disponibiliter_sms();">
|
|
<i class="fas fa-sms me-2 fs-5"></i> <?= _("TESTER L'API SMS") ?>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
.bg-success-ghost { background: rgba(40, 167, 69, 0.1) !important; }
|
|
.border-dashed { border: 1px dashed #dee2e6; }
|
|
|
|
/* Bouton spécifique WhatsApp */
|
|
.btn-whatsapp {
|
|
background-color: #25D366;
|
|
color: white;
|
|
border: none;
|
|
transition: all 0.3s ease;
|
|
}
|
|
.btn-whatsapp:hover {
|
|
background-color: #128C7E;
|
|
color: white;
|
|
transform: translateY(-2px);
|
|
}
|
|
|
|
.btn-primary {
|
|
background-color: #212e53;
|
|
border: none;
|
|
}
|
|
.btn-primary:hover {
|
|
background-color: #1a2542;
|
|
transform: translateY(-2px);
|
|
}
|
|
</style>
|