diff --git a/application/controllers/Appointments.php b/application/controllers/Appointments.php
index 5489b2c762..38b8421db1 100755
--- a/application/controllers/Appointments.php
+++ b/application/controllers/Appointments.php
@@ -35,6 +35,7 @@ public function __construct()
         $this->load->model('services_model');
         $this->load->model('customers_model');
         $this->load->model('settings_model');
+        $this->load->model('host_model');
         $this->load->library('timezones');
         $this->load->library('synchronization');
         $this->load->library('notifications');
@@ -79,6 +80,14 @@ public function index($appointment_hash = '')
             $privacy_policy_content = $this->settings_model->get_setting('privacy_policy_content');
             $display_any_provider = $this->settings_model->get_setting('display_any_provider');
             $timezones = $this->timezones->to_array();
+            $chinese_name = $this->host_model->get_host('chinese_name');
+            $english_name = $this->host_model->get_host('english_name');
+            $url = $this->host_model->get_host('url');
+            $logo = $this->host_model->get_host('logo');
+            $description = $this->host_model->get_host('description');
+            $main_color = $this->host_model->get_host('main_color');
+            $secondary_color = $this->host_model->get_host('secondary_color');
+            $text_color = $this->host_model->get_host('text_color');
 
             // Remove the data that are not needed inside the $available_providers array.
             foreach ($available_providers as $index => $provider)
@@ -182,6 +191,14 @@ public function index($appointment_hash = '')
                 'privacy_policy_content' => $privacy_policy_content,
                 'timezones' => $timezones,
                 'display_any_provider' => $display_any_provider,
+                'chinese_name' => $chinese_name,
+                'english_name' => $english_name,
+                'url' => $url,
+                'logo' => $logo,
+                'description' => $description,
+                'main_color' => $main_color,
+                'secondary_color' => $secondary_color,
+                'text_color' => $text_color
             ];
         }
         catch (Exception $exception)
@@ -711,5 +728,45 @@ protected function search_providers_by_service($service_id)
         return $provider_list;
     }
 
+    /**
+     * 
+     */
+    public function book_record()
+    {
+        try
+        {
+            $company_name = $this->settings_model->get_setting('company_name');
+            $company_address = $this->settings_model->get_setting('company_address');
+            $company_logo = $this->settings_model->get_setting('company_logo');
+            $company_banner = $this->settings_model->get_setting('company_banner');
+            $timezones = $this->timezones->to_array();
+            $chinese_name = $this->host_model->get_host('chinese_name');
+            $english_name = $this->host_model->get_host('english_name');
+            $url = $this->host_model->get_host('url');
+            $logo = $this->host_model->get_host('logo');
+            $description = $this->host_model->get_host('description');
+            $main_color = $this->host_model->get_host('main_color');
+
+            // Load the book appointment view.
+            $variables = [
+                'company_name' => $company_name,
+                'company_address' => $company_address,
+                'company_logo' => $company_logo,
+                'company_banner' => $company_banner,
+                'timezones' => $timezones,
+                'chinese_name' => $chinese_name,
+                'english_name' => $english_name,
+                'url' => $url,
+                'logo' => $logo,
+                'description' => $description,
+                'main_color' => $main_color,
+            ];
+        }
+        catch (Exception $exception)
+        {
+            $variables['exceptions'][] = $exception;
+        }
+        $this->load->view('appointments/book_record', $variables);
+    }
 
 }
diff --git a/application/controllers/Backend.php b/application/controllers/Backend.php
index aad1c408dd..68cea95514 100755
--- a/application/controllers/Backend.php
+++ b/application/controllers/Backend.php
@@ -34,6 +34,7 @@ public function __construct()
         $this->load->model('roles_model');
         $this->load->model('user_model');
         $this->load->model('secretaries_model');
+        $this->load->model('host_model');
         $this->load->model('admins_model');
         $this->load->library('timezones');
         $this->load->library('migration');
@@ -79,6 +80,14 @@ public function index($appointment_hash = '')
         $view['customers'] = $this->customers_model->get_batch();
         $view['calendar_view'] = ! empty($calendar_view_query_param) ? $calendar_view_query_param : $user['settings']['calendar_view'];
         $view['timezones'] = $this->timezones->to_array();
+        $view['chinese_name'] = $this->host_model->get_host('chinese_name');
+        $view['english_name'] = $this->host_model->get_host('english_name');
+        $view['url'] = $this->host_model->get_host('url');
+        $view['logo'] = $this->host_model->get_host('logo');
+        $view['description'] = $this->host_model->get_host('description');
+        $view['main_color'] = $this->host_model->get_host('main_color');
+        $view['secondary_color'] = $this->host_model->get_host('secondary_color');
+        $view['text_color'] = $this->host_model->get_host('text_color');
         $this->set_user_data($view);
 
         if ($this->session->userdata('role_slug') === DB_SLUG_SECRETARY)
@@ -199,6 +208,14 @@ public function customers()
         $view['available_providers'] = $this->providers_model->get_available_providers();
         $view['available_services'] = $this->services_model->get_available_services();
         $view['timezones'] = $this->timezones->to_array();
