增加了医师简介和预约说明

application/controllers/Home_directions.php

@@ -0,0 +1,49 @@
+<?php defined('BASEPATH') or exit('No direct script access allowed');
+
+/**
+ * Home Page controller.
+ *
+ * @package Controllers
+ */
+class Home_directions extends EA_Controller
+{
+    /**
+     * Render the booking page.
+     *
+     * This method creates the appointment book wizard.
+     */
+    public function index(): void
+    {
+        $company_name = setting('company_name');
+        $company_logo = setting('company_logo');
+        $company_color = setting('company_color');
+        $google_analytics_code = setting('google_analytics_code');
+        $matomo_analytics_url = setting('matomo_analytics_url');
+        $matomo_analytics_site_id = setting('matomo_analytics_site_id');
+        $display_login_button = setting('display_login_button');
+        $theme = request('theme', setting('theme', 'default'));
+
+        if (empty($theme) || !file_exists(__DIR__ . '/../../assets/css/themes/' . $theme . '.min.css')) {
+            $theme = 'default';
+        }    
+
+        script_vars([
+            'future_booking_limit' => setting('future_booking_limit'),
+            'default_language' => setting('default_language'),
+        ]);
+
+        html_vars([
+            'theme' => $theme,
+            'company_name' => $company_name,
+            'company_logo' => $company_logo,
+            'company_color' => $company_color === '#ffffff' ? '' : $company_color,
+            'display_login_button' => $display_login_button,
+            'google_analytics_code' => $google_analytics_code,
+            'matomo_analytics_url' => $matomo_analytics_url,
+            'matomo_analytics_site_id' => $matomo_analytics_site_id,
+        ]);
+
+        $this->load->view('pages/home_directions');
+    }
+
+}

application/controllers/Home_teams.php

@@ -0,0 +1,50 @@
+<?php defined('BASEPATH') or exit('No direct script access allowed');
+
+/**
+ * Home Page controller.
+ *
+ * @package Controllers
+ */
+class Home_teams extends EA_Controller
+{
+    /**
+     * Render the booking page.
+     *
+     * This method creates the appointment book wizard.
+     */
+    public function index(): void
+    {
+
+        $company_name = setting('company_name');
+        $company_logo = setting('company_logo');
+        $company_color = setting('company_color');
+        $google_analytics_code = setting('google_analytics_code');
+        $matomo_analytics_url = setting('matomo_analytics_url');
+        $matomo_analytics_site_id = setting('matomo_analytics_site_id');
+        $display_login_button = setting('display_login_button');
+        $theme = request('theme', setting('theme', 'default'));
+
+        if (empty($theme) || !file_exists(__DIR__ . '/../../assets/css/themes/' . $theme . '.min.css')) {
+            $theme = 'default';
+        }    
+
+        script_vars([
+            'future_booking_limit' => setting('future_booking_limit'),
+            'default_language' => setting('default_language'),
+        ]);
+
+        html_vars([
+            'theme' => $theme,
+            'company_name' => $company_name,
+            'company_logo' => $company_logo,
+            'company_color' => $company_color === '#ffffff' ? '' : $company_color,
+            'display_login_button' => $display_login_button,
+            'google_analytics_code' => $google_analytics_code,
+            'matomo_analytics_url' => $matomo_analytics_url,
+            'matomo_analytics_site_id' => $matomo_analytics_site_id,
+        ]);
+
+        $this->load->view('pages/home_teams');
+    }
+
+}

application/language/Chinese(Simplified)/translations_lang.php

@@ -488,6 +488,8 @@ $lang['please_select'] = '请选择';
 $lang['home_appointment_button'] = '马上预约';
 $lang['home_search_button'] = '预约查询';
 $lang['home_price_button'] = '价格表';
+$lang['home_teams_button'] = '医师简介';
+$lang['home_directions_button'] = '预约说明';
 $lang['home_contact_button'] = '联系我们';
 $lang['please_select_service'] = '请选择(必选)';
 $lang['search_appointments_title'] = '预约查询';

