easyappointments/application/views/components/booking_final_step.php
2024-05-11 19:29:09 +02:00

90 lines
3.6 KiB
PHP

<?php
/**
* Local variables.
*
* @var bool $manage_mode
* @var string $display_terms_and_conditions
* @var string $display_privacy_policy
*/
?>
<div id="wizard-frame-4" class="wizard-frame" style="display:none;">
<div class="frame-container">
<h2 class="frame-title"><?= lang('appointment_confirmation') ?></h2>
<div class="row frame-content m-auto pt-md-4 mb-4">
<div id="appointment-details" class="col-12 col-md-6 text-center text-md-start mb-2 mb-md-0">
<!-- JS -->
</div>
<div id="customer-details" class="col-12 col-md-6 text-center text-md-end">
<!-- JS -->
</div>
</div>
<?php slot('after_details'); ?>
<?php if (setting('require_captcha')): ?>
<div class="row frame-content m-auto">
<div class="col">
<label class="captcha-title" for="captcha-text">
CAPTCHA
<button class="btn btn-link text-dark text-decoration-none py-0">
<i class="fas fa-sync-alt"></i>
</button>
</label>
<img class="captcha-image" src="<?= site_url('captcha') ?>" alt="CAPTCHA">
<input id="captcha-text" class="captcha-text form-control" type="text" value=""/>
<span id="captcha-hint" class="help-block" style="opacity:0">&nbsp;</span>
</div>
</div>
<?php endif; ?>
<?php slot('after_captcha'); ?>
</div>
<div class="d-flex fs-6 justify-content-around">
<?php if ($display_terms_and_conditions): ?>
<div class="form-check mb-3">
<input type="checkbox" class="required form-check-input" id="accept-to-terms-and-conditions">
<label class="form-check-label" for="accept-to-terms-and-conditions">
<?= strtr(lang('read_and_agree_to_terms_and_conditions'), [
'{$link}' => '<a href="#" data-bs-toggle="modal" data-bs-target="#terms-and-conditions-modal">',
'{/$link}' => '</a>',
]) ?>
</label>
</div>
<?php endif; ?>
<?php if ($display_privacy_policy): ?>
<div class="form-check mb-3">
<input type="checkbox" class="required form-check-input" id="accept-to-privacy-policy">
<label class="form-check-label" for="accept-to-privacy-policy">
<?= strtr(lang('read_and_agree_to_privacy_policy'), [
'{$link}' => '<a href="#" data-bs-toggle="modal" data-bs-target="#privacy-policy-modal">',
'{/$link}' => '</a>',
]) ?>
</label>
</div>
<?php endif; ?>
<?php slot('after_select_policies'); ?>
</div>
<div class="command-buttons">
<button type="button" id="button-back-4" class="btn button-back btn-outline-secondary"
data-step_index="4">
<i class="fas fa-chevron-left me-2"></i>
<?= lang('back') ?>
</button>
<form id="book-appointment-form" style="display:inline-block" method="post">
<button id="book-appointment-submit" type="button" class="btn btn-primary">
<i class="fas fa-check-square me-2"></i>
<?= $manage_mode ? lang('update') : lang('confirm') ?>
</button>
<input type="hidden" name="csrfToken"/>
<input type="hidden" name="post_data"/>
</form>
</div>
</div>