+        $view['chinese_name'] = $this->host_model->get_host('chinese_name');
+        $view['english_name'] = $this->host_model->get_host('english_name');
+        $view['url'] = $this->host_model->get_host('url');
+        $view['logo'] = $this->host_model->get_host('logo');
+        $view['description'] = $this->host_model->get_host('description');
+        $view['main_color'] = $this->host_model->get_host('main_color');
+        $view['secondary_color'] = $this->host_model->get_host('secondary_color');
+        $view['text_color'] = $this->host_model->get_host('text_color');
 
         if ($this->session->userdata('role_slug') === DB_SLUG_SECRETARY)
         {
@@ -245,6 +262,14 @@ public function services()
         $view['services'] = $this->services_model->get_batch();
         $view['categories'] = $this->services_model->get_all_categories();
         $view['timezones'] = $this->timezones->to_array();
+        $view['chinese_name'] = $this->host_model->get_host('chinese_name');
+        $view['english_name'] = $this->host_model->get_host('english_name');
+        $view['url'] = $this->host_model->get_host('url');
+        $view['logo'] = $this->host_model->get_host('logo');
+        $view['description'] = $this->host_model->get_host('description');
+        $view['main_color'] = $this->host_model->get_host('main_color');
+        $view['secondary_color'] = $this->host_model->get_host('secondary_color');
+        $view['text_color'] = $this->host_model->get_host('text_color');
         $this->set_user_data($view);
 
         $this->load->view('backend/header', $view);
@@ -282,6 +307,14 @@ public function users()
         $view['working_plan'] = $this->settings_model->get_setting('company_working_plan');
         $view['timezones'] = $this->timezones->to_array();
         $view['working_plan_exceptions'] = '{}';
+        $view['chinese_name'] = $this->host_model->get_host('chinese_name');
+        $view['english_name'] = $this->host_model->get_host('english_name');
+        $view['url'] = $this->host_model->get_host('url');
+        $view['logo'] = $this->host_model->get_host('logo');
+        $view['description'] = $this->host_model->get_host('description');
+        $view['main_color'] = $this->host_model->get_host('main_color');
+        $view['secondary_color'] = $this->host_model->get_host('secondary_color');
+        $view['text_color'] = $this->host_model->get_host('text_color');
         $this->set_user_data($view);
 
         $this->load->view('backend/header', $view);
@@ -319,6 +352,14 @@ public function settings()
         $view['system_settings'] = $this->settings_model->get_settings();
         $view['user_settings'] = $this->user_model->get_user($user_id);
         $view['timezones'] = $this->timezones->to_array();
+        $view['chinese_name'] = $this->host_model->get_host('chinese_name');
+        $view['english_name'] = $this->host_model->get_host('english_name');
+        $view['url'] = $this->host_model->get_host('url');
+        $view['logo'] = $this->host_model->get_host('logo');
+        $view['description'] = $this->host_model->get_host('description');
+        $view['main_color'] = $this->host_model->get_host('main_color');
+        $view['secondary_color'] = $this->host_model->get_host('secondary_color');
+        $view['text_color'] = $this->host_model->get_host('text_color');
 
         // book_advance_timeout preview
         $book_advance_timeout = $this->settings_model->get_setting('book_advance_timeout');
diff --git a/application/controllers/Backend_api.php b/application/controllers/Backend_api.php
index e346b42d95..54471bcc24 100755
--- a/application/controllers/Backend_api.php
+++ b/application/controllers/Backend_api.php
@@ -313,7 +313,10 @@ public function ajax_save_appointment()
             $response = AJAX_SUCCESS;
 
             //send appointment change line message
-            line_message_change($settings, $customer, $service, $appointment);
+            $is_notification = $this->input->post('is_notification');
+            if($is_notification == 1){
+                line_message_change($settings, $customer, $service, $appointment);
+            }
 
         }
         catch (Exception $exception)
@@ -474,7 +477,10 @@ public function ajax_delete_appointment()
             }
 
             //send appointment delet line message
-            line_message_delete($settings, $customer, $service, $appointment);
+            $is_notification = $this->input->post('is_notification');
+            if($is_notification == 1){
+                line_message_delete($settings, $customer, $service, $appointment);
+            }
 
         }
         catch (Exception $exception)
diff --git a/application/controllers/Cronjob.php b/application/controllers/Cronjob.php
new file mode 100644
index 0000000000..44450c3d72
--- /dev/null
+++ b/application/controllers/Cronjob.php
@@ -0,0 +1,41 @@
+<?php defined('BASEPATH') or exit('No direct script access allowed');
+
+class Cronjob extends EA_Controller {
+
+    public function __construct()
+    {
+        parent::__construct();
+
+        $this->load->helper('line_message');
+        $this->load->model('appointments_model');
+        $this->load->model('providers_model');
+        $this->load->model('services_model');
+        $this->load->model('customers_model');
+        $this->load->model('settings_model');
+        $this->load->library('timezones');
+    }
+
+    public function send_notify_to_appoiment()
+    {   
+        $appointment = [];
+        $remind_time = $this->settings_model->get_setting('remind_time');
+        $day_start = $remind_time;
+        $day_end = $remind_time +1;
+        $appointments = $this->appointments_model->get_scheduled_appointments($day_start, $day_end);
+
+        if(count($appointments) > 0){
+            $settings = [
+                'company_name' => $this->settings_model->get_setting('company_name'),
+                'company_address' => $this->settings_model->get_setting('company_address'),
+            ];
+            foreach ($appointments as $appointment) {
+                $provider = $this->providers_model->get_row($appointment['id_users_provider']);
+                $service = $this->services_model->get_row($appointment['id_services']);
+                $customer = $this->customers_model->get_row($appointment['id_users_customer']);
+                line_message_cronjob($settings, $provider, $service, $customer, $appointment);
+            }
+        }
+        print_r($appointments);
+        // echo json_encode($datetime);
+    }
+}
\ No newline at end of file
diff --git a/application/controllers/Customer.php b/application/controllers/Customer.php
new file mode 100644
index 0000000000..66eddaaa82
--- /dev/null
+++ b/application/controllers/Customer.php
@@ -0,0 +1,31 @@
+<?php defined('BASEPATH') or exit('No direct script access allowed');
+
+class Customer extends EA_Controller {
+
+    public function __construct()
+    {
+        parent::__construct();
+
+        $this->load->model('customers_model');
+    }
+
+    public function send_customer_to_appoiment()
+    {   
+        $lineUserId = $this->input->post('lineUserId');
+        
+        if (empty($lineUserId))
+        {
+            $response = ['warnings' => 'Error line user id is required'];
+        }
+        else
+        {
+            $lineUserId_customerData = $this->customers_model->get_data_from_line_id($lineUserId);
+            $response = $lineUserId_customerData; 
+        }
+
+        $this->output
+            ->set_content_type('application/json')
+            ->set_output(json_encode($response));          
+        
+    }
+}
\ No newline at end of file
diff --git a/application/controllers/Record.php b/application/controllers/Record.php
new file mode 100644
index 0000000000..13396741dd
--- /dev/null
+++ b/application/controllers/Record.php
@@ -0,0 +1,39 @@
+<?php defined('BASEPATH') or exit('No direct script access allowed');
+
+class Record extends EA_Controller {
+
+    public function __construct()
+    {
+        parent::__construct();
+
+        $this->load->model('appointments_model');
+        $this->load->model('providers_model');
+        $this->load->model('services_model');
+        $this->load->model('customers_model');
+        $this->load->model('settings_model');
+    }
+
+    public function get_appointments_from_line_id()
+    {   
+        $lineUserId = $this->input->post('lineUserId');
+
+        if (empty($lineUserId))
+        {
+            $response = ['warnings' => 'Error line user id is required'];
+        }
+        else
+        {
+            $customer_id = $this->customers_model->get_value_from_line_id('id', $lineUserId);
+            $appointments = $this->appointments_model->get_appointments_from_customer($customer_id);
+
+            foreach($appointments as $id_services => $appointments)
+            {
+                $service = $this->services_model->get_row($appointments['id_services']);
+                $response[] = $appointments + $service;
+            }
+        }
+        $this->output
+            ->set_content_type('application/json')
+            ->set_output(json_encode($response));  
+    }
+}
\ No newline at end of file
diff --git a/application/helpers/line_message_helper.php b/application/helpers/line_message_helper.php
index b405a221f5..f311c62349 100644
--- a/application/helpers/line_message_helper.php
+++ b/application/helpers/line_message_helper.php
@@ -148,6 +148,25 @@ function line_message_appointment($settings, $customer, $service, $appointment){
                                     'flex' => 0
                                 ]
                             ]