application/language/Chinese(Traditional)/translations_lang.php

@@ -488,6 +488,8 @@ $lang['please_select'] = '請選擇';
 $lang['home_appointment_button'] = '馬上預約';
 $lang['home_search_button'] = '預約查詢';
 $lang['home_price_button'] = '價格表';
+$lang['home_teams_button'] = '醫師簡介';
+$lang['home_directions_button'] = '預約說明';
 $lang['home_contact_button'] = '聯絡我們';
 $lang['please_select_service'] = '請選擇(必填)';
 $lang['search_appointments_title'] = '預約查詢';

application/language/English/translations_lang.php

@@ -488,6 +488,8 @@ $lang['please_select'] = 'Please Select';
 $lang['home_appointment_button'] = 'Book Now';
 $lang['home_search_button'] = 'Enquiry';
 $lang['home_price_button'] = 'Price List';
+$lang['home_teams_button'] = 'Our Teams';
+$lang['home_directions_button'] = 'Directions';
 $lang['home_contact_button'] = 'Contact Us';
 $lang['please_select_service'] = 'Please Select(*)';
 $lang['search_appointments_title'] = 'Enquiry';

application/views/components/home_directions_header.php

@@ -0,0 +1,27 @@
+<?php
+/**
+ * Local variables.
+ *
+ * @var string $company_name
+ */
+?>
+
+<div id="header">
+    <div id="company-name">
+
+        <a href="<?= site_url('/') ?>">
+            <img src="<?= vars('company_logo') ?: base_url('assets/img/logo.png') ?>" alt="logo" id="company-logo">
+        </a>
+
+        <span>
+            <?= e($company_name) ?>
+        </span>
+
+        <div class="d-flex justify-content-center justify-content-md-start">
+            <span class="display-selected-service me-1 pe-1">
+            內科 | 婦科 | 兒科 | 中藥 | 針灸 | 跌打
+            </span>
+        </div>
+
+    </div>
+</div>

application/views/components/home_teams_header.php

@@ -0,0 +1,27 @@
+<?php
+/**
+ * Local variables.
+ *
+ * @var string $company_name
+ */
+?>
+
+<div id="header">
+    <div id="company-name">
+
+        <a href="<?= site_url('/') ?>">
+            <img src="<?= vars('company_logo') ?: base_url('assets/img/logo.png') ?>" alt="logo" id="company-logo">
+        </a>
+
+        <span>
+            <?= e($company_name) ?>
+        </span>
+
+        <div class="d-flex justify-content-center justify-content-md-start">
+            <span class="display-selected-service me-1 pe-1">
+            內科 | 婦科 | 兒科 | 中藥 | 針灸 | 跌打
+            </span>
+        </div>
+
+    </div>
+</div>

application/views/layouts/home_directions_layout.php

