You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
182 lines
11 KiB
182 lines
11 KiB
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Confirmation de Paiement</title>
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
|
|
<link href="<?=auto_version(plugins_bundle()."bootstrap/bootstrap-4.3.1/css/bootstrap.min.css")?>" rel="stylesheet">
|
|
<link href="<?= auto_version(styles_bundle() . "frontoffice/first_verification.css") ?>" rel="stylesheet" />
|
|
<link href="<?=auto_version(styles_bundle().'frontoffice/payment.css') ?>" rel="stylesheet">
|
|
|
|
<!-- Librairie de telephone -->
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css">
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js"></script>
|
|
|
|
<!-- script -->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/notify/0.4.2/notify.min.js"></script>
|
|
<script src="<?=auto_version(app_bundle()."frontoffice/generate_otp.js")?>"></script>
|
|
<script src="<?=auto_version(app_bundle()."frontoffice/validation.js")?>"></script>
|
|
<script src="<?=auto_version(app_bundle()."frontoffice/phone_intl.js")?>"></script>
|
|
|
|
|
|
<!-- <script src="<//?=auto_version(plugins_bundle()."jquery/jquery-2.2.3.min.js")?>"></script> -->
|
|
<!-- <script src="<//?=auto_version(plugins_bundle()."bootstrap/bootstrap-4.3.1/js/bootstrap.min.js")?>"></script> -->
|
|
<!-- <script src="<//?=auto_version(app_bundle()."frontoffice/otp.js")?>"></script> -->
|
|
<<meta name="csrf_token" content="<?= $this->security->get_csrf_hash(); ?>">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="payment">
|
|
<div class="mc-block-title w-100">
|
|
Veuillez renseigner les informations du bénéficiaire
|
|
</div>
|
|
<form id="beneficiaryForm">
|
|
<div class="payment_section">
|
|
<div class="first_section_form">
|
|
<div class="form-row">
|
|
<div class="form-group col-8">
|
|
<div class="selectdiv">
|
|
<label class="control-label" for="civilite">Civilité</label> <br>
|
|
<select type="text" class="select-control" name="civilite" id="civilite" required>
|
|
<option disabled selected></option>
|
|
<?php $civility = $subscriber_data->civility ?? ''; ?>
|
|
<option <?php echo $civility == 'Madame' ? 'selected' : ''; ?>>Madame</option>
|
|
<option <?php echo $civility == 'Monsieur' ? 'selected' : ''; ?>>Monsieur</option>
|
|
</select>
|
|
</div>
|
|
<span class="error" id="error_civilite"></span>
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="form-group col-12">
|
|
<div class="form-label-group">
|
|
<label for="name" class="control-label">Nom <span class="font-required">*</span></label>
|
|
<input type="textbox" id="name" name="name" class="form-control textboxes" placeholder="Nom" required value="<?php echo $subscriber_data->last_name ?? ''; ?>">
|
|
<span class="error" id="error_name"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="form-group col-12">
|
|
<div class="form-label-group">
|
|
<label for="fname" class="control-label">Prénom <span class="font-required">*</span></label>
|
|
<input type="textbox" id="fname" name="fname" class="form-control textboxes" placeholder="Prénom" value="<?php echo ->first_name ?? ''; ?>">
|
|
<span class="error" id="error_fname"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="form-group col-12">
|
|
<div class="form-label-group">
|
|
<?php $email = $subscriber_data->email_address ?? ''; ?>
|
|
<label for="email" class="control-label">Email <span class="font-required">*</span></label>
|
|
<input type="email" id="email" name="email" class="form-control textboxes" placeholder="Email" value="<?php echo $email; ?>" <?php echo $email ? 'readonly' : ''; ?>>
|
|
<span class="error" id="error_email"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="second_section_form">
|
|
<div class="form-row">
|
|
<div class="form-group col-12">
|
|
<div class="form-label-group">
|
|
<label for="address" class="control-label">Adresse <span class="font-required">*</span> </label>
|
|
<input type="textbox" id="address" name="address" class="form-control textboxes" placeholder="Adresse" value="<?php echo $subscriber_data->address ?? ''; ?>">
|
|
<span class="error" id="error_address"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="form-group col-12">
|
|
<div class="form-label-group">
|
|
<label for="postal" class="control-label">Code Postal <span class="font-required">*</span></label>
|
|
<input type="number" id="postal" name="postal" class="form-control textboxes" placeholder="Code Postal" value="<?php echo $subscriber_data->postal_code ?? ''; ?>">
|
|
<span class="error" id="error_postal"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="form-group col-12">
|
|
<div class="form-label-group">
|
|
<label for="ville" class="control-label">Ville</label>
|
|
<input type="textbox" id="ville" name="ville" class="form-control textboxes" placeholder="Ville" value="<?php echo $subscriber_data->city ?? ''; ?>">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="form-group col-12">
|
|
<div class="form-label-group has-feedback">
|
|
<label for="telephone" class="control-label">Téléphone
|
|
<div class="with-telephone-error"></div>
|
|
</label>
|
|
<input type="tel" id="phone" name="telephone" class="form-control textboxes" placeholder="Téléphone" value="<?php echo $subscriber_data->phone ?? ''; ?>">
|
|
<div class="help-block with-errors"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-row pl-4">
|
|
<div class="form-check mb-4 col-12">
|
|
<input class="form-check-input" type="checkbox" value="" id="checkCondition">
|
|
<div class="ml-3 font-weight-bold">
|
|
<label class="form-check-label" for="checkCondition">
|
|
<p>Je reconnais avoir pris connaissance et accepter sans réserve les conditions générales de vente du Company For Madagascar et sa politique de confidentialité. Je suis informé que, s’agissant d’une activité de loisir proposée à une date déterminée, je ne bénéficie pas de la faculté de me rétracter.</p>
|
|
<br><br>
|
|
<?php if($event_details['workshop_session'] === 'PRESENTIEL') { ?>
|
|
<div class="font-weight-bold">
|
|
<p> La présentation d'un pass vaccinal valide vous sera demandée pour accéder aux locaux.</p>
|
|
<br><br>
|
|
<p>En cas de mesures sanitaires restrictives empêchant la tenue des ateliers en présentiel, leur déroulement aura lieu en distanciel.</p>
|
|
</div>
|
|
<?php } ?>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
|
|
<div class="btn-container"><button class="btn btn-success" data-toggle="modal" data-target="#reservationModal">Envoyer <i class="fa fa-check"></i></button></div>
|
|
</div>
|
|
|
|
<!-- Modal -->
|
|
<div class="modal fade" id="reservationModal" role="dialog" aria-labelledby="reservationModalLabel">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="reservationModalLabel">Réserver l'atelier</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<h6>Devops</h6>
|
|
<hr>
|
|
<p><strong>Date de l'atelier</strong><br>
|
|
2 séances 8h d'atelier<br>
|
|
Le lundi 18 novembre 2024 de 08h24 à 18h25</p>
|
|
|
|
<p><strong>Adresse</strong><br>
|
|
Antananarivo</p>
|
|
|
|
<p><strong>Date limite de réservation</strong> <span class="text-danger">*</span><br>
|
|
samedi 16 novembre 2024, à 14h23</p>
|
|
|
|
<p><strong>Nombre de places réservées</strong><br>
|
|
9 places</p>
|
|
</div>
|
|
<div class="modal-footer modal-footer-container ">
|
|
<button type="button" class="btn btn-secondary btn-dismiss-modal" data-dismiss="modal"><i class="fa fa-arrow-left"></i>Retour</button>
|
|
<button type="button" class="btn btn-primary btn-confirm-modal" id="btn_first_confirm">Réserver<i class="fa fa-calendar-check"></i></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
|