+                        ],
+                        [
+                            'type' => 'box',
+                            'layout' => 'horizontal',
+                            'margin' => 'md',
+                            'contents' => [
+                                [
+                                    'type' => 'text',
+                                    'text' => '查詢我的預約',
+                                    'size' => 'xs',
+                                    'color' => '#0080FF',
+                                    'flex' => 0,
+                                    'action' => [
+                                        'type' => 'uri',
+                                        'label' => 'action',
+                                        'uri' => base_url('/index.php/appointments/book_record')
+                                    ],
+                                ]
+                            ]
                         ]
                     ]
                 ],
@@ -315,6 +334,25 @@ function line_message_change($settings, $customer, $service, $appointment){
                                 'flex' => 0
                             ]
                         ]
+                    ],
+                    [
+                        'type' => 'box',
+                        'layout' => 'horizontal',
+                        'margin' => 'md',
+                        'contents' => [
+                            [
+                                'type' => 'text',
+                                'text' => '查詢我的預約',
+                                'size' => 'xs',
+                                'color' => '#0080FF',
+                                'flex' => 0,
+                                'action' => [
+                                    'type' => 'uri',
+                                    'label' => 'action',
+                                    'uri' => base_url('/index.php/appointments/book_record')
+                                ],
+                            ]
+                        ]
                     ]
                 ]
             ],
@@ -466,12 +504,31 @@ function line_message_delete($settings, $customer, $service, $appointment){
                         'contents' => [
                             [
                                 'type' => 'text',
-                                'text' => '預約審核通過，拒絕才會收到此訊息，如有疑問請洽店家',
+                                'text' => '預約已刪除，如有疑問請洽店家',
                                 'size' => 'xs',
                                 'color' => '#aaaaaa',
                                 'flex' => 0
                             ]
                         ]
+                    ],
+                    [
+                        'type' => 'box',
+                        'layout' => 'horizontal',
+                        'margin' => 'md',
+                        'contents' => [
+                            [
+                                'type' => 'text',
+                                'text' => '查詢我的預約',
+                                'size' => 'xs',
+                                'color' => '#0080FF',
+                                'flex' => 0,
+                                'action' => [
+                                    'type' => 'uri',
+                                    'label' => 'action',
+                                    'uri' => base_url('/index.php/appointments/book_record')
+                                ],
+                            ]
+                        ]
                     ]
                 ]
             ],
@@ -485,3 +542,181 @@ function line_message_delete($settings, $customer, $service, $appointment){
         $bot->pushMessage($customer['lineUserId'], $RawMessageBuilder);
     }
 }
+
+function line_message_cronjob($provider, $settings, $customer, $service, $appointment){
+    if (!empty($provider['lineuserid'])){
+        $httpClient = new \LINE\LINEBot\HTTPClient\CurlHTTPClient(config('line_access_token'));
+        $bot = new \LINE\LINEBot($httpClient, ['channelSecret' => config('line_secret')]);
+
+        $RawMessageBuilder = new \LINE\LINEBot\MessageBuilder\RawMessageBuilder(
+            [
+                'type' => 'flex',
+                'altText' => '預約服務提醒訊息',
+                'contents' => [
+                    'type' => 'bubble',
+                        'body' => [
+                            'type' => 'box',
+                            'layout' => 'vertical',
+                            'contents' => [
+                                [
+                                    'type' => 'text',
+                                    'text' => '預約日期即將到達',
+                                    'weight' => 'bold',
+                                    'color' => '#1DB446',
+                                    'size' => 'sm'
+                                ],
+                                [
+                                    'type' => 'text',
+                                    'text' => $settings['company_name'],
+                                    'weight' => 'bold',
+                                    'size' => 'xxl',
+                                    'margin' => 'md'
+                                ],
+                                [
+                                    'type' => 'text',
+                                    'text' => $settings['company_address'],
+                                    'size' => 'xs',
+                                    'color' => '#aaaaaa',
+                                    'wrap' => true
+                                ],
+                                [
+                                    'type' => 'separator',
+                                    'margin' => 'xxl'
+                                ],
+                                [
+                                    'type' => 'box',
+                                    'layout' => 'vertical',
+                                    'margin' => 'xxl',
+                                    'spacing' => 'sm',
+                                    'contents' => [
+                                        [
+                                            'type' => 'box',
+                                            'layout' => 'horizontal',
+                                            'contents' => [
+                                                [
+                                                    'type' => 'text',
+                                                    'text' => '姓名',
+                                                    'size' => 'sm',
+                                                    'color' => '#555555',
+                                                    'flex' => 0
+                                                ],
+                                                [
+                                                    'type' => 'text',
+                                                    'text' => $customer['last_name'] .  $customer['first_name'],
+                                                    'size' => 'sm',
+                                                    'color' => '#111111',
+                                                    'align' => 'end'
+                                                ]
+                                            ]
+                                        ],
+                                        [
+                                            'type' => 'box',
+                                            'layout' => 'horizontal',
+                                            'contents' => [
+                                        [
+                                            'type' => 'text',
+                                            'text' => '預約日期',
+                                            'size' => 'sm',
+                                            'color' => '#555555',
+                                            'flex' => 0
+                                        ],
+                                        [
+                                            'type' => 'text',
+                                            'text' => $appointment['start_datetime'],
+                                            'size' => 'sm',
+                                            "color" => '#111111',
+                                            'align' => 'end'
+                                        ]
+                                    ]
+                                ],
+                                [
+                                    'type' => 'box',
+                                    'layout' => 'horizontal',
+                                    'contents' => [
+                                        [
+                                            'type'=> 'text',
+                                            'text' => '預約時間',
+                                            'size' => 'sm',
+                                            'color' => '#555555',
+                                            'flex' => 0
+                                        ],
+                                        [
+                                            'type' => 'text',
+                                            'text' => $appointment['end_datetime'],
+                                            'size' => 'sm',
+                                            'color' => '#111111',
+                                            'align' => 'end'
+                                        ]
+                                    ]
+                                ],
+                                [
+                                    'type' => 'box',
+                                    'layout' => 'horizontal',
+                                    'contents' => [
+                                        [
+                                            'type' => 'text',
+                                            'text' => '預約服務',
+                                            'size' => 'sm',
+                                            'color' => '#555555'
+                                        ],
+                                        [
+                                            'type' => 'text',
+                                            'text' => $service['name'],
+                                            'size' => 'sm',
+                                            'color' => '#111111',
+                                            'align' => 'end'
+                                        ]
+                                    ]
+                                ]
+                            ]
+                        ],
+                        [
+                            'type' => 'separator',
+                            'margin' => 'xxl'
+                        ],
+                        [
+                            'type' => 'box',
+                            'layout' => 'horizontal',
+                            'margin' => 'md',
+                            'contents' => [
+                                [
+                                    'type' => 'text',
+                                    'text' => '預約服務日期即將到達',
+                                    'size' => 'xs',
+                                    'color' => '#aaaaaa',
+                                    'flex' => 0
+                                ]
+                            ]
+                        ],
+                        [
+                            'type' => 'box',
+                            'layout' => 'horizontal',
+                            'margin' => 'md',
+                            'contents' => [
+                                [
+                                    'type' => 'text',
+                                    'text' => '查詢我的預約',
+                                    'size' => 'xs',
+                                    'color' => '#0080FF',
+                                    'flex' => 0,
+                                    'action' => [
+                                        'type' => 'uri',
+                                        'label' => 'action',
+                                        'uri' => base_url('/index.php/appointments/book_record')
+                                    ],
+                                ]
+                            ]
+                        ]
+                    ]
+                ],
+                'styles' => [
+                    'footer' => [
+                        'separator' => true
+                    ]
+                ]
+            ]
+        ]);
+        
+        $bot->pushMessage($provider['lineuserid'], $RawMessageBuilder);
+    }
+}
diff --git a/application/language/chinese/translations_lang.php b/application/language/chinese/translations_lang.php
index f17f9e9926..5c7bf83bcc 100755
--- a/application/language/chinese/translations_lang.php
+++ b/application/language/chinese/translations_lang.php
@@ -1,6 +1,8 @@
 <?php defined('BASEPATH') OR exit('No direct script access allowed');
 // Chinese
 $lang['page_title'] = '準備預約';