@@ -0,0 +1,170 @@
+<!doctype html>
+<html lang="<?= config('language_code') ?>">
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
+    <meta name="theme-color" content="#35A768">
+    <meta name="google" content="notranslate">
+
+    <meta property="og:title" content="<?= lang('page_title') . ' ' . vars('company_name') ?> | TFE Group"/>
+    <meta property="og:url" content="<?= base_url() ?>">
+    <meta property="og:image" content="<?= base_url('assets/img/social-card.png') ?>"/>
+    <meta property="og:type" content="website">
+
+    <?php slot('meta'); ?>
+
+    <title><?= lang('page_title') . ' ' . vars('company_name') ?> | TFE Group</title>
+
+    <link rel="icon" type="image/x-icon" href="<?= asset_url('assets/img/favicon.ico') ?>">
+    <link rel="icon" sizes="192x192" href="<?= asset_url('assets/img/logo.png') ?>">
+
+    <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/vendor/cookieconsent/cookieconsent.min.css') ?>">
+    <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/vendor/flatpickr/flatpickr.min.css') ?>">
+    <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/vendor/flatpickr/material_green.min.css') ?>">
+    <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/themes/' . vars('theme') . '.css') ?>">
+    <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/general.css') ?>">
+    <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/layouts/booking_layout.css') ?>">
+
+    <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/vendor/bootstrap/bootstrap.min.css') ?>">
+    <?php component('company_color_style', ['company_color' => vars('company_color')]); ?>
+
+    <?php slot('styles'); ?>
+
+    <style>
+        .accordion {
+            min-height: 680px;
+
+        }
+        .accordion-button {
+            background-color: #429a82;
+            color: white;
+            font-weight: bold;
+        }
+        .accordion-body {
+            background-color: #f9f9f9;
+        }
+    </style>
+</head>
+
+<body>
+<div id="main" class="container">
+    <div class="row wrapper">
+        <div id="book-appointment-wizard" class="col-12 col-lg-10 col-xl-8 col-xxl-7">
+            <?php component('home_header', [
+                'company_name' => vars('company_name'),
+                'company_logo' => vars('company_logo'),
+            ]); ?>
+
+            <h1 class="text-center mt-2">预约指南</h1>
+            <div class="accordion mt-2" id="appointmentProcessAccordion">
+                <div class="accordion-item">
+                    <h2 class="accordion-header" id="headingOne">
+                        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
+                            Q1: 醫師出診時間？
+                        </button>
+                    </h2>
+                    <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#appointmentProcessAccordion">
+                        <div class="accordion-body">
+                            <!-- 插入出诊时间图片 -->
+                            <img src="<?= asset_url('/assets/img/open_time.jpg') ?>" alt="Doctor Appointment Time" style="width:100%">
+                        </div>
+                    </div>
+                </div>
+                <div class="accordion-item">
+                    <h2 class="accordion-header" id="headingTwo">
+                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
+                            Q2: 预约后可以取消吗？
+                        </button>
+                    </h2>
+                    <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#appointmentProcessAccordion">
+                        <div class="accordion-body">
+                            预约成功后，您在预约查询的页面可以取消预约。
+                        </div>
+                    </div>
+                </div>
+                <div class="accordion-item">
+                    <h2 class="accordion-header" id="headingThree">
+                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
+                            Q3: 预约成功后会收到确认吗？
+                        </button>
+                    </h2>
+                    <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#appointmentProcessAccordion">
+                        <div class="accordion-body">
+                            预约成功后，您将通过电子邮件或短信收到确认信息，包含预约的详细信息。
+                        </div>
+                    </div>
+                </div>
+                <div class="accordion-item">
+                    <h2 class="accordion-header" id="headingFour">
+                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
+                            Q4: 特效天气下暂停出诊
+                        </button>
+                    </h2>
+                    <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#appointmentProcessAccordion">
+                        <div class="accordion-body">
+                            
+                            <p>
+                                由于天气原因，香港挂八号风球情况下，医师暂停出诊。
+                            </p>
+                            
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <?php component('booking_footer', ['display_login_button' => vars('display_login_button')]); ?>
+        </div>
+    </div>
+</div>
+
+<?php if (vars('display_cookie_notice') === '1'): ?>
+    <?php component('cookie_notice_modal', ['cookie_notice_content' => vars('cookie_notice_content')]); ?>
+<?php endif; ?>
+
+<?php if (vars('display_terms_and_conditions') === '1'): ?>
+    <?php component('terms_and_conditions_modal', [
+        'terms_and_conditions_content' => vars('terms_and_conditions_content'),
+    ]); ?>
+<?php endif; ?>
+
+<?php if (vars('display_privacy_policy') === '1'): ?>
+    <?php component('privacy_policy_modal', ['privacy_policy_content' => vars('privacy_policy_content')]); ?>
+<?php endif; ?>
+
+<script src="<?= asset_url('assets/vendor/jquery/jquery.min.js') ?>"></script>
+<script src="<?= asset_url('assets/vendor/cookieconsent/cookieconsent.min.js') ?>"></script>
+<script src="<?= asset_url('assets/vendor/@popperjs-core/popper.min.js') ?>"></script>
+<script src="<?= asset_url('assets/vendor/bootstrap/bootstrap.min.js') ?>"></script>
+<script src="<?= asset_url('assets/vendor/moment/moment.min.js') ?>"></script>
+<script src="<?= asset_url('assets/vendor/moment-timezone/moment-timezone-with-data.min.js') ?>"></script>
+<script src="<?= asset_url('assets/vendor/@fortawesome-fontawesome-free/fontawesome.min.js') ?>"></script>
+<script src="<?= asset_url('assets/vendor/@fortawesome-fontawesome-free/solid.min.js') ?>"></script>
+<script src="<?= asset_url('assets/vendor/tippy.js/tippy-bundle.umd.min.js') ?>"></script>
+<script src="<?= asset_url('assets/vendor/flatpickr/flatpickr.min.js') ?>"></script>
+
+<script src="<?= asset_url('assets/js/app.js') ?>"></script>
+<script src="<?= asset_url('assets/js/utils/date.js') ?>"></script>
+<script src="<?= asset_url('assets/js/utils/file.js') ?>"></script>
+<script src="<?= asset_url('assets/js/utils/http.js') ?>"></script>
+<script src="<?= asset_url('assets/js/utils/lang.js') ?>"></script>
+<script src="<?= asset_url('assets/js/utils/message.js') ?>"></script>
+<script src="<?= asset_url('assets/js/utils/string.js') ?>"></script>
+<script src="<?= asset_url('assets/js/utils/url.js') ?>"></script>
+<script src="<?= asset_url('assets/js/utils/validation.js') ?>"></script>
+<script src="<?= asset_url('assets/js/layouts/booking_layout.js') ?>"></script>
+<script src="<?= asset_url('assets/js/http/localization_http_client.js') ?>"></script>
+
+<?php component('js_vars_script'); ?>
+<?php component('js_lang_script'); ?>
+
+<?php component('google_analytics_script', ['google_analytics_code' => vars('google_analytics_code')]); ?>
+<?php component('matomo_analytics_script', [
+    'matomo_analytics_url' => vars('matomo_analytics_url'),
+    'matomo_analytics_site_id' => vars('matomo_analytics_site_id'),
+]); ?>
+
+<?php slot('scripts'); ?>
+
+</body>
+</html>

