@ -0,0 +1,42 @@ | 
				
			|||||
 | 
					.. image:: https://img.shields.io/badge/License-AGPL--3-blue.svg | 
				
			||||
 | 
					    :target: https://www.gnu.org/licenses/agpl-3.0-standalone.html | 
				
			||||
 | 
					    :alt: License: AGPL-3 | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					Table Reservation in POS | 
				
			||||
 | 
					======================== | 
				
			||||
 | 
					Helps to reserve table in POS with reservation details. | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					License | 
				
			||||
 | 
					------- | 
				
			||||
 | 
					Affero General Public License v3.0 (AGPL v3) | 
				
			||||
 | 
					(http://www.gnu.org/licenses/agpl-3.0-standalone.html) | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					Company | 
				
			||||
 | 
					------- | 
				
			||||
 | 
					* `Cybrosys Techno Solutions <https://cybrosys.com/>`__ | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					Credits | 
				
			||||
 | 
					------- | 
				
			||||
 | 
					Developer: (V18) Abbas P, Contact: odoo@cybrosys.com | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					Contacts | 
				
			||||
 | 
					-------- | 
				
			||||
 | 
					* Mail Contact : odoo@cybrosys.com | 
				
			||||
 | 
					* Website : https://cybrosys.com | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					Bug Tracker | 
				
			||||
 | 
					----------- | 
				
			||||
 | 
					Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported. | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					Maintainer | 
				
			||||
 | 
					========== | 
				
			||||
 | 
					.. image:: https://cybrosys.com/images/logo.png | 
				
			||||
 | 
					   :target: https://cybrosys.com | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					This module is maintained by Cybrosys Technologies. | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					For support and more information, please visit `Our Website <https://cybrosys.com/>`__ | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					Further information | 
				
			||||
 | 
					=================== | 
				
			||||
 | 
					HTML Description: `<static/description/index.html>`__ | 
				
			||||
@ -0,0 +1,22 @@ | 
				
			|||||
 | 
					# -*- coding: utf-8 -*- | 
				
			||||
 | 
					################################################################################ | 
				
			||||
 | 
					# | 
				
			||||
 | 
					#    Cybrosys Technologies Pvt. Ltd. | 
				
			||||
 | 
					# | 
				
			||||
 | 
					#    Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>). | 
				
			||||
 | 
					#    Author: Abbas(odoo@cybrosys.com) | 
				
			||||
 | 
					# | 
				
			||||
 | 
					#    You can modify it under the terms of the GNU AFFERO | 
				
			||||
 | 
					#    GENERAL PUBLIC LICENSE (AGPL v3), Version 3. | 
				
			||||
 | 
					# | 
				
			||||
 | 
					#    This program is distributed in the hope that it will be useful, | 
				
			||||
 | 
					#    but WITHOUT ANY WARRANTY; without even the implied warranty of | 
				
			||||
 | 
					#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the | 
				
			||||
 | 
					#    GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details. | 
				
			||||
 | 
					# | 
				
			||||
 | 
					#    You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE | 
				
			||||
 | 
					#    (AGPL v3) along with this program. | 
				
			||||
 | 
					#    If not, see <http://www.gnu.org/licenses/>. | 
				
			||||
 | 
					# | 
				
			||||
 | 
					################################################################################ | 
				
			||||
 | 
					from . import models | 
				
			||||
@ -0,0 +1,51 @@ | 
				
			|||||
 | 
					# -*- coding: utf-8 -*- | 
				
			||||
 | 
					################################################################################ | 
				
			||||
 | 
					# | 
				
			||||
 | 
					#    Cybrosys Technologies Pvt. Ltd. | 
				
			||||
 | 
					# | 
				
			||||
 | 
					#    Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>). | 
				
			||||
 | 
					#    Author: Abbas(odoo@cybrosys.com) | 
				
			||||
 | 
					# | 
				
			||||
 | 
					#    You can modify it under the terms of the GNU AFFERO | 
				
			||||
 | 
					#    GENERAL PUBLIC LICENSE (AGPL v3), Version 3. | 
				
			||||
 | 
					# | 
				
			||||
 | 
					#    This program is distributed in the hope that it will be useful, | 
				
			||||
 | 
					#    but WITHOUT ANY WARRANTY; without even the implied warranty of | 
				
			||||
 | 
					#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the | 
				
			||||
 | 
					#    GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details. | 
				
			||||
 | 
					# | 
				
			||||
 | 
					#    You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE | 
				
			||||
 | 
					#    (AGPL v3) along with this program. | 
				
			||||
 | 
					#    If not, see <http://www.gnu.org/licenses/>. | 
				
			||||
 | 
					# | 
				
			||||
 | 
					################################################################################ | 
				
			||||
 | 
					{ | 
				
			||||
 | 
					    'name': "Table Reservation in POS", | 
				
			||||
 | 
					    'version': '18.0.1.0.0', | 
				
			||||
 | 
					    'category': 'Point of Sale', | 
				
			||||
 | 
					    'summary': """The Table Reservation in Pos module is used to facilitate | 
				
			||||
 | 
					    the management of reservations""", | 
				
			||||
 | 
					    'description': 'The Table Reservation in Pos module is a comprehensive' | 
				
			||||
 | 
					                   ' solution that combines reservation management with the ' | 
				
			||||
 | 
					                   'functionality of a reserve table in POS system.', | 
				
			||||
 | 
					    'author': 'Cybrosys Techno Solutions', | 
				
			||||
 | 
					    'company': 'Cybrosys Techno Solutions', | 
				
			||||
 | 
					    'maintainer': 'Cybrosys Techno Solutions', | 
				
			||||
 | 
					    'website': 'https://www.cybrosys.com', | 
				
			||||
 | 
					    'images': ['static/description/banner.png'], | 
				
			||||
 | 
					    'license': 'AGPL-3', | 
				
			||||
 | 
					    'depends': ['pos_restaurant'], | 
				
			||||
 | 
					    'data': [ | 
				
			||||
 | 
					        'views/res_config_settings_views.xml', | 
				
			||||
 | 
					    ], | 
				
			||||
 | 
					    'assets': { | 
				
			||||
 | 
					        'point_of_sale._assets_pos': [ | 
				
			||||
 | 
					            'table_reservation_in_pos/static/src/xml/*', | 
				
			||||
 | 
					            'table_reservation_in_pos/static/src/js/*', | 
				
			||||
 | 
					            'table_reservation_in_pos/static/src/scss/*', | 
				
			||||
 | 
					        ], | 
				
			||||
 | 
					    }, | 
				
			||||
 | 
					    'installable': True, | 
				
			||||
 | 
					    'auto_install': False, | 
				
			||||
 | 
					    'application': False, | 
				
			||||
 | 
					} | 
				
			||||
@ -0,0 +1,6 @@ | 
				
			|||||
 | 
					## Module <table_reservation_in_pos> | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					#### 15.02.2025 | 
				
			||||
 | 
					#### Version 18.0.1.0.0 | 
				
			||||
 | 
					#### ADD | 
				
			||||
 | 
					- Initial commit for Table Reservation in POS | 
				
			||||
@ -0,0 +1,24 @@ | 
				
			|||||
 | 
					# -*- coding: utf-8 -*- | 
				
			||||
 | 
					################################################################################ | 
				
			||||
 | 
					# | 
				
			||||
 | 
					#    Cybrosys Technologies Pvt. Ltd. | 
				
			||||
 | 
					# | 
				
			||||
 | 
					#    Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>). | 
				
			||||
 | 
					#    Author: Abbas(odoo@cybrosys.com) | 
				
			||||
 | 
					# | 
				
			||||
 | 
					#    You can modify it under the terms of the GNU AFFERO | 
				
			||||
 | 
					#    GENERAL PUBLIC LICENSE (AGPL v3), Version 3. | 
				
			||||
 | 
					# | 
				
			||||
 | 
					#    This program is distributed in the hope that it will be useful, | 
				
			||||
 | 
					#    but WITHOUT ANY WARRANTY; without even the implied warranty of | 
				
			||||
 | 
					#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the | 
				
			||||
 | 
					#    GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details. | 
				
			||||
 | 
					# | 
				
			||||
 | 
					#    You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE | 
				
			||||
 | 
					#    (AGPL v3) along with this program. | 
				
			||||
 | 
					#    If not, see <http://www.gnu.org/licenses/>. | 
				
			||||
 | 
					# | 
				
			||||
 | 
					################################################################################ | 
				
			||||
 | 
					from . import pos_config | 
				
			||||
 | 
					from . import res_config_settings | 
				
			||||
 | 
					from . import restaurant_table | 
				
			||||
@ -0,0 +1,31 @@ | 
				
			|||||
 | 
					# -*- coding: utf-8 -*- | 
				
			||||
 | 
					################################################################################ | 
				
			||||
 | 
					# | 
				
			||||
 | 
					#    Cybrosys Technologies Pvt. Ltd. | 
				
			||||
 | 
					# | 
				
			||||
 | 
					#    Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>). | 
				
			||||
 | 
					#    Author: Abbas(odoo@cybrosys.com) | 
				
			||||
 | 
					# | 
				
			||||
 | 
					#    You can modify it under the terms of the GNU AFFERO | 
				
			||||
 | 
					#    GENERAL PUBLIC LICENSE (AGPL v3), Version 3. | 
				
			||||
 | 
					# | 
				
			||||
 | 
					#    This program is distributed in the hope that it will be useful, | 
				
			||||
 | 
					#    but WITHOUT ANY WARRANTY; without even the implied warranty of | 
				
			||||
 | 
					#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the | 
				
			||||
 | 
					#    GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details. | 
				
			||||
 | 
					# | 
				
			||||
 | 
					#    You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE | 
				
			||||
 | 
					#    (AGPL v3) along with this program. | 
				
			||||
 | 
					#    If not, see <http://www.gnu.org/licenses/>. | 
				
			||||
 | 
					# | 
				
			||||
 | 
					################################################################################ | 
				
			||||
 | 
					from odoo import fields, models | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					class PosConfig(models.Model): | 
				
			||||
 | 
					    """ The class PosConfig is used to add new field in | 
				
			||||
 | 
					         pos.config """ | 
				
			||||
 | 
					    _inherit = 'pos.config' | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					    table_reservation = fields.Boolean(string='Table Reservation', | 
				
			||||
 | 
					                                        help='Enable for adding reservation') | 
				
			||||
@ -0,0 +1,38 @@ | 
				
			|||||
 | 
					# -*- coding: utf-8 -*- | 
				
			||||
 | 
					################################################################################ | 
				
			||||
 | 
					# | 
				
			||||
 | 
					#    Cybrosys Technologies Pvt. Ltd. | 
				
			||||
 | 
					# | 
				
			||||
 | 
					#    Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>). | 
				
			||||
 | 
					#    Author: Abbas(odoo@cybrosys.com) | 
				
			||||
 | 
					# | 
				
			||||
 | 
					#    You can modify it under the terms of the GNU AFFERO | 
				
			||||
 | 
					#    GENERAL PUBLIC LICENSE (AGPL v3), Version 3. | 
				
			||||
 | 
					# | 
				
			||||
 | 
					#    This program is distributed in the hope that it will be useful, | 
				
			||||
 | 
					#    but WITHOUT ANY WARRANTY; without even the implied warranty of | 
				
			||||
 | 
					#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the | 
				
			||||
 | 
					#    GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details. | 
				
			||||
 | 
					# | 
				
			||||
 | 
					#    You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE | 
				
			||||
 | 
					#    (AGPL v3) along with this program. | 
				
			||||
 | 
					#    If not, see <http://www.gnu.org/licenses/>. | 
				
			||||
 | 
					# | 
				
			||||
 | 
					################################################################################ | 
				
			||||
 | 
					from odoo import fields, models | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					class PosSettings(models.TransientModel): | 
				
			||||
 | 
					    """ The class PosSettings is used to add new field in | 
				
			||||
 | 
					             res.config.settings """ | 
				
			||||
 | 
					    _inherit = 'res.config.settings' | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					    table_reservation = fields.Boolean(string="Table Reservation", | 
				
			||||
 | 
					                                        related= | 
				
			||||
 | 
					                                        'pos_config_id.table_reservation', | 
				
			||||
 | 
					                                        readonly=False, | 
				
			||||
 | 
					                                        help='Enable reservation' | 
				
			||||
 | 
					                                             ' for adding reservation', | 
				
			||||
 | 
					                                        config_parameter= | 
				
			||||
 | 
					                                        'table_reservation_in_pos.' | 
				
			||||
 | 
					                                        'table_reservation') | 
				
			||||
@ -0,0 +1,51 @@ | 
				
			|||||
 | 
					# -*- coding: utf-8 -*- | 
				
			||||
 | 
					################################################################################ | 
				
			||||
 | 
					# | 
				
			||||
 | 
					#    Cybrosys Technologies Pvt. Ltd. | 
				
			||||
 | 
					# | 
				
			||||
 | 
					#    Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>). | 
				
			||||
 | 
					#    Author: Abbas(odoo@cybrosys.com) | 
				
			||||
 | 
					# | 
				
			||||
 | 
					#    You can modify it under the terms of the GNU AFFERO | 
				
			||||
 | 
					#    GENERAL PUBLIC LICENSE (AGPL v3), Version 3. | 
				
			||||
 | 
					# | 
				
			||||
 | 
					#    This program is distributed in the hope that it will be useful, | 
				
			||||
 | 
					#    but WITHOUT ANY WARRANTY; without even the implied warranty of | 
				
			||||
 | 
					#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the | 
				
			||||
 | 
					#    GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details. | 
				
			||||
 | 
					# | 
				
			||||
 | 
					#    You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE | 
				
			||||
 | 
					#    (AGPL v3) along with this program. | 
				
			||||
 | 
					#    If not, see <http://www.gnu.org/licenses/>. | 
				
			||||
 | 
					# | 
				
			||||
 | 
					################################################################################ | 
				
			||||
 | 
					from odoo import api, fields, models | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					class RestaurantTable(models.Model): | 
				
			||||
 | 
					    """ The class RestaurantTable is used to add new fields in | 
				
			||||
 | 
					     restaurant_table """ | 
				
			||||
 | 
					    _inherit = 'restaurant.table' | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					    reserved = fields.Boolean(string='Reserved', default=False, | 
				
			||||
 | 
					                              help='Is Reserved or not') | 
				
			||||
 | 
					    reservation_details = fields.Text(string='Reservation Details', | 
				
			||||
 | 
					                                      help='View the reservation details') | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					    @api.model | 
				
			||||
 | 
					    def _load_pos_data_fields(self, config_id): | 
				
			||||
 | 
					        fields = super(RestaurantTable, self)._load_pos_data_fields(config_id) | 
				
			||||
 | 
					        fields.extend(['reserved', 'reservation_details']) | 
				
			||||
 | 
					        return fields | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					    def reserve_table(self, details): | 
				
			||||
 | 
					        """for reserve table with reservation details""" | 
				
			||||
 | 
					        for table in self: | 
				
			||||
 | 
					            table.reserved = True | 
				
			||||
 | 
					            table.reservation_details = details | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					    def un_reserve_table(self): | 
				
			||||
 | 
					        """for un reserve table""" | 
				
			||||
 | 
					        for table in self: | 
				
			||||
 | 
					            table.reserved = False | 
				
			||||
 | 
					            table.reservation_details = '' | 
				
			||||
| 
		 After Width: | Height: | Size: 2.2 KiB  | 
| 
		 After Width: | Height: | Size: 28 KiB  | 
| 
		 After Width: | Height: | Size: 628 KiB  | 
| 
		 After Width: | Height: | Size: 1.1 KiB  | 
| 
		 After Width: | Height: | Size: 210 KiB  | 
| 
		 After Width: | Height: | Size: 209 KiB  | 
| 
		 After Width: | Height: | Size: 109 KiB  | 
| 
		 After Width: | Height: | Size: 495 B  | 
| 
		 After Width: | Height: | Size: 1.0 KiB  | 
| 
		 After Width: | Height: | Size: 624 B  | 
| 
		 After Width: | Height: | Size: 136 KiB  | 
| 
		 After Width: | Height: | Size: 214 KiB  | 
| 
		 After Width: | Height: | Size: 36 KiB  | 
| 
		 After Width: | Height: | Size: 3.6 KiB  | 
| 
		 After Width: | Height: | Size: 310 B  | 
| 
		 After Width: | Height: | Size: 929 B  | 
| 
		 After Width: | Height: | Size: 1.3 KiB  | 
| 
		 After Width: | Height: | Size: 3.3 KiB  | 
| 
		 After Width: | Height: | Size: 1.4 KiB  | 
| 
		 After Width: | Height: | Size: 17 KiB  | 
| 
		 After Width: | Height: | Size: 542 B  | 
| 
		 After Width: | Height: | Size: 576 B  | 
| 
		 After Width: | Height: | Size: 733 B  | 
| 
		 After Width: | Height: | Size: 4.3 KiB  | 
| 
		 After Width: | Height: | Size: 1.2 KiB  | 
| 
		 After Width: | Height: | Size: 4.0 KiB  | 
| 
		 After Width: | Height: | Size: 1.7 KiB  | 
| 
		 After Width: | Height: | Size: 181 KiB  | 
| 
		 After Width: | Height: | Size: 2.2 KiB  | 
| 
		 After Width: | Height: | Size: 911 B  | 
| 
		 After Width: | Height: | Size: 1.1 KiB  | 
| 
		 After Width: | Height: | Size: 1.2 KiB  | 
| 
		 After Width: | Height: | Size: 1.2 KiB  | 
| 
		 After Width: | Height: | Size: 600 B  | 
| 
		 After Width: | Height: | Size: 673 B  | 
| 
		 After Width: | Height: | Size: 2.0 KiB  | 
| 
		 After Width: | Height: | Size: 462 B  | 
| 
		 After Width: | Height: | Size: 2.1 KiB  | 
| 
		 After Width: | Height: | Size: 926 B  | 
| 
		 After Width: | Height: | Size: 9.0 KiB  | 
| 
		 After Width: | Height: | Size: 23 KiB  | 
| 
		 After Width: | Height: | Size: 7.0 KiB  | 
| 
		 After Width: | Height: | Size: 878 B  | 
| 
		 After Width: | Height: | Size: 1.2 KiB  | 
| 
		 After Width: | Height: | Size: 653 B  | 
| 
		 After Width: | Height: | Size: 800 B  | 
| 
		 After Width: | Height: | Size: 905 B  | 
| 
		 After Width: | Height: | Size: 189 KiB  | 
| 
		 After Width: | Height: | Size: 4.3 KiB  | 
| 
		 After Width: | Height: | Size: 839 B  | 
| 
		 After Width: | Height: | Size: 1.7 KiB  | 
| 
		 After Width: | Height: | Size: 5.9 KiB  | 
| 
		 After Width: | Height: | Size: 1.6 KiB  | 
| 
		 After Width: | Height: | Size: 34 KiB  | 
| 
		 After Width: | Height: | Size: 26 KiB  | 
| 
		 After Width: | Height: | Size: 3.8 KiB  | 
| 
		 After Width: | Height: | Size: 23 KiB  | 
| 
		 After Width: | Height: | Size: 1.9 KiB  | 
| 
		 After Width: | Height: | Size: 2.3 KiB  | 
| 
		 After Width: | Height: | Size: 427 B  | 
| 
		 After Width: | Height: | Size: 627 B  | 
| 
		 After Width: | Height: | Size: 1.1 KiB  | 
| 
		 After Width: | Height: | Size: 1.2 KiB  | 
| 
		 After Width: | Height: | Size: 988 B  | 
| 
		 After Width: | Height: | Size: 3.7 KiB  | 
| 
		 After Width: | Height: | Size: 5.0 KiB  | 
| 
		 After Width: | Height: | Size: 875 B  | 
| 
		 After Width: | Height: | Size: 1.2 KiB  | 
| 
		 After Width: | Height: | Size: 767 KiB  | 
| 
		 After Width: | Height: | Size: 138 KiB  | 
| 
		 After Width: | Height: | Size: 760 KiB  | 
| 
		 After Width: | Height: | Size: 92 KiB  | 
| 
		 After Width: | Height: | Size: 697 KiB  | 
| 
		 After Width: | Height: | Size: 1.1 MiB  | 
| 
		 After Width: | Height: | Size: 144 KiB  | 
| 
		 After Width: | Height: | Size: 264 KiB  | 
| 
		 After Width: | Height: | Size: 186 KiB  | 
| 
		 After Width: | Height: | Size: 263 KiB  | 
| 
		 After Width: | Height: | Size: 210 KiB  | 
| 
		 After Width: | Height: | Size: 198 KiB  | 
| 
		 After Width: | Height: | Size: 880 KiB  | 
| 
		 After Width: | Height: | Size: 90 KiB  | 
| 
		 After Width: | Height: | Size: 13 KiB  | 
@ -0,0 +1,985 @@ | 
				
			|||||
 | 
					<!DOCTYPE html> | 
				
			||||
 | 
					<html lang="en"> | 
				
			||||
 | 
					<head> | 
				
			||||
 | 
					    <meta charset="UTF-8"/> | 
				
			||||
 | 
					    <meta name="viewport" content="width=device-width, initial-scale=1.0"/> | 
				
			||||
 | 
					    <title>Table Reservation in POS</title> | 
				
			||||
 | 
					    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" | 
				
			||||
 | 
					          rel="stylesheet"/> | 
				
			||||
 | 
					    <link rel="preconnect" href="https://fonts.googleapis.com"> | 
				
			||||
 | 
					    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | 
				
			||||
 | 
					    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" | 
				
			||||
 | 
					          rel="stylesheet"> | 
				
			||||
 | 
					    <link rel="stylesheet" | 
				
			||||
 | 
					          href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"/> | 
				
			||||
 | 
					    <link rel="stylesheet" | 
				
			||||
 | 
					          href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"/> | 
				
			||||
 | 
					    <style> | 
				
			||||
 | 
					        :root { | 
				
			||||
 | 
					            --primary-color: #7f54b3; | 
				
			||||
 | 
					            --bg-white: #fff; | 
				
			||||
 | 
					            --text-color: #121212; | 
				
			||||
 | 
					            --text-color-light: #64728f; | 
				
			||||
 | 
					        } | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					        body { | 
				
			||||
 | 
					            font-family: "Montserrat", sans-serif; | 
				
			||||
 | 
					        } | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { | 
				
			||||
 | 
					            color: #121212; | 
				
			||||
 | 
					            font-family: Montserrat; | 
				
			||||
 | 
					            font-size: 16px !important; | 
				
			||||
 | 
					            font-weight: 500 !important; | 
				
			||||
 | 
					            border-radius: 30px; | 
				
			||||
 | 
					            line-height: normal; | 
				
			||||
 | 
					            text-transform: capitalize; | 
				
			||||
 | 
					            background-color: #F5F5F5; | 
				
			||||
 | 
					            border: none; | 
				
			||||
 | 
					            margin-bottom: 0; | 
				
			||||
 | 
					            padding: 12px 24px; | 
				
			||||
 | 
					        } | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					        .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { | 
				
			||||
 | 
					            border-color: transparent; | 
				
			||||
 | 
					            isolation: isolate; | 
				
			||||
 | 
					        } | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					        .nav-tabs .nav-link:focus-visible { | 
				
			||||
 | 
					            border-color: transparent; | 
				
			||||
 | 
					            box-shadow: none; | 
				
			||||
 | 
					        } | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					        /* owl-carosel */ | 
				
			||||
 | 
					        .owl-carousel .owl-nav { | 
				
			||||
 | 
					            position: absolute; | 
				
			||||
 | 
					            top: 42%; | 
				
			||||
 | 
					            width: 100%; | 
				
			||||
 | 
					            display: flex; | 
				
			||||
 | 
					            justify-content: space-between; | 
				
			||||
 | 
					            transform: translateY(-42%); | 
				
			||||
 | 
					        } | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					        .owl-carousel .owl-nav button.owl-prev { | 
				
			||||
 | 
					            position: absolute; | 
				
			||||
 | 
					            right: -36px; | 
				
			||||
 | 
					            font-size: 28px; | 
				
			||||
 | 
					            background-color: #e4e4e4; | 
				
			||||
 | 
					            border-radius: 20px; | 
				
			||||
 | 
					            width: 40px; | 
				
			||||
 | 
					            height: 40px; | 
				
			||||
 | 
					            display: flex; | 
				
			||||
 | 
					            justify-content: center; | 
				
			||||
 | 
					            align-items: center; | 
				
			||||
 | 
					        } | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					        .owl-carousel .owl-nav button.owl-next { | 
				
			||||
 | 
					            position: absolute; | 
				
			||||
 | 
					            left: -36px; | 
				
			||||
 | 
					            font-size: 28px; | 
				
			||||
 | 
					            background-color: #e4e4e4; | 
				
			||||
 | 
					            border-radius: 20px; | 
				
			||||
 | 
					            width: 40px; | 
				
			||||
 | 
					            height: 40px; | 
				
			||||
 | 
					            display: flex; | 
				
			||||
 | 
					            justify-content: center; | 
				
			||||
 | 
					            align-items: center; | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					        } | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					    </style> | 
				
			||||
 | 
					</head> | 
				
			||||
 | 
					<body> | 
				
			||||
 | 
					<!-- overview --> | 
				
			||||
 | 
					<div class="container"> | 
				
			||||
 | 
					    <div class="my-5"> | 
				
			||||
 | 
					        <!-- button tab --> | 
				
			||||
 | 
					        <!--  --> | 
				
			||||
 | 
					        <!-- version support --> | 
				
			||||
 | 
					        <div class="my-3 d-flex align-items-center justify-content-end"> | 
				
			||||
 | 
					            <div class="text-center" | 
				
			||||
 | 
					                 style="background-color:#017E84 !important; font-size:0.8rem !important; color:#fff !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important"> | 
				
			||||
 | 
					                Community | 
				
			||||
 | 
					            </div> | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					        </div> | 
				
			||||
 | 
					        <div class="tab-content" id="myTabContent"> | 
				
			||||
 | 
					            <!-- description --> | 
				
			||||
 | 
					            <div class="tab-pane fade show active" id="home" role="tabpanel" | 
				
			||||
 | 
					                 aria-labelledby="home-tab"> | 
				
			||||
 | 
					                <div class="position-relative" | 
				
			||||
 | 
					                     style="border-radius: 16px; background: #f8f8f8; padding: 20px 0;"> | 
				
			||||
 | 
					                    <div class="row " style=" | 
				
			||||
 | 
					          padding: 2rem 0rem 0 !important; | 
				
			||||
 | 
					        "> | 
				
			||||
 | 
					                        <div class="col-lg-8 mx-auto gap-4 d-flex flex-column align-items-center"> | 
				
			||||
 | 
					                            <p class="my-1 text-center text-uppercase" | 
				
			||||
 | 
					                               style=" | 
				
			||||
 | 
					              letter-spacing: 4px !important; | 
				
			||||
 | 
					              color: #7f54b3; | 
				
			||||
 | 
					              font-weight: bold; | 
				
			||||
 | 
					              text-align: center; | 
				
			||||
 | 
					              font-size: 14px; | 
				
			||||
 | 
					              font-weight: 600; | 
				
			||||
 | 
					              line-height: 15.96px; | 
				
			||||
 | 
					              text-transform: uppercase;"> | 
				
			||||
 | 
					                                The Module is used to facilitate the management of reservations. | 
				
			||||
 | 
					                            </p> | 
				
			||||
 | 
					                            <h1 class="text-center text-uppercase my-0" | 
				
			||||
 | 
					                                style=" | 
				
			||||
 | 
					              color: #121212; | 
				
			||||
 | 
					              font-size: 46px; | 
				
			||||
 | 
					              font-weight: 700; | 
				
			||||
 | 
					              line-height: normal; | 
				
			||||
 | 
					            ">Table Reservation in POS</span> | 
				
			||||
 | 
					                            </h1> | 
				
			||||
 | 
					                        </div> | 
				
			||||
 | 
					                        <div class="col-lg-12 d-flex justify-content-center align-items-center" | 
				
			||||
 | 
					                             style="margin: 3rem 0;"> | 
				
			||||
 | 
					                            <img src="./assets/icons/brand-pair.svg" | 
				
			||||
 | 
					                                 width="100%" | 
				
			||||
 | 
					                                 height="auto" | 
				
			||||
 | 
					                                 style="width: 50%" | 
				
			||||
 | 
					                                 class="img-responsive"/> | 
				
			||||
 | 
					                        </div> | 
				
			||||
 | 
					                        <div class="col-md-12 text-center"> | 
				
			||||
 | 
					                            <a href="mailto:odoo@cybrosys.com" | 
				
			||||
 | 
					                               target="_blank" | 
				
			||||
 | 
					                               style="background-color: transparent;border-radius: 35px; | 
				
			||||
 | 
					              font-family: Montserrat; | 
				
			||||
 | 
					              display: inline-block; | 
				
			||||
 | 
					              padding: 7px 33px; | 
				
			||||
 | 
					              border: 1px solid #7f54b3; | 
				
			||||
 | 
					              color: #7f54b3; | 
				
			||||
 | 
					              text-decoration: none; | 
				
			||||
 | 
					            " | 
				
			||||
 | 
					                               class="mx-1 mb-2 deep-1 deep_hover"> | 
				
			||||
 | 
					                                <img class="img" | 
				
			||||
 | 
					                                     style="width: 24px" | 
				
			||||
 | 
					                                     src="./assets/icons/mail.svg"/> | 
				
			||||
 | 
					                                <span class="pl-2" | 
				
			||||
 | 
					                                      style=" font-size: 16px; vertical-align: middle" | 
				
			||||
 | 
					                                >Email Us</span | 
				
			||||
 | 
					                                > | 
				
			||||
 | 
					                            </a> | 
				
			||||
 | 
					                            <a href="skype:cybroopenerp?chat" | 
				
			||||
 | 
					                               target="_blank" | 
				
			||||
 | 
					                               style=" | 
				
			||||
 | 
					              background-color: #7f289b; | 
				
			||||
 | 
					              font-family: Montserrat; | 
				
			||||
 | 
					              display: inline-block; | 
				
			||||
 | 
					              padding: 7px 33px; | 
				
			||||
 | 
					              border: 1px solid #7f289b; | 
				
			||||
 | 
					              border-radius: 35px; | 
				
			||||
 | 
					              text-decoration: none; | 
				
			||||
 | 
					            " | 
				
			||||
 | 
					                               class="mx-1 mb-2 deep-1 deep_hover"> | 
				
			||||
 | 
					                                <img | 
				
			||||
 | 
					                                        class="img" | 
				
			||||
 | 
					                                        style="width: 24px" | 
				
			||||
 | 
					                                        src="./assets/icons/skype-fill.svg" | 
				
			||||
 | 
					                                /> | 
				
			||||
 | 
					                                <span | 
				
			||||
 | 
					                                        class="pl-2" | 
				
			||||
 | 
					                                        style="color: #fff; font-size: 16px; vertical-align: middle" | 
				
			||||
 | 
					                                >Skype Us</span | 
				
			||||
 | 
					                                > | 
				
			||||
 | 
					                            </a> | 
				
			||||
 | 
					                        </div> | 
				
			||||
 | 
					                        <div class="d-flex justify-content-center mt-2"> | 
				
			||||
 | 
					                            <img src="./assets/icons/hero.gif" | 
				
			||||
 | 
					                                 class="w-100" | 
				
			||||
 | 
					                                 style="z-index: 3; height: auto;"> | 
				
			||||
 | 
					                        </div> | 
				
			||||
 | 
					                    </div> | 
				
			||||
 | 
					                    <div class="position-absolute bottom-0" | 
				
			||||
 | 
					                         style="z-index: 1; width: 100%;"> | 
				
			||||
 | 
					                        <img src="./assets/icons/banner-bg.svg" | 
				
			||||
 | 
					                             class="img-fluid w-100"> | 
				
			||||
 | 
					                    </div> | 
				
			||||
 | 
					                    <div class="position-absolute bottom-0 end-0" | 
				
			||||
 | 
					                         style=" z-index: 2;"> | 
				
			||||
 | 
					                        <img src="./assets/icons/patter.svg"> | 
				
			||||
 | 
					                    </div> | 
				
			||||
 | 
					                </div> | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					                <!-- key-highlight --> | 
				
			||||
 | 
					                <div class="" style="border-radius: 16px; | 
				
			||||
 | 
					     padding: 60px 40px; | 
				
			||||
 | 
					     border: 1px solid #EBEEF2; | 
				
			||||
 | 
					     background: #F5F5F7; | 
				
			||||
 | 
					     box-shadow: 0px 5px 20px -11px rgba(0, 0, 0, 0.25); "> | 
				
			||||
 | 
					                    <div class="row"> | 
				
			||||
 | 
					                        <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center"> | 
				
			||||
 | 
					                            <h2 style=" color: #121212; | 
				
			||||
 | 
					            text-align: center; | 
				
			||||
 | 
					            font-size: 40px; | 
				
			||||
 | 
					            font-weight: 700; | 
				
			||||
 | 
					            text-transform: uppercase; padding-bottom: 50px;">Key | 
				
			||||
 | 
					                                Highlights</h2> | 
				
			||||
 | 
					                        </div> | 
				
			||||
 | 
					                        <div class="col-lg-4"> | 
				
			||||
 | 
					                            <div class="mb-4 d-flex flex-column justify-content-center gap-3" | 
				
			||||
 | 
					                                 style="border-radius: 12px; border: 1px solid  #B6BCCD; | 
				
			||||
 | 
					            background:  #FFF;padding:32px "> | 
				
			||||
 | 
					                                <div class="d-flex justify-content-center align-items-center" | 
				
			||||
 | 
					                                     style="background-color:#7847D9 !important; border-radius:8px !important; height:42px; width:42px"> | 
				
			||||
 | 
					                                    <img src="./assets/icons/feature-icon.svg" | 
				
			||||
 | 
					                                         class="img-responsive" height="26px" | 
				
			||||
 | 
					                                         width="26px"> | 
				
			||||
 | 
					                                </div> | 
				
			||||
 | 
					                                <h5 class="m-0" | 
				
			||||
 | 
					                                    style="color:#000 !important; font-weight:bold"> | 
				
			||||
 | 
					                                    Community Support | 
				
			||||
 | 
					                                </h5> | 
				
			||||
 | 
					                                <p class="m-0" | 
				
			||||
 | 
					                                   style="font-size:0.9rem; color:var(--text-color-light); font-size: 16px; font-weight: 400;"> | 
				
			||||
 | 
					                                    Available in Odoo 18.0 Community</p> | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					                            </div> | 
				
			||||
 | 
					                        </div> | 
				
			||||
 | 
					                        <div class="col-lg-4"> | 
				
			||||
 | 
					                            <div class="mb-4 d-flex flex-column justify-content-center gap-3" | 
				
			||||
 | 
					                                 style="border-radius: 12px; | 
				
			||||
 | 
					          border: 1px solid  #B6BCCD; | 
				
			||||
 | 
					          background:  #FFF;padding:32px "> | 
				
			||||
 | 
					                                <div class="d-flex justify-content-center align-items-center" | 
				
			||||
 | 
					                                     style="background-color:#7847D9 !important; border-radius:8px !important; height:42px; width:42px"> | 
				
			||||
 | 
					                                    <img src="./assets/icons/feature-icon.svg" | 
				
			||||
 | 
					                                         class="img-responsive" height="26px" | 
				
			||||
 | 
					                                         width="26px"> | 
				
			||||
 | 
					                                </div> | 
				
			||||
 | 
					                                <h5 class="m-0" | 
				
			||||
 | 
					                                    style="color:#000 !important; font-weight:bold"> | 
				
			||||
 | 
					                                    Waiters can easily check table is reserved or not. | 
				
			||||
 | 
					                                </h5> | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					                            </div> | 
				
			||||
 | 
					                        </div> | 
				
			||||
 | 
					                    </div> | 
				
			||||
 | 
					                </div> | 
				
			||||
 | 
					                <!--code  --> | 
				
			||||
 | 
					                <div class="my-5"> | 
				
			||||
 | 
					                    <div class="position-relative" | 
				
			||||
 | 
					                         style=" padding: 5rem 4rem 5rem 4rem; background-color: #0A1425; border-radius: 12px;"> | 
				
			||||
 | 
					                        <div class="d-flex flex-column gap-4"> | 
				
			||||
 | 
					                            <span class="wrapper-subtitle" | 
				
			||||
 | 
					                                  style="font-size: 40px; font-weight: 700; color: #fff;line-height: 60px; text-transform: capitalize; width: 450px;  font-family: Montserrat;">Table Reservation in POS</span> | 
				
			||||
 | 
					                            <h3 class="wrapper-details" | 
				
			||||
 | 
					                                style="font-size: 20px; font-weight: 400; color: #fff; line-height: 32px;  "> | 
				
			||||
 | 
					                                Are you ready to make your business more | 
				
			||||
 | 
					                                organized? | 
				
			||||
 | 
					                                <br> Improve now! | 
				
			||||
 | 
					                            </h3> | 
				
			||||
 | 
					                            <div class="d-flex gap-3"> | 
				
			||||
 | 
					                                <a href="mailto:odoo@cybrosys.com" | 
				
			||||
 | 
					                                   class="shop-btn" style="cursor: pointer; border-radius: 16px; display: flex; justify-content: center; align-items: center; gap: 7px; | 
				
			||||
 | 
					            border: 1px solid  #ffffff33; | 
				
			||||
 | 
					            background-color: #ffffff14; | 
				
			||||
 | 
					            backdrop-filter: blur(10px); color: #fff; padding: 12px 16px 12px 16px; text-decoration: none;"> | 
				
			||||
 | 
					             <span style="border-radius: 12px; | 
				
			||||
 | 
					             background-color: #ffffff1a; | 
				
			||||
 | 
					             backdrop-filter: blur(6px);padding: 12px;  "> | 
				
			||||
 | 
					              <img src="./assets/icons/banner-mail.svg"> | 
				
			||||
 | 
					           </span> | 
				
			||||
 | 
					                                    <span style="font-weight: 500;font-family: Montserrat;">odoo@cybrosys.com</span> | 
				
			||||
 | 
					                                </a> | 
				
			||||
 | 
					                                <a href="tel:+91 9074270811" class="shop-btn" | 
				
			||||
 | 
					                                   style="cursor: pointer; border-radius: 16px; display: flex; justify-content: center; align-items: center; gap: 7px; | 
				
			||||
 | 
					             border: 1px solid  #ffffff33; | 
				
			||||
 | 
					             background-color: #ffffff14; | 
				
			||||
 | 
					            backdrop-filter: blur(10px); color: #fff; padding: 12px 22px 12px 18px; text-decoration: none;"> | 
				
			||||
 | 
					             <span style="border-radius: 12px; | 
				
			||||
 | 
					             background-color: #ffffff1a; | 
				
			||||
 | 
					             backdrop-filter: blur(6px);padding: 12px;"> | 
				
			||||
 | 
					              <img src="./assets/icons/banner-call.svg"> | 
				
			||||
 | 
					           </span> | 
				
			||||
 | 
					                                    <span style="font-weight: 500;font-family: Montserrat;">+91 9074270811</span> | 
				
			||||
 | 
					                                </a> | 
				
			||||
 | 
					                            </div> | 
				
			||||
 | 
					                        </div> | 
				
			||||
 | 
					                        <div class="position-absolute bottom-0 end-0"> | 
				
			||||
 | 
					                            <img src="./assets/icons/banner-pattern.svg" | 
				
			||||
 | 
					                                 style="width: 540px;"> | 
				
			||||
 | 
					                        </div> | 
				
			||||
 | 
					                    </div> | 
				
			||||
 | 
					                </div> | 
				
			||||
 | 
					                <!-- end-code --> | 
				
			||||
 | 
					                <!--  --> | 
				
			||||
 | 
					                <!-- screenshot and other --> | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					                <div class="mb-4 bg-white" | 
				
			||||
 | 
					                     style=" border: 1px solid #EBEEF2; border-radius: 6px; box-shadow: 0px 8px 20px -4px rgba(0, 0, 0, 0.10); border: 1px solid #EBEEF2;"> | 
				
			||||
 | 
					                    <div> | 
				
			||||
 | 
					                        <ul class="nav nav-tabs justify-content-center bg-white py-2" | 
				
			||||
 | 
					                            id="myTab" role="tablist" | 
				
			||||
 | 
					                            style="border-radius: 6px 6px 0 0;"> | 
				
			||||
 | 
					                            <li class="nav-item"> | 
				
			||||
 | 
					                                <a aria-controls="overview" | 
				
			||||
 | 
					                                   aria-bs-selected="true" | 
				
			||||
 | 
					                                   class="nav-link active" data-bs-toggle="tab" | 
				
			||||
 | 
					                                   href="#overview" id="overview-tab" role="tab" | 
				
			||||
 | 
					                                   style="color:#121212; font-weight:500; font-size:16px"> | 
				
			||||
 | 
					                                    Screenshots</a> | 
				
			||||
 | 
					                            </li> | 
				
			||||
 | 
					                            <li class="nav-item"> | 
				
			||||
 | 
					                                <a aria-controls="feature" | 
				
			||||
 | 
					                                   aria-bs-selected="false" | 
				
			||||
 | 
					                                   class="nav-link py-2" data-bs-toggle="tab" | 
				
			||||
 | 
					                                   href="#feature" id="feature-tab" role="tab" | 
				
			||||
 | 
					                                   style="color:#121212; font-weight:500; font-size:16px">Features</a> | 
				
			||||
 | 
					                            </li> | 
				
			||||
 | 
					                            <li class="nav-item"> | 
				
			||||
 | 
					                                <a aria-controls="faq" aria-bs-selected="false" | 
				
			||||
 | 
					                                   class="nav-link" data-bs-toggle="tab" | 
				
			||||
 | 
					                                   href="#faq" id="faq-tab" role="tab" | 
				
			||||
 | 
					                                   style="color:#121212; font-weight:500; font-size:16px"> | 
				
			||||
 | 
					                                    FAQs</a> | 
				
			||||
 | 
					                            </li> | 
				
			||||
 | 
					                            <li class="nav-item"> | 
				
			||||
 | 
					                                <a aria-controls="releases" | 
				
			||||
 | 
					                                   aria-bs-selected="false" class="nav-link" | 
				
			||||
 | 
					                                   data-bs-toggle="tab" href="#releases" | 
				
			||||
 | 
					                                   id="releases-tab" role="tab" | 
				
			||||
 | 
					                                   style="color:#121212; font-weight:500; font-size:16px">Releases</a> | 
				
			||||
 | 
					                            </li> | 
				
			||||
 | 
					                        </ul> | 
				
			||||
 | 
					                    </div> | 
				
			||||
 | 
					                    <div class="tab-content p-md-5 p-2 py-3" id="myTabContent"> | 
				
			||||
 | 
					                        <div aria-labelledby="overview-tab" | 
				
			||||
 | 
					                             class="tab-pane fade show active" id="overview" | 
				
			||||
 | 
					                             role="tabpanel"> | 
				
			||||
 | 
					                            <div class="position-relative mb-4" | 
				
			||||
 | 
					                                 style="border-radius:10px"> | 
				
			||||
 | 
					                                <img alt="acc_bg" | 
				
			||||
 | 
					                                     class="w-100 h-100 position-absolute img-fluid left_0" | 
				
			||||
 | 
					                                     loading="lazy" | 
				
			||||
 | 
					                                     src="//apps.odoocdn.com/apps/assets/17.0/ks_dashboard_ninja/ai-img/o3.png?007008f" | 
				
			||||
 | 
					                                     style=""> | 
				
			||||
 | 
					                            </div> | 
				
			||||
 | 
					                            <!-- screenshots section--> | 
				
			||||
 | 
					                            <div class="position-relative mb-4" | 
				
			||||
 | 
					                                 style="border-radius:10px; background-color:#f4f4f4"> | 
				
			||||
 | 
					                                <div class="p-md-5 p-3 position-relative"> | 
				
			||||
 | 
					                                    <div class="row"> | 
				
			||||
 | 
					                                        <div class="col-md-12"> | 
				
			||||
 | 
					                                            <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px; | 
				
			||||
 | 
					                              font-weight: 700;"> | 
				
			||||
 | 
					                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Configuration for Table Reservation | 
				
			||||
 | 
					                                      </span> | 
				
			||||
 | 
					                                                <span style="color: #7f54b3; font-size:calc(1.1rem + 1vw)"> settings</span> | 
				
			||||
 | 
					                                            </h1> | 
				
			||||
 | 
					                                        </div> | 
				
			||||
 | 
					                                        <div class="col-md-12 mb-4"> | 
				
			||||
 | 
					                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f"> | 
				
			||||
 | 
					                                                Configure table reservation settings. | 
				
			||||
 | 
					                                            </p> | 
				
			||||
 | 
					                                        </div> | 
				
			||||
 | 
					                                        <div class="col-md-12 mb-4"> | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					                                        </div> | 
				
			||||
 | 
					                                        <div class="col-md-12 text-center"> | 
				
			||||
 | 
					                                            <div class="d-inline-block p-3 shadow-sm" | 
				
			||||
 | 
					                                                 style="background-color:#fff; border-radius:10px"> | 
				
			||||
 | 
					                                                <img alt="" class="img-fluid" | 
				
			||||
 | 
					                                                     loading="lazy" | 
				
			||||
 | 
					                                                     src="./assets/screenshots/ss1.png" | 
				
			||||
 | 
					                                                     style="min-height: 1px;"> | 
				
			||||
 | 
					                                            </div> | 
				
			||||
 | 
					                                        </div> | 
				
			||||
 | 
					                                    </div> | 
				
			||||
 | 
					                                </div> | 
				
			||||
 | 
					                            </div> | 
				
			||||
 | 
					                            <div class="position-relative mb-4" | 
				
			||||
 | 
					                                 style="border-radius:10px; background-color:#f4f4f4"> | 
				
			||||
 | 
					                                <div class="p-md-5 p-3 position-relative"> | 
				
			||||
 | 
					                                    <div class="row"> | 
				
			||||
 | 
					                                        <div class="col-md-12"> | 
				
			||||
 | 
					                                            <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px; | 
				
			||||
 | 
					                              font-weight: 700;"> | 
				
			||||
 | 
					                                                    Reservation Process | 
				
			||||
 | 
					                                            </h1> | 
				
			||||
 | 
					                                        </div> | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					                                        <div class="col-md-12 text-center"> | 
				
			||||
 | 
					                                            <div class="d-inline-block p-3 shadow-sm" | 
				
			||||
 | 
					                                                 style="background-color:#fff; border-radius:10px"> | 
				
			||||
 | 
					                                                <div class="col-md-12 mb-4"> | 
				
			||||
 | 
					                                                    <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f"> | 
				
			||||
 | 
					                                                       The "Reserve" and "Unreserved" menus facilitate the reservation of POS tables. | 
				
			||||
 | 
					                                                    </p> | 
				
			||||
 | 
					                                                </div> | 
				
			||||
 | 
					                                                <img alt="" class="img-fluid" | 
				
			||||
 | 
					                                                     loading="lazy" | 
				
			||||
 | 
					                                                     src="./assets/screenshots/ss2.png" | 
				
			||||
 | 
					                                                     style="min-height: 1px;"> | 
				
			||||
 | 
					                                            </div> | 
				
			||||
 | 
					                                        </div> | 
				
			||||
 | 
					                                    </div> | 
				
			||||
 | 
					                                </div> | 
				
			||||
 | 
					                            </div> | 
				
			||||
 | 
					                            <div class="position-relative mb-4" | 
				
			||||
 | 
					                                 style="border-radius:10px; background-color:#f4f4f4"> | 
				
			||||
 | 
					                                <div class="p-md-5 p-3 position-relative"> | 
				
			||||
 | 
					                                    <div class="row"> | 
				
			||||
 | 
					                                        <div class="col-md-12"> | 
				
			||||
 | 
					                                            <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px; | 
				
			||||
 | 
					                  font-weight: 700;"> | 
				
			||||
 | 
					                                                Table Reservation | 
				
			||||
 | 
					                                            </h1> | 
				
			||||
 | 
					                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)"> | 
				
			||||
 | 
					                                                Clicking the "Reserve" button will trigger a popup where reservation details can be added and confirmed. | 
				
			||||
 | 
					                                            </p> | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					                                        </div> | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					                                        <div class="col-md-12 text-center"> | 
				
			||||
 | 
					                                            <div class="d-inline-block p-3 shadow-sm" | 
				
			||||
 | 
					                                                 style="background-color:#fff; border-radius:10px"> | 
				
			||||
 | 
					                                                <img alt="" class="img-fluid" | 
				
			||||
 | 
					                                                     loading="lazy" | 
				
			||||
 | 
					                                                     src="./assets/screenshots/ss3.png" | 
				
			||||
 | 
					                                                     style="min-height: 1px;"> | 
				
			||||
 | 
					                                            </div> | 
				
			||||
 | 
					                                        </div> | 
				
			||||
 | 
					                                    </div> | 
				
			||||
 | 
					                                </div> | 
				
			||||
 | 
					                                <div class="position-relative mb-4" | 
				
			||||
 | 
					                                     style="border-radius:10px; background-color:#f4f4f4"> | 
				
			||||
 | 
					                                    <div class="p-md-5 p-3 position-relative"> | 
				
			||||
 | 
					                                        <div class="row"> | 
				
			||||
 | 
					                                            <div class="col-md-12"> | 
				
			||||
 | 
					                                                <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px; | 
				
			||||
 | 
					                              font-weight: 700;"> | 
				
			||||
 | 
					                                                    Reserved Table | 
				
			||||
 | 
					                                                </h1> | 
				
			||||
 | 
					                                                <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)"> | 
				
			||||
 | 
					                                                    View reservation details for a reserved table. | 
				
			||||
 | 
					                                                </p> | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					                                            </div> | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					                                            <div class="col-md-12 text-center"> | 
				
			||||
 | 
					                                                <div class="d-inline-block p-3 shadow-sm" | 
				
			||||
 | 
					                                                     style="background-color:#fff; border-radius:10px"> | 
				
			||||
 | 
					                                                    <img alt="" class="img-fluid" | 
				
			||||
 | 
					                                                         loading="lazy" | 
				
			||||
 | 
					                                                         src="./assets/screenshots/ss4.png" | 
				
			||||
 | 
					                                                         style="min-height: 1px;"> | 
				
			||||
 | 
					                                                </div> | 
				
			||||
 | 
					                                            </div> | 
				
			||||
 | 
					                                        </div> | 
				
			||||
 | 
					                                    </div> | 
				
			||||
 | 
					                                </div> | 
				
			||||
 | 
					                                <div class="position-relative mb-4" | 
				
			||||
 | 
					                                     style="border-radius:10px; background-color:#f4f4f4"> | 
				
			||||
 | 
					                                    <div class="p-md-5 p-3 position-relative"> | 
				
			||||
 | 
					                                        <div class="row"> | 
				
			||||
 | 
					                                            <div class="col-md-12"> | 
				
			||||
 | 
					                                                <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px; | 
				
			||||
 | 
					                              font-weight: 700;"> | 
				
			||||
 | 
					                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Reservation Information | 
				
			||||
 | 
					                                      </span> | 
				
			||||
 | 
					                                                </h1> | 
				
			||||
 | 
					                                                <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)"> | 
				
			||||
 | 
					                                                Clicking on "Reserve info" will open a popup displaying reservation details. | 
				
			||||
 | 
					                                            </p> | 
				
			||||
 | 
					                                            </div> | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					                                            <div class="col-md-12 text-center"> | 
				
			||||
 | 
					                                                <div class="d-inline-block p-3 shadow-sm" | 
				
			||||
 | 
					                                                     style="background-color:#fff; border-radius:10px"> | 
				
			||||
 | 
					                                                    <img alt="" class="img-fluid" | 
				
			||||
 | 
					                                                         loading="lazy" | 
				
			||||
 | 
					                                                         src="./assets/screenshots/ss5.png" | 
				
			||||
 | 
					                                                         style="min-height: 1px;"> | 
				
			||||
 | 
					                                                </div> | 
				
			||||
 | 
					                                            </div> | 
				
			||||
 | 
					                                        </div> | 
				
			||||
 | 
					                                    </div> | 
				
			||||
 | 
					                                </div> | 
				
			||||
 | 
					                                <div class="position-relative mb-4" | 
				
			||||
 | 
					                                     style="border-radius:10px; background-color:#f4f4f4"> | 
				
			||||
 | 
					                                    <div class="p-md-5 p-3 position-relative"> | 
				
			||||
 | 
					                                        <div class="row"> | 
				
			||||
 | 
					                                            <div class="col-md-12"> | 
				
			||||
 | 
					                                                <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px; | 
				
			||||
 | 
					                              font-weight: 700;"> | 
				
			||||
 | 
					                                                    <span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)">Unreserve Table</span> | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					                                                </h1> | 
				
			||||
 | 
					                                                <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:var(--text-color-light)"> | 
				
			||||
 | 
					                                                After clicking the "Unreserve" button, the table reservation will be canceled. | 
				
			||||
 | 
					                                            </p> | 
				
			||||
 | 
					                                            </div> | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					                                            <div class="col-md-12 text-center"> | 
				
			||||
 | 
					                                                <div class="d-inline-block p-3 shadow-sm" | 
				
			||||
 | 
					                                                     style="background-color:#fff; border-radius:10px"> | 
				
			||||
 | 
					                                                    <img alt="" class="img-fluid" | 
				
			||||
 | 
					                                                         loading="lazy" | 
				
			||||
 | 
					                                                         src="./assets/screenshots/ss6.png" | 
				
			||||
 | 
					                                                         style="min-height: 1px;"> | 
				
			||||
 | 
					                                                </div> | 
				
			||||
 | 
					                                            </div> | 
				
			||||
 | 
					                                        </div> | 
				
			||||
 | 
					                                    </div> | 
				
			||||
 | 
					                                </div> | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					                            </div> | 
				
			||||
 | 
					                        </div> | 
				
			||||
 | 
					                        <div aria-labelledby="feature-tab" | 
				
			||||
 | 
					                             class="tab-pane fade show py-1" id="feature" | 
				
			||||
 | 
					                             role="tabpanel"> | 
				
			||||
 | 
					                            <div class="row py-4"> | 
				
			||||
 | 
					                                <!-- Features Section --> | 
				
			||||
 | 
					                                <div class="col-md-6 col-sm-12 p-3"> | 
				
			||||
 | 
					                                    <div class="d-flex flex-column align-items-start h-100" | 
				
			||||
 | 
					                                         style="padding:30px; border-radius:12px; background-color:#faf8ff"> | 
				
			||||
 | 
					                                        <div class="d-flex align-items-center justify-content-center"> | 
				
			||||
 | 
					                                            <div class="d-flex align-items-center justify-content-center " | 
				
			||||
 | 
					                                                 style="width:36px; height:36px; border-radius:50%; background-color:#7847D9 ; margin-right:10px"> | 
				
			||||
 | 
					                                                <i class="fa fa-star  " | 
				
			||||
 | 
					                                                   style="color:#fff; font-size:14px"></i> | 
				
			||||
 | 
					                                            </div> | 
				
			||||
 | 
					                                            <p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px"> | 
				
			||||
 | 
					                                                Community Support</p> | 
				
			||||
 | 
					                                        </div> | 
				
			||||
 | 
					                                    </div> | 
				
			||||
 | 
					                                </div> | 
				
			||||
 | 
					                                <div class="col-md-6 col-sm-12 p-3"> | 
				
			||||
 | 
					                                    <div class="d-flex flex-column align-items-start h-100" | 
				
			||||
 | 
					                                         style="padding:30px; border-radius:12px; background-color:#faf8ff"> | 
				
			||||
 | 
					                                        <div class="d-flex align-items-center justify-content-center"> | 
				
			||||
 | 
					                                            <div class="d-flex align-items-center justify-content-center " | 
				
			||||
 | 
					                                                 style="width:36px; height:36px; border-radius:50%; background-color:#7847D9 ; margin-right:10px"> | 
				
			||||
 | 
					                                                <i class="fa fa-star  " | 
				
			||||
 | 
					                                                   style="color:#fff; font-size:14px"></i> | 
				
			||||
 | 
					                                            </div> | 
				
			||||
 | 
					                                            <p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px"> | 
				
			||||
 | 
					                                                Login by using face recognition</p> | 
				
			||||
 | 
					                                        </div> | 
				
			||||
 | 
					                                    </div> | 
				
			||||
 | 
					                                </div> | 
				
			||||
 | 
					                            </div> | 
				
			||||
 | 
					                        </div> | 
				
			||||
 | 
					                        <div aria-labelledby="faq-tab" | 
				
			||||
 | 
					                             class="tab-pane fade show" id="faq" | 
				
			||||
 | 
					                             role="tabpanel"> | 
				
			||||
 | 
					                            <div class="row" | 
				
			||||
 | 
					                                 style=" background-color:#fff !important"> | 
				
			||||
 | 
					                                <div class="col-md-12" aria-labelledby="faq-tab" | 
				
			||||
 | 
					                                     id="faq" role="tabpanel"> | 
				
			||||
 | 
					                                    <div class="accordion mb-4" id="accordion6"> | 
				
			||||
 | 
					                                        <div style="background-color:#fff"> | 
				
			||||
 | 
					                                            <!-- accordian --> | 
				
			||||
 | 
					                                            <div class="accordion" | 
				
			||||
 | 
					                                                 id="accordion_faq"> | 
				
			||||
 | 
					                                                <!-- Question 1 --> | 
				
			||||
 | 
					                                                <div class="" | 
				
			||||
 | 
					                                                     style="margin:1rem 0rem"> | 
				
			||||
 | 
					                                                    <div aria-expanded="false" | 
				
			||||
 | 
					                                                         class=" card-header collapsed" | 
				
			||||
 | 
					                                                         data-bs-toggle="collapse" | 
				
			||||
 | 
					                                                         data-bs-target="#collapseFAQOne" | 
				
			||||
 | 
					                                                         href="#collapseFAQOne" | 
				
			||||
 | 
					                                                         aria-controls="collapseFAQOne" | 
				
			||||
 | 
					                                                         style="cursor: pointer; background-color:#f8f8f8; border:none; border-top-right-radius:10px; border-top-left-radius:10px; padding: 12px 24px;"> | 
				
			||||
 | 
					                                                        <a class="card-title text-decoration-none" | 
				
			||||
 | 
					                                                           style=" font-size:18px; line-height:30px; font-weight:500; color:#040f3a"> | 
				
			||||
 | 
					                                                            Can multiple employees use Face Recognition for login? | 
				
			||||
 | 
					                                                            <img alt="" | 
				
			||||
 | 
					                                                                 class="float-end" | 
				
			||||
 | 
					                                                                 src="//apps.odoocdn.com/apps/assets/16.0/index_test_odoo/assets/icons/down.svg?6ef7fd7" | 
				
			||||
 | 
					                                                                 width="25px"> | 
				
			||||
 | 
					                                                        </a> | 
				
			||||
 | 
					                                                    </div> | 
				
			||||
 | 
					                                                    <div class="accordion-collapse collapse" | 
				
			||||
 | 
					                                                         aria-labelledby="collapseFAQOne" | 
				
			||||
 | 
					                                                         data-bs-parent="#accordion_faq" | 
				
			||||
 | 
					                                                         id="collapseFAQOne" | 
				
			||||
 | 
					                                                         style=" box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px; border: 1px solid #f8f8f8; border-bottom-right-radius:10px; border-bottom-left-radius:10px"> | 
				
			||||
 | 
					                                                        <p style=" padding:0.75rem 1.25rem; font-size:16px; line-height:27px;  color:#888; font-weight:normal; border-bottom-right-radius:10px; border-bottom-left-radius:10px"> | 
				
			||||
 | 
					                                                            Yes, any employee whose image is set in the employee profile | 
				
			||||
 | 
					                                                            and is selected in the POS configuration settings can use | 
				
			||||
 | 
					                                                            Face Recognition for login. | 
				
			||||
 | 
					                                                        </p> | 
				
			||||
 | 
					                                                    </div> | 
				
			||||
 | 
					                                                </div> | 
				
			||||
 | 
					                                                <!-- Question 2 --> | 
				
			||||
 | 
					                                                <div style="margin:1rem 0rem"> | 
				
			||||
 | 
					                                                    <div aria-expanded="false" | 
				
			||||
 | 
					                                                         class="cursor-pointer card-header collapsed" | 
				
			||||
 | 
					                                                         data-bs-toggle="collapse" | 
				
			||||
 | 
					                                                         aria-controls="collapseFAQThree" | 
				
			||||
 | 
					                                                         data-bs-target="#collapseFAQThree" | 
				
			||||
 | 
					                                                         style="cursor: pointer; background-color:#f8f8f8; border:1px solid #f8f8f8; border-top-right-radius:10px; border-top-left-radius:10px; padding: 12px 24px"> | 
				
			||||
 | 
					                                                        <a class="card-title text-decoration-none" | 
				
			||||
 | 
					                                                           style=" font-size:18px; line-height:30px; font-weight:500; color:#040f3a"> | 
				
			||||
 | 
					                                                            What happens if the face does not match? | 
				
			||||
 | 
					                                                            <img alt="" | 
				
			||||
 | 
					                                                                 class="float-end" | 
				
			||||
 | 
					                                                                 src="//apps.odoocdn.com/apps/assets/16.0/index_test_odoo/assets/icons/down.svg?6ef7fd7" | 
				
			||||
 | 
					                                                                 width="25px"> | 
				
			||||
 | 
					                                                        </a> | 
				
			||||
 | 
					                                                    </div> | 
				
			||||
 | 
					                                                    <div class="accordion-collapse collapse" | 
				
			||||
 | 
					                                                         aria-labelledby="collapseFAQThree" | 
				
			||||
 | 
					                                                         data-bs-parent="#accordion_faq" | 
				
			||||
 | 
					                                                         id="collapseFAQThree" | 
				
			||||
 | 
					                                                         style="box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px; border: 1px solid #f8f8f8; border-bottom-right-radius:10px; border-bottom-left-radius:10px"> | 
				
			||||
 | 
					                                                        <p style="padding:0.75rem 1.25rem; font-size:16px; line-height:27px;  color:#888; font-weight:normal; border-bottom-right-radius:10px; border-bottom-left-radius:10px"> | 
				
			||||
 | 
					                                                            If the system fails to recognize the employee's face, | 
				
			||||
 | 
					                                                            login will not be allowed, and the employee may need to | 
				
			||||
 | 
					                                                            retry after setting latest image in the Employee module. | 
				
			||||
 | 
					                                                        </p> | 
				
			||||
 | 
					                                                    </div> | 
				
			||||
 | 
					                                                </div> | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					                                            </div> | 
				
			||||
 | 
					                                            <!--  --> | 
				
			||||
 | 
					                                        </div> | 
				
			||||
 | 
					                                    </div> | 
				
			||||
 | 
					                                </div> | 
				
			||||
 | 
					                            </div> | 
				
			||||
 | 
					                        </div> | 
				
			||||
 | 
					                        <div aria-labelledby="releases-tab" | 
				
			||||
 | 
					                             class="tab-pane fade show" id="releases" | 
				
			||||
 | 
					                             role="tabpanel"> | 
				
			||||
 | 
					                            <!-- Release Notes --> | 
				
			||||
 | 
					                            <div class="row pt-5 m-0"> | 
				
			||||
 | 
					                                <div class="col-md-3"> | 
				
			||||
 | 
					                                    <h4 style="font-size:16px; font-weight:600; color:#514F4F; margin:0; line-height:26px;"> | 
				
			||||
 | 
					                                        Latest Release 18.0.1.0.0 | 
				
			||||
 | 
					                                    </h4> | 
				
			||||
 | 
					                                    <span style="font-size:14px; color:#7A7979; display:block; margin-bottom:20px;"> | 
				
			||||
 | 
					                                          27th December, 2024 | 
				
			||||
 | 
					                                    </span> | 
				
			||||
 | 
					                                </div> | 
				
			||||
 | 
					                                <div class="col-md-8"> | 
				
			||||
 | 
					                                    <div style="padding:0 0 40px"> | 
				
			||||
 | 
					                                        <div style="margin:0 0 10px"> | 
				
			||||
 | 
					                                            <div style="display:inline-block; padding:0px 8px; color:#514F4F; background-color:#FFD8D8; border-radius:20px"> | 
				
			||||
 | 
					                                                Add | 
				
			||||
 | 
					                                            </div> | 
				
			||||
 | 
					                                        </div> | 
				
			||||
 | 
					                                        <div class="d-flex m-0" | 
				
			||||
 | 
					                                             style="color:#7A7979;"> | 
				
			||||
 | 
					                                            <ul class="pl-3 mb-0"> | 
				
			||||
 | 
					                                                <li> | 
				
			||||
 | 
					                                                    Initial Commit | 
				
			||||
 | 
					                                                </li> | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					                                            </ul> | 
				
			||||
 | 
					                                        </div> | 
				
			||||
 | 
					                                    </div> | 
				
			||||
 | 
					                                    <div style="padding:0 0 0; border-bottom:1px solid #E3E3E3"> | 
				
			||||
 | 
					                                    </div> | 
				
			||||
 | 
					                                </div> | 
				
			||||
 | 
					                            </div> | 
				
			||||
 | 
					                        </div> | 
				
			||||
 | 
					                    </div> | 
				
			||||
 | 
					                </div> | 
				
			||||
 | 
					                <!--  --> | 
				
			||||
 | 
					                <!-- related post --> | 
				
			||||
 | 
					                <!--  --> | 
				
			||||
 | 
					                <section class="oe_container mt32"> | 
				
			||||
 | 
					                    <h2 style="color: #091E42;font-family: "Montserrat";text-align: center;margin: 25px auto;text-transform: uppercase;" | 
				
			||||
 | 
					                        class="oe_slogan"> | 
				
			||||
 | 
					                        <b>Related Products</b> | 
				
			||||
 | 
					                    </h2> | 
				
			||||
 | 
					                    <div id="demo" class="row carousel slide mt64 mb32" data-bs-ride="carousel"> | 
				
			||||
 | 
					                        <!-- The slideshow --> | 
				
			||||
 | 
					                        <div class="carousel-inner"> | 
				
			||||
 | 
					                            <div class="carousel-item active"> | 
				
			||||
 | 
					                                <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;"> | 
				
			||||
 | 
					                                    <a href="https://apps.odoo.com/apps/modules/18.0/base_accounting_kit" | 
				
			||||
 | 
					                                       target="_blank" style="color: #000; text-decoration: none;"> | 
				
			||||
 | 
					                                        <div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" | 
				
			||||
 | 
					                                             class="shadow-sm"> | 
				
			||||
 | 
					                                            <img class="img img-responsive center-block" style=" max-width: 100%;" | 
				
			||||
 | 
					                                                 src="./assets/modules/1.jpg"/> | 
				
			||||
 | 
					                                            <h4 class="mt0 text-truncate" | 
				
			||||
 | 
					                                                style="text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px"> | 
				
			||||
 | 
					                                                Odoo 18 Full Accounting Kit</h4> | 
				
			||||
 | 
					                                        </div> | 
				
			||||
 | 
					                                    </a> | 
				
			||||
 | 
					                                </div> | 
				
			||||
 | 
					                                <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;"> | 
				
			||||
 | 
					                                    <a href="https://apps.odoo.com/apps/modules/18.0/ohrms_core" target="_blank" | 
				
			||||
 | 
					                                       style="color: #000; text-decoration: none;"> | 
				
			||||
 | 
					                                        <div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" | 
				
			||||
 | 
					                                             class="shadow-sm"> | 
				
			||||
 | 
					                                            <img class="img img-responsive center-block" style=" max-width: 100%;" | 
				
			||||
 | 
					                                                 src="./assets/modules/2.jpg"/> | 
				
			||||
 | 
					                                            <h4 class="mt0 text-truncate" | 
				
			||||
 | 
					                                                style="text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px"> | 
				
			||||
 | 
					                                                Open HRMS Core</h4> | 
				
			||||
 | 
					                                        </div> | 
				
			||||
 | 
					                                    </a> | 
				
			||||
 | 
					                                </div> | 
				
			||||
 | 
					                                <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;"> | 
				
			||||
 | 
					                                    <a href="https://apps.odoo.com/apps/modules/18.0/woo_commerce" | 
				
			||||
 | 
					                                       target="_blank" style="color: #000; text-decoration: none;"> | 
				
			||||
 | 
					                                        <div style="border-radius: 6px;padding: 16px; border: 1px solid #cbcbcb;" | 
				
			||||
 | 
					                                             class="shadow-sm"> | 
				
			||||
 | 
					                                            <img class="img img-responsive center-block" style=" max-width: 100%;" | 
				
			||||
 | 
					                                                 src="./assets/modules/3.jpg"/> | 
				
			||||
 | 
					                                            <h4 class="mt0 text-truncate" | 
				
			||||
 | 
					                                                style="text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px"> | 
				
			||||
 | 
					                                                Odoo WooCommerce Connector </h4> | 
				
			||||
 | 
					                                        </div> | 
				
			||||
 | 
					                                    </a> | 
				
			||||
 | 
					                                </div> | 
				
			||||
 | 
					                            </div> | 
				
			||||
 | 
					                            <div class="carousel-item"> | 
				
			||||
 | 
					                                <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;"> | 
				
			||||
 | 
					                                    <a href="https://apps.odoo.com/apps/modules/18.0/dynamic_accounts_report" | 
				
			||||
 | 
					                                       target="_blank" | 
				
			||||
 | 
					                                       style="color: #000; text-decoration: none;"> | 
				
			||||
 | 
					                                        <div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" | 
				
			||||
 | 
					                                             class="shadow-sm"> | 
				
			||||
 | 
					                                            <img class="img img-responsive center-block" style=" max-width: 100%;" | 
				
			||||
 | 
					                                                 src="./assets/modules/4.png"/> | 
				
			||||
 | 
					                                            <h4 class="mt0 text-truncate" | 
				
			||||
 | 
					                                                style="text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px"> | 
				
			||||
 | 
					                                                Odoo18 Dynamic Accounting Reports</h4> | 
				
			||||
 | 
					                                        </div> | 
				
			||||
 | 
					                                    </a> | 
				
			||||
 | 
					                                </div> | 
				
			||||
 | 
					                                <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;"> | 
				
			||||
 | 
					                                    <a href="https://apps.odoo.com/apps/modules/18.0/hide_menu_user" target="_blank" | 
				
			||||
 | 
					                                       style="color: #000; text-decoration: none;"> | 
				
			||||
 | 
					                                        <div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" | 
				
			||||
 | 
					                                             class="shadow-sm"> | 
				
			||||
 | 
					                                            <img class="img img-responsive center-block" style=" max-width: 100%;" | 
				
			||||
 | 
					                                                 src="./assets/modules/5.jpg"/> | 
				
			||||
 | 
					                                            <h4 class="mt0 text-truncate" | 
				
			||||
 | 
					                                                style="text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px"> | 
				
			||||
 | 
					                                                Hide Any Menu User Wise</h4> | 
				
			||||
 | 
					                                        </div> | 
				
			||||
 | 
					                                    </a> | 
				
			||||
 | 
					                                </div> | 
				
			||||
 | 
					                                <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;"> | 
				
			||||
 | 
					                                    <a href="https://apps.odoo.com/apps/modules/18.0/odoo_dynamic_dashboard" | 
				
			||||
 | 
					                                       target="_blank" | 
				
			||||
 | 
					                                       style="color: #000; text-decoration: none;"> | 
				
			||||
 | 
					                                        <div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" | 
				
			||||
 | 
					                                             class="shadow-sm"> | 
				
			||||
 | 
					                                            <img class="img img-responsive center-block" style=" max-width: 100%;" | 
				
			||||
 | 
					                                                 src="./assets/modules/6.gif"/> | 
				
			||||
 | 
					                                            <h4 class="mt0 text-truncate" | 
				
			||||
 | 
					                                                style="text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px"> | 
				
			||||
 | 
					                                                Odoo Dynamic Dashboard</h4> | 
				
			||||
 | 
					                                        </div> | 
				
			||||
 | 
					                                    </a> | 
				
			||||
 | 
					                                </div> | 
				
			||||
 | 
					                            </div> | 
				
			||||
 | 
					                        </div> | 
				
			||||
 | 
					                        <!-- Left and right controls --> | 
				
			||||
 | 
					                        <a class="carousel-control-prev" href="#demo" data-bs-slide="prev" | 
				
			||||
 | 
					                           style="margin-left: -30px;width: 35px;color: #000;"> | 
				
			||||
 | 
					                            <span class="carousel-control-prev-icon"> | 
				
			||||
 | 
					                                <i class="fa fa-chevron-left" style="font-size:24px"></i> | 
				
			||||
 | 
					                          </span> | 
				
			||||
 | 
					                        </a> | 
				
			||||
 | 
					                        <a class="carousel-control-next" href="#demo" data-bs-slide="next" | 
				
			||||
 | 
					                           style="margin-right: -30px;width: 35px;color: #000;"> | 
				
			||||
 | 
					                            <span class="carousel-control-next-icon"> | 
				
			||||
 | 
					                                <i class="fa fa-chevron-right" style="font-size:24px"></i> | 
				
			||||
 | 
					                            </span> | 
				
			||||
 | 
					                        </a> | 
				
			||||
 | 
					                    </div> | 
				
			||||
 | 
					                </section> | 
				
			||||
 | 
					                <!-- service-section --> | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					                <section id="services" class="mt-5" style="border-radius: 16px; | 
				
			||||
 | 
					                                                            border: 1px solid #EBEEF2; | 
				
			||||
 | 
					                                                            background: var(--Neutral-N0, #FFF); | 
				
			||||
 | 
					                                                            padding: 60px 40px; | 
				
			||||
 | 
					                                                            box-shadow: 0px 5px 20px -11px rgba(0, 0, 0, 0.25);"> | 
				
			||||
 | 
					                    <div class="text-center mt-4"><h3 class="mb-0" style="color: #000; | 
				
			||||
 | 
					                                                                  text-align: center; | 
				
			||||
 | 
					                                                                  font-family: Montserrat; | 
				
			||||
 | 
					                                                                  font-size: 40px; | 
				
			||||
 | 
					                                                                  font-style: normal; | 
				
			||||
 | 
					                                                                  font-weight: 700; | 
				
			||||
 | 
					                                                                  line-height: normal; | 
				
			||||
 | 
					                                                                  text-transform: uppercase; | 
				
			||||
 | 
					                                                                  padding-bottom: 50px;"> | 
				
			||||
 | 
					                        Our Services</h3></div> | 
				
			||||
 | 
					                    <div class="row mt-3"> | 
				
			||||
 | 
					                        <div class="col-lg-3 col-sm-12 mb-3"> | 
				
			||||
 | 
					                            <a href="#" style="text-decoration:none"> | 
				
			||||
 | 
					                                <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" | 
				
			||||
 | 
					                                     style="font-size:25px; font-weight:bold;background-color:#FFE2E5; margin:auto; gap: 16px; border-radius: 8px;"> | 
				
			||||
 | 
					                                    <div class="d-flex justify-content-center align-items-center" | 
				
			||||
 | 
					                                         style="background-color:#FA5A7D; border-radius:50%; height:56px; width:56px"> | 
				
			||||
 | 
					                                        <img src="./assets/icons/gear.svg" | 
				
			||||
 | 
					                                             class="img-responsive" | 
				
			||||
 | 
					                                             height="28px" width="28px"> | 
				
			||||
 | 
					                                    </div> | 
				
			||||
 | 
					                                    <span style="font-size: 18px; | 
				
			||||
 | 
					                                  color: var(--text-color); | 
				
			||||
 | 
					                                  font-weight: 600;"> Odoo Customization</span> | 
				
			||||
 | 
					                                </div> | 
				
			||||
 | 
					                            </a> | 
				
			||||
 | 
					                        </div> | 
				
			||||
 | 
					                        <div class="col-lg-3 col-sm-12 mb-3"> | 
				
			||||
 | 
					                            <a href="#" style="text-decoration:none"> | 
				
			||||
 | 
					                                <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" | 
				
			||||
 | 
					                                     style="font-size:25px; font-weight:bold;background-color:#FFF4DE; margin:auto; gap: 16px; border-radius: 8px;"> | 
				
			||||
 | 
					                                    <div class="d-flex justify-content-center align-items-center" | 
				
			||||
 | 
					                                         style="background-color:#FF947A; border-radius:50%; height:56px; width:56px"> | 
				
			||||
 | 
					                                        <img src="./assets/icons/wrench-icon.svg" | 
				
			||||
 | 
					                                             class="img-responsive" | 
				
			||||
 | 
					                                             height="28px" width="28px"> | 
				
			||||
 | 
					                                    </div> | 
				
			||||
 | 
					                                    <span style="font-size: 18px; | 
				
			||||
 | 
					                    color: var(--text-color); | 
				
			||||
 | 
					                    font-weight: 600;"> Odoo Implementation</span> | 
				
			||||
 | 
					                                </div> | 
				
			||||
 | 
					                            </a> | 
				
			||||
 | 
					                        </div> | 
				
			||||
 | 
					                        <div class="col-lg-3 col-sm-12 mb-3"> | 
				
			||||
 | 
					                            <a href="#" style="text-decoration:none"> | 
				
			||||
 | 
					                                <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" | 
				
			||||
 | 
					                                     style="font-size:25px; font-weight:bold;background-color:#DCFCE7; margin:auto; gap: 16px; border-radius: 8px;"> | 
				
			||||
 | 
					                                    <div class="d-flex justify-content-center align-items-center" | 
				
			||||
 | 
					                                         style="background-color:#3CD856; border-radius:50%; height:56px; width:56px"> | 
				
			||||
 | 
					                                        <img src="./assets/icons/life-ring-icon.svg" | 
				
			||||
 | 
					                                             class="img-responsive" | 
				
			||||
 | 
					                                             height="28px" width="28px"> | 
				
			||||
 | 
					                                    </div> | 
				
			||||
 | 
					                                    <span style="font-size: 18px; | 
				
			||||
 | 
					                  color: var(--text-color); | 
				
			||||
 | 
					                  font-weight: 600;">Odoo Support</span> | 
				
			||||
 | 
					                                </div> | 
				
			||||
 | 
					                            </a> | 
				
			||||
 | 
					                        </div> | 
				
			||||
 | 
					                        <div class="col-lg-3 col-sm-12 mb-3"> | 
				
			||||
 | 
					                            <a href="#" style="text-decoration:none"> | 
				
			||||
 | 
					                                <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" | 
				
			||||
 | 
					                                     style="font-size:25px; font-weight:bold;background-color:#F3E8FF; margin:auto; gap: 16px; border-radius: 8px;"> | 
				
			||||
 | 
					                                    <div class="d-flex justify-content-center align-items-center" | 
				
			||||
 | 
					                                         style="background-color:#BF83FF; border-radius:50%; height:56px; width:56px"> | 
				
			||||
 | 
					                                        <img src="./assets/icons/arrows-repeat.svg" | 
				
			||||
 | 
					                                             class="img-responsive" | 
				
			||||
 | 
					                                             height="28px" width="28px"> | 
				
			||||
 | 
					                                    </div> | 
				
			||||
 | 
					                                    <span style="font-size: 18px; | 
				
			||||
 | 
					                color: var(--text-color); | 
				
			||||
 | 
					                font-weight: 600;">Odoo Migration</span> | 
				
			||||
 | 
					                                </div> | 
				
			||||
 | 
					                            </a> | 
				
			||||
 | 
					                        </div> | 
				
			||||
 | 
					                        <div class="col-lg-3 col-sm-12 mb-3"> | 
				
			||||
 | 
					                            <a href="#" style="text-decoration:none"> | 
				
			||||
 | 
					                                <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" | 
				
			||||
 | 
					                                     style="font-size:25px; font-weight:bold;background-color:#F1F9FF; margin:auto; gap: 16px; border-radius: 8px;"> | 
				
			||||
 | 
					                                    <div class="d-flex justify-content-center align-items-center" | 
				
			||||
 | 
					                                         style="background-color:#01649C; border-radius:50%; height:56px; width:56px"> | 
				
			||||
 | 
					                                        <img src="./assets/icons/puzzle-piece-icon.svg" | 
				
			||||
 | 
					                                             class="img-responsive" | 
				
			||||
 | 
					                                             height="28px" width="28px"> | 
				
			||||
 | 
					                                    </div> | 
				
			||||
 | 
					                                    <span style="font-size: 18px; | 
				
			||||
 | 
					              color: var(--text-color); | 
				
			||||
 | 
					              font-weight: 600;">Odoo integration</span> | 
				
			||||
 | 
					                                </div> | 
				
			||||
 | 
					                            </a> | 
				
			||||
 | 
					                        </div> | 
				
			||||
 | 
					                        <div class="col-lg-3 col-sm-12 mb-3"> | 
				
			||||
 | 
					                            <a href="#" style="text-decoration:none"> | 
				
			||||
 | 
					                                <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" | 
				
			||||
 | 
					                                     style="font-size:25px; font-weight:bold;background-color:#EDF8ED; margin:auto; gap: 16px; border-radius: 8px;"> | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					                                    <div class="d-flex justify-content-center align-items-center" | 
				
			||||
 | 
					                                         style="background-color:#69CC70; border-radius:50%; height:56px; width:56px"> | 
				
			||||
 | 
					                                        <img src="./assets/icons/odoo-consultancy.svg" | 
				
			||||
 | 
					                                             class="img-responsive" | 
				
			||||
 | 
					                                             height="28px" width="28px"> | 
				
			||||
 | 
					                                    </div> | 
				
			||||
 | 
					                                    <span style="font-size: 18px; | 
				
			||||
 | 
					            color: var(--text-color); | 
				
			||||
 | 
					            font-weight: 600;">Odoo Consultancy</span> | 
				
			||||
 | 
					                                </div> | 
				
			||||
 | 
					                            </a> | 
				
			||||
 | 
					                        </div> | 
				
			||||
 | 
					                        <div class="col-lg-3 col-sm-12 mb-3"> | 
				
			||||
 | 
					                            <a href="#" style="text-decoration:none"> | 
				
			||||
 | 
					                                <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" | 
				
			||||
 | 
					                                     style="font-size:25px; font-weight:bold;background-color:#F1F6FF; margin:auto; gap: 16px; border-radius: 8px;"> | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					                                    <div class="d-flex justify-content-center align-items-center" | 
				
			||||
 | 
					                                         style="background-color:#2E4556; border-radius:50%; height:56px; width:56px"> | 
				
			||||
 | 
					                                        <img src="./assets/icons/odoo-licencing.svg" | 
				
			||||
 | 
					                                             class="img-responsive" | 
				
			||||
 | 
					                                             height="28px" width="28px"> | 
				
			||||
 | 
					                                    </div> | 
				
			||||
 | 
					                                    <span style="font-size: 18px; | 
				
			||||
 | 
					          color: var(--text-color); | 
				
			||||
 | 
					          font-weight: 600;">Odoo Licensing</span> | 
				
			||||
 | 
					                                </div> | 
				
			||||
 | 
					                            </a> | 
				
			||||
 | 
					                        </div> | 
				
			||||
 | 
					                        <div class="col-lg-3 col-sm-12 mb-3"> | 
				
			||||
 | 
					                            <a href="#" style="text-decoration:none"> | 
				
			||||
 | 
					                                <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" | 
				
			||||
 | 
					                                     style="font-size:25px; font-weight:bold;background-color:#FAF6EA; margin:auto; gap: 16px; border-radius: 8px;"> | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					                                    <div class="d-flex justify-content-center align-items-center" | 
				
			||||
 | 
					                                         style="background-color:#FCD12C; border-radius:50%; height:56px; width:56px"> | 
				
			||||
 | 
					                                        <img src="./assets/icons/hire-odoo.svg" | 
				
			||||
 | 
					                                             class="img-responsive" | 
				
			||||
 | 
					                                             height="28px" width="28px"> | 
				
			||||
 | 
					                                    </div> | 
				
			||||
 | 
					                                    <span style="font-size: 18px; | 
				
			||||
 | 
					          color: var(--text-color); | 
				
			||||
 | 
					          font-weight: 600;">Hire Odoo Developer</span> | 
				
			||||
 | 
					                                </div> | 
				
			||||
 | 
					                            </a> | 
				
			||||
 | 
					                        </div> | 
				
			||||
 | 
					                    </div> | 
				
			||||
 | 
					            </div> | 
				
			||||
 | 
					            <!-- licence --> | 
				
			||||
 | 
					            <div class="tab-pane fade" id="profile" role="tabpanel" | 
				
			||||
 | 
					                 aria-labelledby="profile-tab"> | 
				
			||||
 | 
					                <div class="px-5"> | 
				
			||||
 | 
					                    .... | 
				
			||||
 | 
					                </div> | 
				
			||||
 | 
					            </div> | 
				
			||||
 | 
					            <!--  --> | 
				
			||||
 | 
					        </div> | 
				
			||||
 | 
					        </section> | 
				
			||||
 | 
					        <!--  --> | 
				
			||||
 | 
					    </div> | 
				
			||||
 | 
					</div> | 
				
			||||
 | 
					</body> | 
				
			||||
 | 
					<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script> | 
				
			||||
 | 
					<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" | 
				
			||||
 | 
					        integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" | 
				
			||||
 | 
					        crossorigin="anonymous" referrerpolicy="no-referrer"></script> | 
				
			||||
 | 
					<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script> | 
				
			||||
 | 
					<script> | 
				
			||||
 | 
					    $('.owl-carousel').owlCarousel({ | 
				
			||||
 | 
					        rtl: true, | 
				
			||||
 | 
					        loop: true, | 
				
			||||
 | 
					        margin: 10, | 
				
			||||
 | 
					        nav: true, | 
				
			||||
 | 
					        responsive: { | 
				
			||||
 | 
					            0: { | 
				
			||||
 | 
					                items: 1 | 
				
			||||
 | 
					            }, | 
				
			||||
 | 
					            600: { | 
				
			||||
 | 
					                items: 3 | 
				
			||||
 | 
					            }, | 
				
			||||
 | 
					            1000: { | 
				
			||||
 | 
					                items: 3 | 
				
			||||
 | 
					            } | 
				
			||||
 | 
					        } | 
				
			||||
 | 
					    }) | 
				
			||||
 | 
					</script> | 
				
			||||
 | 
					</html> | 
				
			||||
@ -0,0 +1,64 @@ | 
				
			|||||
 | 
					/** @odoo-module */ | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					import { patch } from "@web/core/utils/patch"; | 
				
			||||
 | 
					import { FloorScreen } from "@pos_restaurant/app/floor_screen/floor_screen"; | 
				
			||||
 | 
					import { TextInputPopup } from "@point_of_sale/app/utils/input_popups/text_input_popup" | 
				
			||||
 | 
					import { AlertDialog, ConfirmationDialog } from "@web/core/confirmation_dialog/confirmation_dialog"; | 
				
			||||
 | 
					import { _t } from "@web/core/l10n/translation"; | 
				
			||||
 | 
					
 | 
				
			||||
 | 
					patch(FloorScreen.prototype, { | 
				
			||||
 | 
					    async reserve() { | 
				
			||||
 | 
					            // Function for reserve table in pos with entering details
 | 
				
			||||
 | 
					            const tables = this.selectedTables; | 
				
			||||
 | 
					            const table = tables[0]; | 
				
			||||
 | 
					            var self = this | 
				
			||||
 | 
					            if (!table) return; | 
				
			||||
 | 
					            if (table.reserved){ | 
				
			||||
 | 
					                this.dialog.add(AlertDialog, { | 
				
			||||
 | 
					                    title: _t("Reserved"), | 
				
			||||
 | 
					                    body: _t( | 
				
			||||
 | 
					                        "This table is reserved" | 
				
			||||
 | 
					                    ), | 
				
			||||
 | 
					                }); | 
				
			||||
 | 
					                return; | 
				
			||||
 | 
					            } | 
				
			||||
 | 
					            this.dialog.add(TextInputPopup, { | 
				
			||||
 | 
					                title: _t("Reservation Details ?"), | 
				
			||||
 | 
					                placeholder: _t("reservation details"), | 
				
			||||
 | 
					                getPayload: async (details) => { | 
				
			||||
 | 
					                    self.pos.data.write("restaurant.table", [table.id], { reserved: true, reservation_details: details }); | 
				
			||||
 | 
					                }, | 
				
			||||
 | 
					            }); | 
				
			||||
 | 
					        }, | 
				
			||||
 | 
					       async vieInfo() { | 
				
			||||
 | 
					            // Function for view reservation details
 | 
				
			||||
 | 
					            const tables = this.selectedTables; | 
				
			||||
 | 
					            const table = tables[0]; | 
				
			||||
 | 
					            if (!table) return; | 
				
			||||
 | 
					            if (table.reserved){ | 
				
			||||
 | 
					                var info = table.reservation_details | 
				
			||||
 | 
					                console.log(info) | 
				
			||||
 | 
					                this.dialog.add(AlertDialog, { | 
				
			||||
 | 
					                    title: _t("Reservation Details"), | 
				
			||||
 | 
					                    body: info, | 
				
			||||
 | 
					                }); | 
				
			||||
 | 
					                return; | 
				
			||||
 | 
					            } | 
				
			||||
 | 
					       }, | 
				
			||||
 | 
					       async un_reserve() { | 
				
			||||
 | 
					            // Function for un reserve reserved table in pos
 | 
				
			||||
 | 
					            const tables = this.selectedTables; | 
				
			||||
 | 
					            const table = tables[0]; | 
				
			||||
 | 
					            var self = this | 
				
			||||
 | 
					            if (!table) return; | 
				
			||||
 | 
					            if (table.reserved){ | 
				
			||||
 | 
					                this.dialog.add(ConfirmationDialog, { | 
				
			||||
 | 
					                    title: _t('Confirm Unreservation'), | 
				
			||||
 | 
					                    body: _t('Are you sure you want to unreserve this table?'), | 
				
			||||
 | 
					                    confirm: async () => { | 
				
			||||
 | 
					                        self.pos.data.write("restaurant.table", [table.id], { reserved: false, reservation_details: '' }); | 
				
			||||
 | 
					                    }, | 
				
			||||
 | 
					                }); | 
				
			||||
 | 
					            } | 
				
			||||
 | 
					        }, | 
				
			||||
 | 
					}); | 
				
			||||
@ -0,0 +1,21 @@ | 
				
			|||||
 | 
					.floor-map .edit-bar .edit-button .ticket-reserve{ | 
				
			||||
 | 
					    color: #007602; | 
				
			||||
 | 
					} | 
				
			||||
 | 
					.floor-map .edit-bar .edit-button .ticket-un-reserve{ | 
				
			||||
 | 
					    color: #6f0011; | 
				
			||||
 | 
					} | 
				
			||||
 | 
					.floor-map .reserved-border{ | 
				
			||||
 | 
					    border: 5px solid black !important; | 
				
			||||
 | 
					} | 
				
			||||
 | 
					.floor-map .reserved-border .table-reserved{ | 
				
			||||
 | 
					    display: flex; | 
				
			||||
 | 
					    justify-content: center; | 
				
			||||
 | 
					} | 
				
			||||
 | 
					.floor-map .reserved-border .table-reserved .reserved-label{ | 
				
			||||
 | 
					    position: absolute; | 
				
			||||
 | 
					    background: #000000; | 
				
			||||
 | 
					    margin-top: -4px; | 
				
			||||
 | 
					    font-size: 17px; | 
				
			||||
 | 
					    z-index: 10; | 
				
			||||
 | 
					    color: white; | 
				
			||||
 | 
					} | 
				
			||||
@ -0,0 +1,49 @@ | 
				
			|||||
 | 
					<?xml version="1.0" encoding="UTF-8" ?> | 
				
			||||
 | 
					<templates id="template" xml:space="preserve"> | 
				
			||||
 | 
					<!-- Template inherited for adding buttons : Reserve and un Reserve and adding reserved labels in pos table. --> | 
				
			||||
 | 
					    <t t-name="table_reservation_in_pos.Waiter_Table" | 
				
			||||
 | 
					       t-inherit="pos_restaurant.FloorScreen" | 
				
			||||
 | 
					       t-inherit-mode="extension" owl="1"> | 
				
			||||
 | 
					    <xpath expr="//button[@t-on-click.stop='() => this.delete(hasSelectedTable)']" | 
				
			||||
 | 
					           position="after"> | 
				
			||||
 | 
					            <t t-if="this.env.services.pos.config.table_reservation"> | 
				
			||||
 | 
					                <span role="button" class="edit-button text-center d-flex flex-column btn btn-light text-uppercase" | 
				
			||||
 | 
					                      t-att-disabled="selectedTables.length > 1" | 
				
			||||
 | 
					                      t-on-click.stop="reserve"> | 
				
			||||
 | 
					                    <i class="fa fa-ticket ticket-reserve" role="img" | 
				
			||||
 | 
					                       aria-label="Reserve" | 
				
			||||
 | 
					                       title="Reserve"/> | 
				
			||||
 | 
					                    <span class="text-button d-block">Reserve</span> | 
				
			||||
 | 
					                </span> | 
				
			||||
 | 
					                <span role="button" class="edit-button text-center d-flex flex-column btn btn-light text-uppercase" | 
				
			||||
 | 
					                      t-att-disabled="selectedTables.length > 1" | 
				
			||||
 | 
					                      t-on-click.stop="vieInfo"> | 
				
			||||
 | 
					                    <i class="fa fa-info" role="img" | 
				
			||||
 | 
					                       aria-label="View Info" | 
				
			||||
 | 
					                       title="View Info"/> | 
				
			||||
 | 
					                    <span class="text-button d-block">View Info</span> | 
				
			||||
 | 
					                </span> | 
				
			||||
 | 
					                <span role="button" class="edit-button text-center d-flex flex-column btn btn-light text-uppercase" | 
				
			||||
 | 
					                      t-att-disabled="selectedTables.length > 1" | 
				
			||||
 | 
					                      t-on-click.stop="un_reserve"> | 
				
			||||
 | 
					                    <i class="fa fa-ticket ticket-un-reserve" role="img" | 
				
			||||
 | 
					                       aria-label="Un Reserve" | 
				
			||||
 | 
					                       title="Un Reserve"/> | 
				
			||||
 | 
					                    <span class="text-button d-block">Un Reserve</span> | 
				
			||||
 | 
					                </span> | 
				
			||||
 | 
					            </t> | 
				
			||||
 | 
					    </xpath> | 
				
			||||
 | 
					    <xpath expr="//div[hasclass('table')]" | 
				
			||||
 | 
					           position="attributes"> | 
				
			||||
 | 
					        <attribute name="t-attf-title">#{table.reserved ? table.reservation_details : ''}</attribute> | 
				
			||||
 | 
					    </xpath> | 
				
			||||
 | 
					    <xpath expr="//div[hasclass('table')]" | 
				
			||||
 | 
					           position="inside"> | 
				
			||||
 | 
					        <div class="table-reserved mb-5"> | 
				
			||||
 | 
					            <span t-att-hidden="!table.reserved" class="reserved-label"> | 
				
			||||
 | 
					                Reserved | 
				
			||||
 | 
					            </span> | 
				
			||||
 | 
					        </div> | 
				
			||||
 | 
					    </xpath> | 
				
			||||
 | 
					</t> | 
				
			||||
 | 
					</templates> | 
				
			||||
@ -0,0 +1,26 @@ | 
				
			|||||
 | 
					<?xml version="1.0" encoding="UTF-8" ?> | 
				
			||||
 | 
					<odoo> | 
				
			||||
 | 
					     <!--   Add new field inside pos settings--> | 
				
			||||
 | 
					    <record id="res_config_settings_view_form" model="ir.ui.view"> | 
				
			||||
 | 
					        <field name="name">res.config.settings.view.form.inherit.pos.table.reservation</field> | 
				
			||||
 | 
					        <field name="model">res.config.settings</field> | 
				
			||||
 | 
					        <field name="inherit_id" | 
				
			||||
 | 
					               ref="point_of_sale.res_config_settings_view_form"/> | 
				
			||||
 | 
					        <field name="arch" type="xml"> | 
				
			||||
 | 
					            <xpath expr="//block[@id='restaurant_section']" | 
				
			||||
 | 
					                   position="inside"> | 
				
			||||
 | 
					                <div class="col-12 col-lg-6 o_setting_box" invisible="not pos_module_pos_restaurant"> | 
				
			||||
 | 
					                <div class="o_setting_left_pane"> | 
				
			||||
 | 
					                    <field name="table_reservation" class="oe_inline" /> | 
				
			||||
 | 
					                </div> | 
				
			||||
 | 
					                <div class="o_setting_right_pane"> | 
				
			||||
 | 
					                    <label for="table_reservation"/> | 
				
			||||
 | 
					                    <div class="text-muted"> | 
				
			||||
 | 
					                        Allow Table Reservation | 
				
			||||
 | 
					                    </div> | 
				
			||||
 | 
					                </div> | 
				
			||||
 | 
					                </div> | 
				
			||||
 | 
					            </xpath> | 
				
			||||
 | 
					        </field> | 
				
			||||
 | 
					    </record> | 
				
			||||
 | 
					</odoo> | 
				
			||||