+$lang['record_title'] = '預約記錄';
+$lang['appointment_record'] = '預約記錄';
 $lang['service_and_provider'] = '選擇車格以及服務項目';
 $lang['select_service'] = '選擇您需要的服務項目';
 $lang['select_provider'] = '選擇服務車格';
@@ -45,6 +47,8 @@
 $lang['thank_you_for_appointment'] = '謝謝您與我們預約.下方，您將看到預約的詳細信息.如需修改,請點擊預約鏈接.';
 $lang['appointment_details_title'] = '預約詳細信息';
 $lang['customer_details_title'] = '客戶資料';
+$lang['recent_record'] = '近期預約';
+$lang['start_apppointment'] = '開始預約';
 $lang['branch'] = '車格選項';
 $lang['service'] = '服務項目';
 $lang['provider'] = '車格項目';
@@ -180,6 +184,8 @@
 $lang['company_banner_hint'] = '公司 Banner';
 $lang['company_link'] = '公司網址';
 $lang['company_link_hint'] = '公司的網址應當指向公司的官方網頁 (必需).';
+$lang['remind_time'] = '預約提醒訊息';
+$lang['remind_time_hint'] = '天以前提醒';
 $lang['go_to_booking_page'] = '進入預約頁面';
 $lang['settings_saved'] = '設置成功保存.';
 $lang['general'] = '一般設置';
diff --git a/application/models/Appointments_model.php b/application/models/Appointments_model.php
index b556735e22..23a90c44bf 100644
--- a/application/models/Appointments_model.php
+++ b/application/models/Appointments_model.php
@@ -602,4 +602,41 @@ public function get_other_service_attendants_number(DateTime $slot_start, DateTi
             ->row()
             ->attendants_number;
     }
+
+    /**
+     * 
+     */
+    public function get_scheduled_appointments($day_start, $day_end)
+    {
+ 
+        $today = date("Y-m-d");
+        
+        $interval_start = date("Y-m-d", strtotime($today) + $day_start * 24 * 3600);
+        $interval_end = date("Y-m-d", strtotime($today) + $day_end * 24 * 3600);
+        
+        $result = $this->db
+        ->get_where('appointments',[
+            'start_datetime >=' =>  $interval_start . " 00:00:00",
+            'start_datetime <=' => $interval_end . " 00:00:00",
+            'situation' => 1,
+        ])->result_array();
+
+        return $result;
+    }
+
+    /**
+     * 
+     */
+    public function get_appointments_from_customer($customer_id)
+    {
+        $situation_refuse = 2;
+        $result = $this->db
+        ->get_where('appointments', [
+            'id_users_customer' => $customer_id, 
+            'situation !=' => $situation_refuse,
+        ])->result_array();
+
+        return $result;
+    }
+
 }
diff --git a/application/models/Customers_model.php b/application/models/Customers_model.php
index 0f39f410d8..b33a4f06d7 100644
--- a/application/models/Customers_model.php
+++ b/application/models/Customers_model.php
@@ -380,4 +380,25 @@ public function get_customers_role_id()
     {
         return $this->db->get_where('roles', ['slug' => DB_SLUG_CUSTOMER])->row()->id;
     }
+
+    /**
+     * Get have lineUserId customers  from the database.
+     */
+    public function get_data_from_line_id($lineUserId)
+    {
+        $result = $this->db->get_where('users', ['lineUserId' => $lineUserId])->row_array();
+        return $result;
+    }
+
+    /**
+     * 
+     */
+    public function get_value_from_line_id($field_name, $lineUserId)
+    {
+        $customer = $this->db->get_where('users', ['lineUserId' => $lineUserId])->row_array();
+
+        return $customer[$field_name];
+    }
+
+
 }
diff --git a/application/models/Host_model.php b/application/models/Host_model.php
new file mode 100644
index 0000000000..d838de0e25
--- /dev/null
+++ b/application/models/Host_model.php
@@ -0,0 +1,65 @@
+<?php defined('BASEPATH') or exit('No direct script access allowed');
+
+class Host_model extends EA_Model {
+
+    public function get_host($name)
+    {
+        if ( ! is_string($name))
+        {
+            // Check argument type.
+            throw new Exception('$name argument is not a string: ' . $name);
+        }
+
+        if ($this->db->get_where('host', ['name' => $name])->num_rows() == 0)
+        {
+            // Check if host exists in db.
+            throw new Exception('$name host does not exist in database: ' . $name);
+        }
+
+        $query = $this->db->get_where('host', ['name' => $name]);
+        $host = $query->num_rows() > 0 ? $query->row() : '';
+        return $host->value;
+    }
+
+    public function set_host($name, $value)
+    {
+        if ( ! is_string($name))
+        {
+            throw new Exception('$name argument is not a string: ' . $name);
+        }
+
+        $query = $this->db->get_where('host', ['name' => $name]);
+
+        if ($query->num_rows() > 0)
+        {
+            // Update host
+            if ( ! $this->db->update('host', ['value' => $value], ['name' => $name]))
+            {
+                throw new Exception('Could not update database host.');
+            }
+            $host_id = (int)$this->db->get_where('host', ['name' => $name])->row()->id;
+        }
+        else
+        {
+            // Insert host
+            $insert_data = [
+                'name' => $name,
+                'value' => $value
+            ];
+
+            if ( ! $this->db->insert('host', $insert_data))
+            {
+                throw new Exception('Could not insert database host');
+            }
+
+            $host_id = (int)$this->db->insert_id();
+        }
+
+        return $host_id;
+    }
+
+    public function get_hosts()
+    {
+        return $this->db->get('hosts')->result_array();
+    }
+}
\ No newline at end of file
diff --git a/application/views/appointments/book.php b/application/views/appointments/book.php
index b0918f1aa0..334e2b9797 100755
--- a/application/views/appointments/book.php
+++ b/application/views/appointments/book.php
@@ -338,7 +338,8 @@ class="btn btn-danger btn-sm"><?= lang('delete') ?></button>
                         <?= lang('back') ?>
                     </button>
                     <form id="book-appointment-form" style="display:inline-block" method="post">