application/views/layouts/home_layout.php

@@ -37,7 +37,7 @@
             align-items: center;
             /* height: 72.8vh; This makes the container fill the full height of the viewport */
             flex-direction: column;
-            min-height: 589px; /* This ensures the container has a minimum height */
+            min-height: 689px; /* This ensures the container has a minimum height */
         }
         .icon-container {
             display: flex;
@@ -89,13 +89,13 @@
             <div class="icon-container-wrapper">
                 <div class="icon-container">
                     <a href="<?= site_url('booking') ?>" class="icon-button btn btn-light">
-                        <i class="fas fa-calendar-plus"></i>
+                        <i class="fa-solid fa-calendar-plus"></i>
                         <span>
                             <?= lang('home_appointment_button') ?>
                         </span>
                     </a>
                     <a href="<?= site_url('home_search') ?>" class="icon-button btn btn-light">
-                        <i class="fas fa-search"></i>
+                        <i class="fa-solid fa-search"></i>
                         <span>
                             <?= lang('home_search_button') ?>
                         </span>
@@ -103,13 +103,27 @@
                 </div>
                 <div class="icon-container">   
                     <a href="<?= site_url('home_price') ?>" class="icon-button btn btn-light">
-                        <i class="fas fa-dollar-sign"></i>
+                        <i class="fa-solid fa-dollar-sign"></i>
                         <span>
                             <?= lang('home_price_button') ?>
                         </span>
                     </a>
+                    <a href="<?= site_url('home_teams') ?>" class="icon-button btn btn-light">
+                        <i class="fa-solid fa-address-card"></i>
+                        <span>
+                            <?= lang('home_teams_button') ?>
+                        </span>
+                    </a>
+                </div>
+                <div class="icon-container">   
+                    <a href="<?= site_url('home_directions') ?>" class="icon-button btn btn-light">
+                        <i class="fa-solid fa-book"></i>
+                        <span>
+                            <?= lang('home_directions_button') ?>
+                        </span>
+                    </a>
                     <a href="<?= site_url('home_contact') ?>" class="icon-button btn btn-light">
-                        <i class="fas fa-phone-volume"></i>
+                        <i class="fa-solid fa-headset"></i>
                         <span>
                             <?= lang('home_contact_button') ?>
                         </span>

application/views/layouts/home_teams_layout.php

@@ -0,0 +1,234 @@
+<!doctype html>
+<html lang="<?= config('language_code') ?>">
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
+    <meta name="theme-color" content="#35A768">
+    <meta name="google" content="notranslate">
+
+    <meta property="og:title" content="<?= lang('page_title') . ' ' . vars('company_name') ?> | TFE Group"/>
+    <meta property="og:url" content="<?= base_url() ?>">
+    <meta property="og:image" content="<?= base_url('assets/img/social-card.png') ?>"/>
+    <meta property="og:type" content="website">
+
+    <?php slot('meta'); ?>
+
+    <title><?= lang('page_title') . ' ' . vars('company_name') ?> | TFE Group</title>
+
+    <link rel="icon" type="image/x-icon" href="<?= asset_url('assets/img/favicon.ico') ?>">
+    <link rel="icon" sizes="192x192" href="<?= asset_url('assets/img/logo.png') ?>">
+
+    <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/vendor/cookieconsent/cookieconsent.min.css') ?>">
+    <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/vendor/flatpickr/flatpickr.min.css') ?>">
+    <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/vendor/flatpickr/material_green.min.css') ?>">
+    <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/themes/' . vars('theme') . '.css') ?>">
+    <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/general.css') ?>">
+    <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/layouts/booking_layout.css') ?>">
+
+    <?php component('company_color_style', ['company_color' => vars('company_color')]); ?>
+
+    <?php slot('styles'); ?>
+
+    <style>
+        .doctor-profile {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            margin: 20px 10px 20px 10px;
+            text-align: center;
+        }
+        .container {
+            width: 100%;
+            margin: 0 auto;
+            padding: 20px;
+        }
+        .header {
+            text-align: center;
+            margin-bottom: 40px;
+        }
+        .header h1 {
+            color: #4B0082;
+            font-size: 36px;
+        }
+        .doctor-grid {
+            display: flex;
+            flex-wrap: nowrap;
+            justify-content: space-around;
+            gap: 20px;
+        }
+        .doctor-card {
+            background-color: #fff;
+            border-radius: 8px;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+            overflow: hidden;
+            width: 230px;
+            text-align: center;
+            transition: transform 0.3s;
+        }
+        .doctor-card:hover {
+            transform: translateY(-10px);
+        }
+        .doctor-photo img {
+            width: 100%;
+            height: auto;
+            border-bottom: 4px solid #4B0082;
+        }
+        .doctor-info {
+            padding: 20px;
+        }
+        .doctor-name {
+            font-size: 24px;
+            color: #333;
+            margin-bottom: 10px;
+        }
+        .doctor-specialty {
+            font-size: 18px;
+            color: #4B0082;
+            margin-bottom: 10px;
+        }
+        .doctor-description {
+            font-size: 16px;
+            color: #666;
+            margin-bottom: 10px;
+        }
+        .doctor-schedule {
+            font-size: 16px;
+            color: #333;
+        }
+
+        /* 媒体查询 */
+        @media (max-width: 768px) {
+            .doctor-grid {
+                flex-direction: column;
+                align-items: center;
+            }
+            .doctor-card {
+            width: 350px;
+        }
+        }
+    </style>
+</head>
+
+<body>
+<div id="main" class="container">
+    <div class="row wrapper">
+        <div id="book-appointment-wizard" class="col-12 col-lg-10 col-xl-8 col-xxl-7">
+            <?php component('home_header', [
+                'company_name' => vars('company_name'),
+                'company_logo' => vars('company_logo'),
+            ]); ?>
+            <div class="doctor-profile">
+
+                <div class="doctor-grid">
+                    <div class="doctor-card">
+                        <div class="doctor-photo">
+                            <img src="<?= asset_url('assets/img/male.jpeg') ?>" alt="医生照片">
+                        </div>
+                        <div class="doctor-info">
+                            <div class="doctor-name">马医师</div>
+                            <div class="doctor-specialty">中藥 | 針灸 | 跌打</div>
+                            <div class="doctor-description">
+                                擅长以针刺、火针、穴位埋线、穴位注射、耳穴等中医特色疗法治疗颈肩腰腿痛，坐骨神经痛，失眠，便秘，鼻炎，咽炎，痛经，月经不调等症。
+                            </div>
+                            <div class="doctor-schedule">
+                                坐诊时间: 每周二、三、五、六 13:00 - 20:00
+                            </div>
+                        </div>
+                    </div>
+
+                    <!-- 其他医生卡片可以复制上面的结构并替换内容 -->
+                    <div class="doctor-card">
+                        <div class="doctor-photo">
+                            <img src="<?= asset_url('assets/img/fimale.jpeg') ?>" alt="医生照片">
+                        </div>
+                        <div class="doctor-info">
+                            <div class="doctor-name">李医师</div>
+                            <div class="doctor-specialty">內科 | 婦科</div>
+                            <div class="doctor-description">
+                                擅于治疗中医内妇科常见病，针灸疗法治疗损美性疾病，神经系统疾病及痛症。
+                            </div>
+                            <div class="doctor-schedule">
+                                坐诊时间: 每周日 12:00 - 17:00
+                            </div>
+                        </div>
+                    </div>
+
+
+                    <!-- 其他医生卡片可以复制上面的结构并替换内容 -->
+                    <div class="doctor-card">
+                        <div class="doctor-photo">
+                            <img src="<?= asset_url('assets/img/fimale.jpeg') ?>" alt="医生照片">
+                        </div>
+                        <div class="doctor-info">
+                            <div class="doctor-name">张医师</div>
+                            <div class="doctor-specialty">兒科 | 中藥 | 針灸</div>
+                            <div class="doctor-description">
+                                擅长运用中医传统技术治疗颈肩腰腿疾病、临床内科、妇科及儿科常见病、小儿推拿等。
+                            </div>
+                            <div class="doctor-schedule">
+                                坐诊时间: 每周四 13:00 - 20:00
+                            </div>
+                        </div>
+                    </div>
+                    
+                    <!-- 继续添加其他医生卡片 -->
+                </div>
+
+            </div>
+
+            <?php component('booking_footer', ['display_login_button' => vars('display_login_button')]); ?>
+        </div>
+    </div>
+</div>
+
+<?php if (vars('display_cookie_notice') === '1'): ?>
+    <?php component('cookie_notice_modal', ['cookie_notice_content' => vars('cookie_notice_content')]); ?>
+<?php endif; ?>
+
+<?php if (vars('display_terms_and_conditions') === '1'): ?>
+    <?php component('terms_and_conditions_modal', [
+        'terms_and_conditions_content' => vars('terms_and_conditions_content'),
+    ]); ?>
+<?php endif; ?>
+
+<?php if (vars('display_privacy_policy') === '1'): ?>
+    <?php component('privacy_policy_modal', ['privacy_policy_content' => vars('privacy_policy_content')]); ?>
+<?php endif; ?>
+
+<script src="<?= asset_url('assets/vendor/jquery/jquery.min.js') ?>"></script>
+<script src="<?= asset_url('assets/vendor/cookieconsent/cookieconsent.min.js') ?>"></script>
+<script src="<?= asset_url('assets/vendor/@popperjs-core/popper.min.js') ?>"></script>
+<script src="<?= asset_url('assets/vendor/bootstrap/bootstrap.min.js') ?>"></script>
+<script src="<?= asset_url('assets/vendor/moment/moment.min.js') ?>"></script>
+<script src="<?= asset_url('assets/vendor/moment-timezone/moment-timezone-with-data.min.js') ?>"></script>
+<script src="<?= asset_url('assets/vendor/@fortawesome-fontawesome-free/fontawesome.min.js') ?>"></script>
+<script src="<?= asset_url('assets/vendor/@fortawesome-fontawesome-free/solid.min.js') ?>"></script>
+<script src="<?= asset_url('assets/vendor/tippy.js/tippy-bundle.umd.min.js') ?>"></script>
+<script src="<?= asset_url('assets/vendor/flatpickr/flatpickr.min.js') ?>"></script>
+
+<script src="<?= asset_url('assets/js/app.js') ?>"></script>
+<script src="<?= asset_url('assets/js/utils/date.js') ?>"></script>
+<script src="<?= asset_url('assets/js/utils/file.js') ?>"></script>
+<script src="<?= asset_url('assets/js/utils/http.js') ?>"></script>
+<script src="<?= asset_url('assets/js/utils/lang.js') ?>"></script>
+<script src="<?= asset_url('assets/js/utils/message.js') ?>"></script>
+<script src="<?= asset_url('assets/js/utils/string.js') ?>"></script>
+<script src="<?= asset_url('assets/js/utils/url.js') ?>"></script>
+<script src="<?= asset_url('assets/js/utils/validation.js') ?>"></script>
+<script src="<?= asset_url('assets/js/layouts/booking_layout.js') ?>"></script>
+<script src="<?= asset_url('assets/js/http/localization_http_client.js') ?>"></script>
+
+<?php component('js_vars_script'); ?>
+<?php component('js_lang_script'); ?>
+
+<?php component('google_analytics_script', ['google_analytics_code' => vars('google_analytics_code')]); ?>
+<?php component('matomo_analytics_script', [
+    'matomo_analytics_url' => vars('matomo_analytics_url'),
+    'matomo_analytics_site_id' => vars('matomo_analytics_site_id'),
+]); ?>
+
+<?php slot('scripts'); ?>
+
+</body>
+</html>

application/views/pages/home_directions.php

@@ -0,0 +1,18 @@
+<?php extend('layouts/home_directions_layout'); ?>
+
+<?php section('content'); ?>
+<?php end_section('content'); ?>
+
+<?php section('scripts'); ?>
+
+<script src="<?= asset_url('assets/js/utils/date.js') ?>"></script>
+<script src="<?= asset_url('assets/js/utils/lang.js') ?>"></script>
+<script src="<?= asset_url('assets/js/utils/message.js') ?>"></script>
+<script src="<?= asset_url('assets/js/utils/string.js') ?>"></script>
+<script src="<?= asset_url('assets/js/utils/validation.js') ?>"></script>
+<script src="<?= asset_url('assets/js/utils/ui.js') ?>"></script>
+<script src="<?= asset_url('assets/js/utils/url.js') ?>"></script>
+<script src="<?= asset_url('assets/js/http/booking_http_client.js') ?>"></script>
+<script src="<?= asset_url('assets/js/pages/booking.js') ?>"></script>
+
+<?php end_section('scripts'); ?>

application/views/pages/home_teams.php

@@ -0,0 +1,18 @@
+<?php extend('layouts/home_teams_layout'); ?>
+
+<?php section('content'); ?>
+<?php end_section('content'); ?>
+
+<?php section('scripts'); ?>
+
+<script src="<?= asset_url('assets/js/utils/date.js') ?>"></script>
+<script src="<?= asset_url('assets/js/utils/lang.js') ?>"></script>
+<script src="<?= asset_url('assets/js/utils/message.js') ?>"></script>
+<script src="<?= asset_url('assets/js/utils/string.js') ?>"></script>
+<script src="<?= asset_url('assets/js/utils/validation.js') ?>"></script>
+<script src="<?= asset_url('assets/js/utils/ui.js') ?>"></script>
+<script src="<?= asset_url('assets/js/utils/url.js') ?>"></script>
+<script src="<?= asset_url('assets/js/http/booking_http_client.js') ?>"></script>
+<script src="<?= asset_url('assets/js/pages/booking.js') ?>"></script>
+
+<?php end_section('scripts'); ?>