easyappointments/application/views/components/booking_time_step.php

49 lines
1.6 KiB
PHP

<?php
/**
* Local variables.
*
* @var array $grouped_timezones
*/
?>
<div id="wizard-frame-2" class="wizard-frame" style="display:none;">
<div class="frame-container">
<h2 class="frame-title"><?= lang('appointment_date_and_time') ?></h2>
<div class="row frame-content">
<div class="col-12 col-md-6">
<div id="select-date"></div>
</div>
<div class="col-12 col-md-6">
<div id="select-time">
<div class="mb-3">
<label for="select-timezone" class="form-label">
<?= lang('timezone') ?>
</label>
<?php component('timezone_dropdown', [
'attributes' => 'id="select-timezone" class="form-control" value="UTC"',
'grouped_timezones' => $grouped_timezones
]); ?>
</div>
<div id="available-hours"></div>
</div>
</div>
</div>
</div>
<div class="command-buttons">
<button type="button" id="button-back-2" class="btn button-back btn-outline-secondary"
data-step_index="2">
<i class="fas fa-chevron-left me-2"></i>
<?= lang('back') ?>
</button>
<button type="button" id="button-next-2" class="btn button-next btn-dark"
data-step_index="2">
<?= lang('next') ?>
<i class="fas fa-chevron-right ms-2"></i>
</button>
</div>
</div>