-                        <button id="book-appointment-submit" type="button" class="btn btn-success">
+                        <button id="book-appointment-submit" type="button" class="btn btn-success" 
+                                style="background: <?= $main_color ?>; border-color: <?= $main_color ?>;">
                             <i class="fas fa-check-square mr-2"></i>
                             <?= ! $manage_mode ? lang('confirm') : lang('update') ?>
                         </button>
@@ -350,11 +351,11 @@ class="btn btn-danger btn-sm"><?= lang('delete') ?></button>
 
             <!-- FRAME FOOTER -->
 
-            <div id="frame-footer">
+            <div id="frame-footer" style="background: <?= $main_color ?>">
                 <small>
                     <span class="footer-powered-by">
                         Copyright
-                        <a href="https://easyappointments.org" target="_blank"> © 2020 車友趣</a>
+                        <a href="<?= $url ?>" target="_blank"> © 2020 <?= $chinese_name ?></a>
                         All rights reserved.
                     </span>
 
@@ -403,7 +404,8 @@ class="btn btn-danger btn-sm"><?= lang('delete') ?></button>
         customerData: <?= json_encode($customer_data) ?>,
         displayAnyProvider: <?= json_encode($display_any_provider) ?>,
         csrfToken: <?= json_encode($this->security->get_csrf_hash()) ?>,
-        lineLiff: '<?= Config::LINE_LIFF ?>'
+        lineLiff: '<?= Config::LINE_LIFF ?>',
+        mainColor: <?= json_encode($main_color) ?>
     };
 
     var EALang = <?= json_encode($this->lang->language) ?>;
@@ -420,8 +422,8 @@ class="btn btn-danger btn-sm"><?= lang('delete') ?></button>
 <script src="<?= asset_url('assets/ext/datejs/date.min.js') ?>"></script>
 <script src="<?= asset_url('assets/ext/moment/moment.min.js') ?>"></script>
 <script src="<?= asset_url('assets/ext/moment/moment-timezone-with-data.min.js') ?>"></script>
