easyappointments/application/views/pages/booking_settings.php

397 lines
24 KiB
PHP
Executable file

<?php extend('layouts/backend_layout'); ?>
<?php section('content'); ?>
<div id="booking-settings-page" class="container backend-page">
<div id="booking-settings">
<div class="row">
<div class="col-sm-3 offset-sm-1">
<?php component('settings_nav'); ?>
</div>
<div class="col-sm-6">
<form>
<fieldset>
<div class="d-flex justify-content-between align-items-center border-bottom mb-4 py-2">
<h4 class="text-black-50 mb-0 fw-light">
<?= lang('booking_settings') ?>
</h4>
<?php if (can('edit', PRIV_SYSTEM_SETTINGS)): ?>
<button type="button" id="save-settings" class="btn btn-primary">
<i class="fas fa-check-square me-2"></i>
<?= lang('save') ?>
</button>
<?php endif; ?>
</div>
<h5 class="text-black-50 mb-3 fw-light">
<?= lang('fields') ?>
</h5>
<div class="row mb-5 fields-row">
<div class="col-lg-6">
<div class="form-group mb-5">
<label for="first-name" class="form-label">
<?= lang('first_name') ?>
<span class="text-danger">*</span>
</label>
<input type="text" id="first-name" class="form-control mb-2" readonly/>
<div class="d-flex">
<div class="form-check form-switch me-4">
<input class="form-check-input display-switch" type="checkbox"
id="display-first-name"
data-field="display_first_name">
<label class="form-check-label" for="display-first-name">
<?= lang('display') ?>
</label>
</div>
<div class="form-check form-switch">
<input class="form-check-input require-switch" type="checkbox"
id="require-first-name"
data-field="require_first_name">
<label class="form-check-label" for="require-first-name">
<?= lang('require') ?>
</label>
</div>
</div>
</div>
<div class="form-group mb-5">
<label for="last-name" class="form-label">
<?= lang('last_name') ?>
<span class="text-danger">*</span>
</label>
<input type="text" id="last-name" class="form-control mb-2" readonly/>
<div class="d-flex">
<div class="form-check form-switch me-4">
<input class="form-check-input display-switch" type="checkbox"
id="display-last-name"
data-field="display_last_name">
<label class="form-check-label" for="display-last-name">
<?= lang('display') ?>
</label>
</div>
<div class="form-check form-switch">
<input class="form-check-input require-switch" type="checkbox"
id="require-last-name"
data-field="require_last_name">
<label class="form-check-label" for="require-last-name">
<?= lang('require') ?>
</label>
</div>
</div>
</div>
<div class="form-group mb-5">
<label for="email" class="form-label">
<?= lang('email') ?>
<span class="text-danger">*</span>
</label>
<input type="text" id="email" class="form-control mb-2" readonly/>
<div class="d-flex">
<div class="form-check form-switch me-4">
<input class="form-check-input display-switch" type="checkbox"
id="display-email"
data-field="display_email">
<label class="form-check-label" for="display-email">
<?= lang('display') ?>
</label>
</div>
<div class="form-check form-switch">
<input class="form-check-input require-switch" type="checkbox"
id="require-email"
data-field="require_email">
<label class="form-check-label" for="require-email">
<?= lang('require') ?>
</label>
</div>
</div>
</div>
<div class="form-group mb-3">
<label for="phone-number" class="form-label">
<?= lang('phone_number') ?>
<span class="text-danger">*</span>
</label>
<input type="text" id="phone-number" class="form-control mb-2" readonly/>
<div class="d-flex">
<div class="form-check form-switch me-4">
<input class="form-check-input display-switch" type="checkbox"
id="display-phone-number"
data-field="display_phone_number">
<label class="form-check-label" for="display-phone-number">
<?= lang('display') ?>
</label>
</div>
<div class="form-check form-switch">
<input class="form-check-input require-switch" type="checkbox"
id="require-phone-number"
data-field="require_phone_number">
<label class="form-check-label" for="require-phone-number">
<?= lang('require') ?>
</label>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="form-group mb-5">
<label for="address" class="form-label">
<?= lang('address') ?>
<span class="text-danger">*</span>
</label>
<input type="text" id="address" class="form-control mb-2" readonly/>
<div class="d-flex">
<div class="form-check form-switch me-4">
<input class="form-check-input display-switch" type="checkbox"
id="display-address"
data-field="display_address">
<label class="form-check-label" for="display-address">
<?= lang('display') ?>
</label>
</div>
<div class="form-check form-switch">
<input class="form-check-input require-switch" type="checkbox"
id="require-address"
data-field="require_address">
<label class="form-check-label" for="require-address">
<?= lang('require') ?>
</label>
</div>
</div>
</div>
<div class="form-group mb-5">
<label for="city" class="form-label">
<?= lang('city') ?>
<span class="text-danger">*</span>
</label>
<input type="text" id="city" class="form-control mb-2" readonly/>
<div class="d-flex">
<div class="form-check form-switch me-4">
<input class="form-check-input display-switch" type="checkbox"
id="display-city"
data-field="display_city">
<label class="form-check-label" for="display-city">
<?= lang('display') ?>
</label>
</div>
<div class="form-check form-switch">
<input class="form-check-input require-switch" type="checkbox"
id="require-city"
data-field="require_city">
<label class="form-check-label" for="require-city">
<?= lang('require') ?>
</label>
</div>
</div>
</div>
<div class="form-group mb-5">
<label for="zip-code" class="form-label">
<?= lang('zip_code') ?>
<span class="text-danger">*</span>
</label>
<input type="text" id="zip-code" class="form-control mb-2" readonly/>
<div class="d-flex">
<div class="form-check form-switch me-4">
<input class="form-check-input display-switch" type="checkbox"
id="display-zip-code"
data-field="display_zip_code">
<label class="form-check-label" for="display-zip-code">
<?= lang('display') ?>
</label>
</div>
<div class="form-check form-switch">
<input class="form-check-input require-switch" type="checkbox"
id="require-zip-code"
data-field="require_zip_code">
<label class="form-check-label" for="require-zip-code">
<?= lang('require') ?>
</label>
</div>
</div>
</div>
<div class="form-group mb-3">
<label for="notes" class="form-label">
<?= lang('notes') ?>
<span class="text-danger">*</span>
</label>
<textarea id="notes" class="form-control mb-2" rows="1" readonly></textarea>
<div class="d-flex">
<div class="form-check form-switch me-4">
<input class="form-check-input display-switch" type="checkbox"
id="display-notes"
data-field="display_notes">
<label class="form-check-label" for="display-notes">
<?= lang('display') ?>
</label>
</div>
<div class="form-check form-switch">
<input class="form-check-input require-switch" type="checkbox"
id="require-notes"
data-field="require_notes">
<label class="form-check-label" for="require-notes">
<?= lang('require') ?>
</label>
</div>
</div>
</div>
</div>
</div>
<h5 class="text-black-50 mb-3 fw-light">
<?= lang('options') ?>
</h5>
<div class="row">
<div class="col-12">
<div class="border rounded mb-3 p-3">
<div class="mb-3">
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="customer-notifications"
data-field="customer_notifications">
<label class="form-check-label" for="customer-notifications">
<?= lang('customer_notifications') ?>
</label>
</div>
<div class="form-text text-muted">
<small>
<?= lang('customer_notifications_hint') ?>
</small>
</div>
</div>
<div class="mb-3">
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="limit-customer-access"
data-field="limit_customer_access">
<label class="form-check-label" for="limit-customer-access">
<?= lang('limit_customer_access') ?>
</label>
</div>
<div class="form-text text-muted">
<small>
<?= lang('limit_customer_access_hint') ?>
</small>
</div>
</div>
<div class="mb-3">
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="require-captcha"
data-field="require_captcha">
<label class="form-check-label" for="require-captcha">
CAPTCHA
</label>
</div>
<div class="form-text text-muted">
<small>
<?= lang('require_captcha_hint') ?>
</small>
</div>
</div>
<div class="mb-3">
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="display-any-provider"
data-field="display_any_provider">
<label class="form-check-label" for="display-any-provider">
<?= lang('any_provider') ?>
</label>
</div>
<div class="form-text text-muted">
<small>
<?= lang('display_any_provider_hint') ?>
</small>
</div>
</div>
<div class="mb-3">
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="display-login-button"
data-field="display_login_button">
<label class="form-check-label" for="display-login-button">
<?= lang('login_button') ?>
</label>
</div>
<div class="form-text text-muted">
<small>
<?= lang('display_login_button_hint') ?>
</small>
</div>
</div>
<div class="mb-3">
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox"
id="display-delete-personal-information"
data-field="display_delete_personal_information">
<label class="form-check-label" for="display-delete-personal-information">
<?= lang('delete_personal_information') ?>
</label>
</div>
<div class="form-text text-muted">
<small>
<?= lang('delete_personal_information_hint') ?>
</small>
</div>
</div>
<div>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="disable-booking"
data-field="disable_booking">
<label class="form-check-label" for="disable-booking">
<?= lang('disable_booking') ?>
</label>
</div>
<div class="form-text text-muted">
<small>
<?= lang('disable_booking_hint') ?>
</small>
</div>
</div>
<div class="form-group mb-3" hidden>
<label class="form-label" for="disable-booking-message">
<?= lang('display_message') ?>
</label>
<textarea id="disable-booking-message" cols="30" rows="10"
class="mb-3"></textarea>
</div>
</div>
</div>
</div>
</fieldset>
</form>
</div>
</div>
</div>
</div>
<?php end_section('content'); ?>
<?php section('scripts'); ?>
<script src="<?= asset_url('assets/js/utils/url.js') ?>"></script>
<script src="<?= asset_url('assets/js/http/booking_settings_http_client.js') ?>"></script>
<script src="<?= asset_url('assets/js/pages/booking_settings.js') ?>"></script>
<?php end_section('scripts'); ?>