-<script src="<?= asset_url('assets/js/frontend_book_api.js?q=4234234235643') ?>"></script>
-<script src="<?= asset_url('assets/js/frontend_book.js?q=66545634535234') ?>"></script>
+<script src="<?= asset_url('assets/js/frontend_book_api.js?q=3213124124') ?>"></script>
+<script src="<?= asset_url('assets/js/frontend_book.js?q=45642341341') ?>"></script>
 
 <script>
     $(function () {
diff --git a/application/views/appointments/book_record.php b/application/views/appointments/book_record.php
new file mode 100644
index 0000000000..026d25eb29
--- /dev/null
+++ b/application/views/appointments/book_record.php
@@ -0,0 +1,133 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="theme-color" content="#35A768">
+
+    <title><?= lang('record_title') . ' ' . $company_name ?></title>
+    <script charset="utf-8" src="https://static.line-scdn.net/liff/edge/2/sdk.js"></script>
+    <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/ext/bootstrap/css/bootstrap.min.css') ?>">
+    <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/ext/jquery-ui/jquery-ui.min.css') ?>">
+    <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/ext/cookieconsent/cookieconsent.min.css') ?>">
+    <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/frontend.css') ?>">
+    <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/general.css') ?>">
+
+    <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') ?>">
+
+    <script src="<?= asset_url('assets/ext/fontawesome/js/fontawesome.min.js') ?>"></script>
+    <script src="<?= asset_url('assets/ext/fontawesome/js/solid.min.js') ?>"></script>
+</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">
+
+            <!-- FRAME TOP BAR -->
+            <div id="logo-background">
+                <img src="<?= $company_logo ?>">
+            </div>
+
+            <div id="header">
+                <img src="<?= $company_banner ?>">
+                <span id="service-title"><?= lang('appointment_record') ?></span> 
+            </div>
+
+            <!-- APPOINTMENT RECORD -->
+
+            <div id="wizard-frame-0" class="wizard-frame">
+                <div class="frame-container">
+                    <h2 class="frame-title"><?= lang('recent_record') ?></h2>
+                
+                    <div class="row frame-content">
+                        <div class="col">
+                            <div class="form-group">
+
+                                <div class="recordCard"></div>
+                                <div class="appointment-details col-12 col-md-6" 
+                                     style="margin-left: 3%; margin-top: 3%; margin-bottom: 3%"></div>
+
+                                <table class="table">
+                                    <thead>
+                                        <tr>
+                                        <th scope="col">#</th>
+                                        <th scope="col">預約時間</th>
+                                        <th scope="col" id="service">服務項目</th>
+                                        <th scope="col">狀態</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody></tbody>
+                                </table>
+                            </div>
+                        </div>
+                    </div>
+                    
+                </div>
+            </div>
+
+            <!-- FRAME FOOTER -->
+
+            <div id="frame-footer" style="background: <?= $main_color ?>">
+                <small>
+                    <span class="footer-powered-by">
+                        Copyright
+                        <a href="<?= $url ?>" target="_blank"> © 2020 <?= $chinese_name ?></a>
+                        All rights reserved.
+                    </span>
+
+                    <span class="footer-options">
+                        <span id="select-language" class="badge badge-secondary">
+                            <i class="fas fa-language mr-2"></i>
+                            <?= ucfirst(config('language')) ?>
+                        </span>
+
+                        <a class="backend-link badge badge-primary" style="display: none;" href="<?= site_url('backend'); ?>">
+                            <i class="fas fa-sign-in-alt mr-2"></i>
+                            <?= $this->session->user_id ? lang('backend_section') : lang('login') ?>
+                        </a>
+                    </span>
+                </small>
+            </div>
+
+        </div>
+    </div>
+</div>
+
+
+<script>
+    var GlobalVariables = {
+        baseUrl: <?= json_encode(config('base_url')) ?>,
+        csrfToken: <?= json_encode($this->security->get_csrf_hash()) ?>,
+        lineLiff: '<?= Config::LINE_LIFF ?>',
+    };
+
+    var EALang = <?= json_encode($this->lang->language) ?>;
+    var availableLanguages = <?= json_encode(config('available_languages')) ?>;
+</script>
+
+<script src="<?= asset_url('assets/js/general_functions.js') ?>"></script>
+<script src="<?= asset_url('assets/ext/jquery/jquery.min.js') ?>"></script>
+<script src="<?= asset_url('assets/ext/jquery-ui/jquery-ui.min.js') ?>"></script>
+<script src="<?= asset_url('assets/ext/cookieconsent/cookieconsent.min.js') ?>"></script>
+<script src="<?= asset_url('assets/ext/bootstrap/js/bootstrap.bundle.min.js') ?>"></script>
+<script src="<?= asset_url('assets/ext/popper/popper.min.js') ?>"></script>
+<script src="<?= asset_url('assets/ext/tippy/tippy-bundle.umd.min.js') ?>"></script>
+<script src="<?= asset_url('assets/ext/datejs/date.min.js') ?>"></script>
+<script src="<?= asset_url('assets/ext/moment/moment.min.js') ?>"></script>
+<script src="<?= asset_url('assets/ext/moment/moment-timezone-with-data.min.js') ?>"></script>
+<script src="<?= asset_url('assets/js/frontend_book_record_api.js?q=3213124124') ?>"></script>
+<script src="<?= asset_url('assets/js/frontend_book_record.js?q=45642341341') ?>"></script>
+
+<script>
+    $(function () {
+        FrontendBookRecord.initialize(true, GlobalVariables.manageMode);
+        GeneralFunctions.enableLanguageSelection($('#select-language'));
+    });
+</script>
+
+<?php google_analytics_script(); ?>
+</body>
+</html>
diff --git a/application/views/backend/footer.php b/application/views/backend/footer.php
index 6f8035ad38..34cd7b2aa9 100644
--- a/application/views/backend/footer.php
+++ b/application/views/backend/footer.php
@@ -1,9 +1,11 @@
 <div id="footer">
-    <div id="footer-content" class="col-12 col-sm-8">
-        Copyright © 2021 車友趣 All rights reserved.
+    <div id="footer-content" class="col-12 col-sm-8" style="background: <?= $main_color ?>">
+        Copyright 
+        <a href="<?= $url ?>" target="_blank"> © 2020 <?= $chinese_name ?></a>
+        All rights reserved.
     </div>
 
-    <div id="footer-user-display-name" class="col-12 col-sm-4">
+    <div id="footer-user-display-name" class="col-12 col-sm-4" style="background: <?= $main_color ?>">
         <?= lang('hello') . ', ' . $user_display_name ?>!
     </div>
 </div>
diff --git a/application/views/backend/header.php b/application/views/backend/header.php
index 10cb71969b..e2653477b9 100755
--- a/application/views/backend/header.php
+++ b/application/views/backend/header.php
@@ -41,8 +41,8 @@
 <nav id="header" class="navbar navbar-expand-md navbar-dark">
     <div id="header-logo" class="navbar-brand">
         <img src="<?= base_url('assets/img/logo.png') ?>">
-        <h6>Car2dude</h6>
-        <small>車輛保養維修最佳夥伴</small>
+        <h6><?= $chinese_name ?></h6>
+        <small><?= $description ?></small>
     </div>
 
     <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#header-menu">
diff --git a/application/views/backend/settings.php b/application/views/backend/settings.php
index 7cac88c111..ebb04570dd 100755
--- a/application/views/backend/settings.php
+++ b/application/views/backend/settings.php
@@ -128,6 +128,15 @@
                                     <?= lang('company_link_hint') ?>
                                 </span>
                             </div>
+
+                            <div class="form-group">
+                                <label for="remind-time"><?= lang('remind_time') ?> </label>
+                                <input id="remind-time" data-field="remind_time" class="required form-control">
+                                <span class="form-text text-muted">
+                                    <?= lang('remind_time_hint') ?>
+                                </span>
+                            </div>
+
                             <div class="form-group hidden">
                                 <label for="date-format">
                                     <?= lang('date_format') ?>
diff --git a/assets/css/backend.css b/assets/css/backend.css
index 48acda5668..d3f4f84277 100644
--- a/assets/css/backend.css
+++ b/assets/css/backend.css
@@ -83,7 +83,6 @@ root {
 }
 
 #footer {
-    background-color: #FF7E35;
     border-top: 1px solid #DDD;
     color: #fff;
     font-size: 11px;
diff --git a/assets/css/frontend.css b/assets/css/frontend.css
index 06a65047e3..dca13282c1 100644
--- a/assets/css/frontend.css
+++ b/assets/css/frontend.css
@@ -127,7 +127,7 @@ body {
 
 #book-appointment-wizard .wizard-frame .command-buttons .btn {
     min-width: 120px;
-    margin-right: 10px;
+    margin-left: 10px;
 }
 
 #book-appointment-wizard .wizard-frame .command-buttons .btn-success{
@@ -210,12 +210,10 @@ body {
 #book-appointment-wizard #frame-footer {
     padding: 15px;
     text-align: center;
-    
-    border-top: 1px solid #ebeef1;
-    background: #FF7E35;
-    
+    border-top: 1px solid #ebeef1;    
 }
 
+
 #book-appointment-wizard #frame-footer .footer-powered-by {
     color: #ebeef1;
 }
@@ -308,6 +306,13 @@ body {
     border-color:#1F4E75;
 }
 
+#book-appointment-wizard #wizard-frame-0 label {
+    font-size: 20px;
+    margin-bottom: 12px;
+    color: #1F4E75;
+    padding-left: 30px;
+}
+
 #book-appointment-wizard #wizard-frame-1 label {
     font-size: 20px;
     margin-bottom: 12px;
@@ -392,7 +397,7 @@ body {
     #book-appointment-wizard #steps {
         display: inline-block;
         float: none;
-        margin: 10px 265px;
+        margin: 10px 265px
     }
 
     #book-appointment-wizard .wizard-frame {
diff --git a/assets/js/backend_calendar_api.js b/assets/js/backend_calendar_api.js
index 6e00d27ae9..ded3b731e5 100755
--- a/assets/js/backend_calendar_api.js
+++ b/assets/js/backend_calendar_api.js
@@ -35,10 +35,19 @@ window.BackendCalendarApi = window.BackendCalendarApi || {};
      */
     exports.saveAppointment = function (appointment, customer, successCallback, errorCallback) {
         var url = GlobalVariables.baseUrl + '/index.php/backend_api/ajax_save_appointment';
+        
+        var is_notification = is_notification || 1;
+        if (confirm("是否要傳送line-message給客戶？")) {
+            alert('已傳送！');
+        } else {
+            alert('已取消傳送！');
+            is_notification = 0;
+        }
 
         var data = {
             csrfToken: GlobalVariables.csrfToken,
-            appointment_data: JSON.stringify(appointment)
+            appointment_data: JSON.stringify(appointment),
+            is_notification: is_notification,
         };
 
         if (customer) {
diff --git a/assets/js/backend_calendar_default_view.js b/assets/js/backend_calendar_default_view.js
index 0833aa87be..399b77123b 100755
--- a/assets/js/backend_calendar_default_view.js
+++ b/assets/js/backend_calendar_default_view.js
@@ -210,12 +210,22 @@ window.BackendCalendarDefaultView = window.BackendCalendarDefaultView || {};
                     {
                         text: 'OK',
                         click: function () {
+
+                            var is_notification = is_notification || 1;
+                            if (confirm("是否要傳送line-message給客戶？")) {
+                                alert('已傳送！');
+                            } else {
+                                alert('已取消傳送！');
+                                is_notification = 0;
+                            }
+
                             url = GlobalVariables.baseUrl + '/index.php/backend_api/ajax_delete_appointment';
 
                             data = {
                                 csrfToken: GlobalVariables.csrfToken,
                                 appointment_id: lastFocusedEventData.data.id,
-                                delete_reason: $('#delete-reason').val()
+                                delete_reason: $('#delete-reason').val(),
+                                is_notification: is_notification,
                             };
 
                             $.post(url, data)
@@ -260,7 +270,7 @@ window.BackendCalendarDefaultView = window.BackendCalendarDefaultView || {};
         /**
          * Event: Function Aduit Appointment Situation
          */
-        function triggerApproveEvent(situation){
+        function triggerApproveEvent(situation,){
             var auditAppointment = lastFocusedEventData.data;
             var appointment = {
                 id: lastFocusedEventData.data.id,
@@ -272,7 +282,7 @@ window.BackendCalendarDefaultView = window.BackendCalendarDefaultView || {};
                 location: lastFocusedEventData.data.location,
                 notes: lastFocusedEventData.data.notes,
                 is_unavailable: false,
-                situation: situation
+                situation: situation,
             };
             
             var customer = {
@@ -310,7 +320,6 @@ window.BackendCalendarDefaultView = window.BackendCalendarDefaultView || {};
          */
          $calendarPage.on('click', '.refuse-popover', function () {
             $(this).parents('.popover').popover('dispose');
-
             var situation = 2;
             triggerApproveEvent(situation);
         });
@@ -322,7 +331,6 @@ window.BackendCalendarDefaultView = window.BackendCalendarDefaultView || {};
          */
          $calendarPage.on('click', '.pass-popover', function () {
             $(this).parents('.popover').popover('dispose');
-
             var situation = 1;
             triggerApproveEvent(situation);
         });
diff --git a/assets/js/frontend_book.js b/assets/js/frontend_book.js
index a9e7215a4b..8b3510d5d7 100644
--- a/assets/js/frontend_book.js
+++ b/assets/js/frontend_book.js
@@ -56,7 +56,7 @@ window.FrontendBook = window.FrontendBook || {};
     exports.initialize = function (defaultEventHandlers, manageMode) {
         defaultEventHandlers = defaultEventHandlers || true;
         manageMode = manageMode || false;
-
+        
         liff
         .init({ liffId: GlobalVariables.lineLiff })
         .then(() => {
@@ -70,6 +70,7 @@ window.FrontendBook = window.FrontendBook || {};
                 $('#lineuserid').val(userid);
                 $('#first-name').val(firstName);
                 $('#last-name').val(lastName);
+                FrontendBookApi.getCustomerData(userid);
             })
             .catch((err) => {
                 // alert('error');
@@ -249,6 +250,7 @@ window.FrontendBook = window.FrontendBook || {};
                     var imageUrl = (service.image && service.image.length > 0) ? 
                         service.image :
                         `${protocol}//${host}/assets/img/service_title.png`;
+                    var targetMainColor = GlobalVariables.mainColor;    
 
                     $('#serviceCard').append(`
                         <div class="service-card">
@@ -264,7 +266,7 @@ window.FrontendBook = window.FrontendBook || {};
                                 <span class="service-time">${service.duration/60} 小時</span>
                             </div>
                             <div class="command-buttons service-button">
-                                <button type="button" data-service-id="${service.id}" class="button-next-service btn button-next service-next" data-step_index="1">
+                                <button type="button" data-service-id="${service.id}" class="button-next-service btn button-next service-next" data-step_index="1" style="background: ${targetMainColor}; border-color: ${targetMainColor};">
                                     選擇                                    
                                     <svg class="svg-inline--fa fa-chevron-right fa-w-10 ml-2" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path></svg><!-- <i class="fas fa-chevron-right ml-2"></i> Font Awesome fontawesome.com -->
                                 </button>
diff --git a/assets/js/frontend_book_api.js b/assets/js/frontend_book_api.js
index 7db06a630b..2755aa1566 100755
--- a/assets/js/frontend_book_api.js
+++ b/assets/js/frontend_book_api.js
@@ -345,4 +345,28 @@ window.FrontendBookApi = window.FrontendBookApi || {};
             });
     };
 
+    /**
+     * 
+     */
+    exports.getCustomerData = function (lineUserId){
+        var url = GlobalVariables.baseUrl + '/index.php/customer/send_customer_to_appoiment';
+        var data = {
+            csrfToken: GlobalVariables.csrfToken,
+            lineUserId: lineUserId,
+        };
+
+        // ajax
+        $.post(url, data)
+            .done(function (response) {
+                if (response) {
+
+                    $('#first-name').val(response.first_name);
+                    $('#last-name').val(response.last_name);
+                    $('#phone-number').val(response.phone_number);
+                    $('#email').val(response.email);
+                }
+            });
+
+    }
+
 })(window.FrontendBookApi);
diff --git a/assets/js/frontend_book_record.js b/assets/js/frontend_book_record.js
new file mode 100644
index 0000000000..7eae887c8b
--- /dev/null
+++ b/assets/js/frontend_book_record.js
@@ -0,0 +1,58 @@
+window.FrontendBookRecord = window.FrontendBookRecord || {};
+
+(function (exports) {
+
+    'use strict';
+
+    exports.initialize = function (defaultEventHandlers, manageMode) {
+        defaultEventHandlers = defaultEventHandlers || true;
+        manageMode = manageMode || false;
+
+        liff
+        .init({ liffId: GlobalVariables.lineLiff })
+        .then(() => {
+            liff.getProfile()
+            .then(profile => {
+                const userid = profile.userId;
+                FrontendBookRecordApi.getCustomerAppointments(userid);
+            })
+            .catch((err) => {
+                // alert('error');
+            });
+        })
+        .catch((error) => {
+            console.log(error)
+        })
+
+        if (GlobalVariables.displayCookieNotice) {
+            cookieconsent.initialise({
+                palette: {
+                    popup: {
+                        background: '#ffffffbd',
+                        text: '#666666'
+                    },
+                    button: {
+                        background: '#429a82',
+                        text: '#ffffff'
+                    }
+                },
+                content: {
+                    message: EALang.website_using_cookies_to_ensure_best_experience,
+                    dismiss: 'OK'
+                },
+            });
+
+            $('.cc-link').replaceWith(
+                $('<a/>', {
+                    'data-toggle': 'modal',
+                    'data-target': '#cookie-notice-modal',
+                    'href': '#',
+                    'class': 'cc-link',
+                    'text': $('.cc-link').text()
+                })
+            );
+        }
+        
+    };
+
+})(window.FrontendBookRecord);
diff --git a/assets/js/frontend_book_record_api.js b/assets/js/frontend_book_record_api.js
new file mode 100644
index 0000000000..91fcc53cda
--- /dev/null
+++ b/assets/js/frontend_book_record_api.js
@@ -0,0 +1,62 @@
+window.FrontendBookRecordApi = window.FrontendBookRecordApi || {};
+
+(function (exports) {
+
+    'use strict';
+
+    exports.getCustomerAppointments = function (lineUserId){
+        var url = GlobalVariables.baseUrl + '/index.php/record/get_appointments_from_line_id';
+        var data = {
+            csrfToken: GlobalVariables.csrfToken,
+            lineUserId: lineUserId,
+        };
+
+        // ajax
+        $.post(url, data)
+            .done(function (response) {
+                var a = response.shift();
+                $('.recordCard').empty();        
+                var protocol = location.protocol;
+                var host = location.host;
+                var imageUrl = (a.image && a.image.length > 0) ? a.image : `${protocol}//${host}/assets/img/service_title.png`;
+                var card = `<div class="service-card">
+                                <div class="img-style">
+                                    <img class="img-fluid" src="${imageUrl}">
+                                </div>
+                                <span class="service-name">${a.name}</span>
+                                <div class="word">
+                                    <span>簡介</span> 
+                                </div>
+                                <div class="text-wrap">
+                                    <span class="service-price">$ ${a.price}</span>
+                                    <span class="service-time">${a.duration} 分鐘</span>
+                                </div>
+                            </div>`;
+                $('.recordCard').html(card);
+
+                $('.appointment-details').empty();
+                var detail =`<div>
+                                <div class="word">
+                                    <span>預約時間 : ${a.start_datetime} - ${a.end_datetime.replace(/^\d{4}\-(0?[1-9]|1[012])\-(0?[1-9]|[12][0-9]|3[01])\s/ig, '')}</span> 
+                                </div>
+                                <div class="word">
+                                    <span>狀態 : ${a.situation == 1 ? '審核通過' : '待審核'}</span> 
+                                </div>
+                            </div>`;
+                $('.appointment-details').html(detail);
+
+                var html = '';
+                response.forEach(function(response, idx)
+                {
+                    html += `<tr>
+                                <td>${response.book_datetime}</td>                                    
+                                <td>${response.start_datetime} - ${response.end_datetime.replace(/^\d{4}\-(0?[1-9]|1[012])\-(0?[1-9]|[12][0-9]|3[01])\s/ig, '')}</td>
+                                <td>${response.name}</td>
+                                <td>${response.situation == 1 ? '審核通過' : '待審核'}</td>
+                            </tr> `;
+                });
+                $('.table tbody').html(html);
+            });
+    }
+
+})(window.FrontendBookRecordApi);
\ No newline at end of file
diff --git a/docker/docker-compose.yml b/docker/docker-compose.yml
index 98c3173afa..93894748ad 100644
--- a/docker/docker-compose.yml
+++ b/docker/docker-compose.yml
@@ -20,3 +20,9 @@ services:
         volumes:
             - ../:/var/www/html
             - ./server/php.ini:/usr/local/etc/php/conf.d/99-overrides.ini
+    cron:
+        image: easyappointments-server:v1
+        entrypoint: /bin/bash
+        command: ["cron"]
+        volumes:
+            - ./log/cron/cron.log:/var/log/cron/cron.log
\ No newline at end of file
diff --git a/docker/log/cron/cron.log b/docker/log/cron/cron.log
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/docker/server/Dockerfile b/docker/server/Dockerfile
index b5ef938eff..94d2baa176 100644
--- a/docker/server/Dockerfile
+++ b/docker/server/Dockerfile
@@ -11,7 +11,22 @@ RUN apt-get update && apt-get install -y \
     && docker-php-ext-configure gd --with-freetype --with-jpeg \
     && docker-php-ext-install -j$(nproc) gd gettext mysqli pdo_mysql
 
+# installing cron package
+RUN apt-get -y install cron
+
 RUN pecl install xdebug \
     && docker-php-ext-enable xdebug
 
 RUN a2enmod rewrite
+
+# Create the log file to be able to run tail
+RUN mkdir -p /var/log/cron
+
+# Copy cron file to the cron.d directory
+COPY crontab /etc/cron.d/crontab
+
+# Give execution rights on the cron job
+RUN chmod 0644 /etc/cron.d/crontab
+
+# Apply cron job
+RUN crontab /etc/cron.d/crontab
diff --git a/docker/server/crontab b/docker/server/crontab
new file mode 100644
index 0000000000..fbaaea2560
--- /dev/null
+++ b/docker/server/crontab
@@ -0,0 +1 @@
+* * * * * echo "1" > /var/log/cron/cron.log 2>&1
diff --git a/sql/20220511_ea_host.sql b/sql/20220511_ea_host.sql
new file mode 100644
index 0000000000..c84b4facec
--- /dev/null
+++ b/sql/20220511_ea_host.sql
@@ -0,0 +1,15 @@
+CREATE TABLE `ea_host` (
+  `id` int(11) unsigned NOT NULL AUTO_INCREMENT,
+  `name` varchar(256) DEFAULT NULL,
+  `value` varchar(256) DEFAULT NULL,
+  PRIMARY KEY (`id`)
+) ENGINE=InnoDB AUTO_INCREMENT=2 DEFAULT CHARSET=utf8mb4;
+
+INSERT INTO `ea_host` (`id`, `name`, `value`) VALUES ('1', 'chinese_name', '車友趣');
+INSERT INTO `ea_host` (`id`, `name`, `value`) VALUES ('2', 'english_name', 'car2dude');
+INSERT INTO `ea_host` (`id`, `name`, `value`) VALUES ('3', 'url', 'https://www.car2dude.com/');
+INSERT INTO `ea_host` (`id`, `name`, `value`) VALUES ('4', 'logo', 'https://reserve.car2dude.com/assets/img/logo.png');
+INSERT INTO `ea_host` (`id`, `name`, `value`) VALUES ('5', 'description', '車輛保養維修最佳夥伴');
+INSERT INTO `ea_host` (`id`, `name`, `value`) VALUES ('6', 'main_color', '#ff7e35');
+INSERT INTO `ea_host` (`id`, `name`, `value`) VALUES ('7', 'secondary_color', NULL);
+INSERT INTO `ea_host` (`id`, `name`, `value`) VALUES ('8', 'logo', NULL);
\ No newline at end of file
diff --git a/sql/20220513_settings.sql b/sql/20220513_settings.sql
new file mode 100644
index 0000000000..f010cd3282
--- /dev/null
+++ b/sql/20220513_settings.sql
@@ -0,0 +1 @@
+INSERT INTO `ea_settings` (`id`, `name`, `value`) VALUES ('24', 'remind_time', '3');
\ No newline at end of file
diff --git a/sql/20220517_is_notification.sql b/sql/20220517_is_notification.sql
new file mode 100644
index 0000000000..80e71d2bd0
--- /dev/null
+++ b/sql/20220517_is_notification.sql
@@ -0,0 +1 @@
+ALTER TABLE `ea_appointments` ADD `is_notification` INT(11)  NULL  DEFAULT '0' NULL  AFTER `situation`;