Apr 23: [ADD] Initial Commit 'website_appointment_payment'

website_appointment_payment/README.rst

@@ -0,0 +1,48 @@
+.. 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
+
+WEBSITE APPOINTMENT PAYMENT
+===========================
+* You can configure the payments from the Website.
+Configuration
+============
+    - www.odoo.com/documentation/16.0/setup/install.html
+    - Install our custom addon
+
+Company
+-------
+* `Cybrosys Techno Solutions <https://cybrosys.com/>`__
+
+License
+-------
+General Public License, Version 3 (AGPL v3).
+(https://www.gnu.org/licenses/agpl-3.0-standalone.html)
+
+Credits
+-------
+* Developer: (V16) NIHALA KP, 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
+--------
+This module is maintained by Cybrosys Technologies.
+
+For support and more information, please visit https://www.cybrosys.com
+
+.. image:: https://cybrosys.com/images/logo.png
+   :target: https://cybrosys.com"
+
+Further Information
+-----------
+HTML Description: `<static/description/index.html>`__
+
+

website_appointment_payment/__init__.py

@@ -0,0 +1,23 @@
+# -*- coding: utf-8 -*-
+###############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions (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
+from . import controllers

website_appointment_payment/__manifest__.py

@@ -0,0 +1,47 @@
+# -*- coding: utf-8 -*-
+###############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions (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': 'Website Appointment Payment',
+    'version': '16.0.1.0.0',
+    'category': 'Website',
+    'summary': 'Payment before confirming the Appointment in Website',
+    'description': """We can do the Payment in online appointment in website""",
+    'author': 'Cybrosys Techno Solutions',
+    'company': 'Cybrosys Techno Solutions',
+    'maintainer': 'Cybrosys Techno Solutions',
+    'website': 'https://www.cybrosys.com',
+    'depends': ['website', 'appointment', 'sale', 'base'],
+    'data': [
+        'security/ir.model.access.csv',
+        'data/appoinment_product_demo.xml',
+        'views/appointment_product_view.xml',
+        'views/appointment_template_registration.xml',
+        'views/website_appointment_template.xml',
+        'views/website_appointment_payment_template.xml',
+        'views/appointment_info_template.xml',
+    ],
+    'images': ['static/description/banner.png'],
+    'license': 'AGPL-3',
+    'installable': True,
+    'auto_install': False,
+    'application': False,
+}

website_appointment_payment/controllers/__init__.py

@@ -0,0 +1,23 @@
+# -*- coding: utf-8 -*-
+###############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions (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 payment
+from . import appointment

website_appointment_payment/controllers/appointment.py

@@ -0,0 +1,97 @@
+# -*- coding: utf-8 -*-
+###############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions (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/>.
+#
+#############################################################################
+import pytz
+from dateutil.relativedelta import relativedelta
+from werkzeug.exceptions import NotFound
+from odoo import fields, http
+from odoo.http import request
+from odoo.addons.appointment.controllers.appointment import \
+    AppointmentController
+from odoo.addons.base.models.ir_qweb import keep_query
+from odoo.addons.payment import utils
+
+
+class AppointmentAccountPayment(AppointmentController):
+
+    @http.route()
+    def appointment_form_submit(
+            self, appointment_type_id, datetime_str, duration_str,
+            staff_user_id, name, phone, email, **kwargs
+    ):
+        """ Override: when a payment step is necessary, we create the appointment
+            booking model to store all relevant information
+            instead of creating a calendar.event.  It will
+            be transformed to a calendar.event on payment (or confirmation).
+             See make_event on appointment.booking.
+            Redirects to payment if needed. See redirect_to_payment"""
+        if kwargs.get('invite_token'):
+            appointment_invite_id = request.env[
+                'appointment.invite'].sudo().search(
+                [('access_token', '=', kwargs.get('invite_token'))]).id
+        else:
+            appointment_invite_id = False
+        appointment = request.env['appointment.type'].browse(
+            appointment_type_id)
+        timezone = request.session.get('timezone') or appointment.appointment_tz
+        tz_session = pytz.timezone(timezone)
+        date_start = tz_session.localize(
+            fields.Datetime.from_string(datetime_str)).astimezone(
+            pytz.utc).replace(
+            tzinfo=None)
+        duration = float(duration_str)
+        date_end = date_start + relativedelta(hours=duration)
+        if appointment.has_payment_step and appointment.product_id.lst_price:
+            appointment_booking = request.env[
+                'appointment.booking'].sudo().create([{
+                'appointment_type_id': appointment_type_id,
+                'appointment_invite_id': appointment_invite_id,
+                'name': name,
+                'product_id': appointment.product_id.id,
+                'staff_user_id': staff_user_id,
+                'start': date_start,
+                'duration': duration,
+                'stop': date_end,
+            }])
+            return self.redirect_to_payment(appointment_booking)
+        return super().appointment_form_submit(
+            appointment_type_id, datetime_str, duration_str, staff_user_id,
+            name, phone, email, **kwargs
+        )
+
+    def redirect_to_payment(self, appointment_booking):
+        """Booking Page is redirected to Payment Page"""
+        invoice_id = appointment_booking.sudo().make_invoice()
+        if not invoice_id:
+            raise NotFound()
+        return request.redirect(
+            "/payment/pay?appointment_type_id={aid}&invoice_id={"
+            "iid}&partner_id={pid}&amount={amount}&access_token={token}&{"
+            "args}".format(
+                aid=appointment_booking.appointment_type_id.id,
+                iid=invoice_id.id,
+                pid=appointment_booking.partner_id.id,
+                amount=invoice_id.amount_total,
+                token=utils.generate_access_token(invoice_id.partner_id.id,
+                                                  invoice_id.amount_total,
+                                                  invoice_id.currency_id.id),
+                args=keep_query('*')
+            ))

website_appointment_payment/controllers/payment.py

@@ -0,0 +1,93 @@
+# -*- coding: utf-8 -*-
+###############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions (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 werkzeug.exceptions import NotFound
+from odoo import http
+from odoo.addons.payment.controllers import portal
+from odoo.addons.base.models.ir_qweb import keep_query
+from odoo.http import request
+
+
+class AppointmentAccountPaymentPortal(portal.PaymentPortal):
+
+    @http.route(
+        '/appointment/<int:appointment_type_id>/invoice/<string:invoice_token'
+        '>/post_payment',
+        type='http', auth="public", website=True, sitemap=False)
+    def appointment(self, invoice_token):
+        """if event is created its is redirected to appointment confirmation
+        page"""
+        invoice_sudo = request.env['account.move'].sudo().search(
+            [('access_token', '=', invoice_token)], limit=1)
+        if not invoice_sudo:
+            raise NotFound()
+        booking = invoice_sudo.calendar_booking_ids
+        if not booking:
+            raise NotFound()
+        if booking.calender_event_id:
+            return request.redirect(
+                "/calendar/view/{event_token}?partner_id={pid}&{args}".format(
+                    event_token=booking.calender_event_id.access_token,
+                    pid=invoice_sudo.partner_id.id,
+                    args=keep_query('*')
+                ))
+        return request.redirect(
+            f"/calendar_booking/{booking.booking_token}/view?{keep_query('*')}")
+
+    def _get_custom_rendering_context_values(self, **kwargs):
+        """appointment details are added to rendering the page"""
+        rendering_context_values = super()._get_custom_rendering_context_values(
+            **kwargs)
+        appointment_type_id = self._cast_as_int(
+            kwargs.get('appointment_type_id'))
+        if not appointment_type_id:
+            return rendering_context_values
+        invoice_sudo = request.env['account.move'].sudo().browse(
+            int(kwargs.get('invoice_id'))).exists()
+        if not invoice_sudo or not invoice_sudo.calendar_booking_ids:
+            raise NotFound()
+        booking_sudo = invoice_sudo.calendar_booking_ids[0]
+        appointment_type_sudo = booking_sudo.appointment_type_id
+        if (booking_sudo.calender_event_id or not appointment_type_sudo or
+                appointment_type_sudo.id != appointment_type_id):
+            raise NotFound()
+        invoice_token = invoice_sudo._portal_ensure_token()
+        rendering_context_values.update({
+            'access_token': invoice_token,
+            'appointment_type': appointment_type_sudo,
+            'booking': booking_sudo,
+            'cancel_booking_route': f"/calendar_booking/{booking_sudo.booking_token}/cancel?{keep_query('*')}",
+            'invoice_state': invoice_sudo.payment_state,
+            'landing_route': "/appointment/{aid}/invoice/{"
+                             "inv_token}/post_payment?partner_id={pid}".format(
+                                aid=appointment_type_sudo.id,
+                                inv_token=invoice_token,
+                                pid=invoice_sudo.partner_id.id,
+                                ),
+            'transaction_route': f'/invoice/transaction/{invoice_sudo.id}',
+        })
+        return rendering_context_values
+
+    def _get_payment_page_template_xmlid(self, **kwargs):
+        """Redirected to payment page"""
+        if kwargs.get('appointment_type_id'):
+            return 'website_appointment_payment.appointment_payment'
+        return super()._get_payment_page_template_xmlid(**kwargs)

website_appointment_payment/data/appoinment_product_demo.xml

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <data>
+        <!-- Default product is configured for booking fees       -->
+        <record id="product_category_appointment" model="product.category">
+            <field name="parent_id" ref="product.product_category_1"/>
+            <field name="name">Booking Fees</field>
+        </record>
+        <record id="default_booking_product" model="product.product">
+            <field name="name">Booking Fees</field>
+            <field name="standard_price">0.00</field>
+            <field name="uom_id" ref="uom.product_uom_unit"/>
+            <field name="list_price">50.00</field>
+            <field name="detailed_type">booking_fees</field>
+            <field name="purchase_ok" eval="False"/>
+            <field name="categ_id" ref="product_category_appointment"/>
+        </record>
+    </data>
+</odoo>

website_appointment_payment/doc/RELEASE_NOTES.md

@@ -0,0 +1,6 @@
+## Module <website_appointment_payment>
+
+#### 19.04.2024
+#### Version 16.0.1.0.0
+#### ADD
+- Initial Commit  Website Appointment Payment

website_appointment_payment/models/__init__.py

@@ -0,0 +1,26 @@
+# -*- coding: utf-8 -*-
+###############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions (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 account_move
+from . import appointment_booking
+from . import appointment_booking_line
+from . import appointment_price
+from . import product_template

website_appointment_payment/models/account_move.py

@@ -0,0 +1,40 @@
+# -*- coding: utf-8 -*-
+###############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions (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 AccountMove(models.Model):
+    """When an invoice is paid,an event is created to corresponding booking"""
+    _inherit = "account.move"
+
+    calendar_booking_ids = fields.One2many("appointment.booking",
+                                           "account_move_id",
+                                           string="Meeting Booking",
+                                           help="shows the appointment "
+                                                "booking related to the "
+                                                "invoice")
+
+    def _invoice_paid_hook(self):
+        """when invoice is paid, create event from calendar booking"""
+        res = super()._invoice_paid_hook()
+        self.calendar_booking_ids.make_event()
+        return res

website_appointment_payment/models/appointment_booking.py

@@ -0,0 +1,85 @@
+# -*- coding: utf-8 -*-
+###############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions (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 models, fields, Command
+import uuid
+
+
+class AppointmentBooking(models.Model):
+    """This model is used to store information for bookings"""
+    _name = "appointment.booking"
+
+    def _default_booking_token(self):
+        """Used for the token generation"""
+        return uuid.uuid4().hex
+
+    account_move_id = fields.Many2one('account.move',
+                                      help="Invoice linked with appointment")
+    product_id = fields.Many2one('product.product', required=True,
+                                 help="Booking product")
+    staff_user_id = fields.Many2one('res.users', 'Operator', help="Staff user")
+    name = fields.Char('Customer Name', help="Customer name")
+    appointment_type_id = fields.Many2one('appointment.type',
+                                          ondelete="cascade", required=True,
+                                          help="Appointment related with "
+                                               "booking")
+    start = fields.Datetime('Start', required=True, help="Starting time")
+    stop = fields.Datetime('Start', required=True, help="Ending Time")
+    duration = fields.Float('Duration', help="Duration of the appointment")
+    partner_id = fields.Many2one('res.partner', 'Contact', help="Customer")
+    calender_event_id = fields.Many2one('calendar.event',
+                                        help="Event created for booking")
+    booking_line_ids = fields.One2many('appointment.booking.line',
+                                       'calendar_booking_id',
+                                       string="Booking Lines",
+                                       help="Appointment booking lines")
+    booking_token = fields.Char('Access Token', default=_default_booking_token,
+                                readonly=True, help="To generate booking token")
+    appointment_invite_id = fields.Many2one('appointment.invite',
+                                            help="Appointment linked with "
+                                                 "appointment invite")
+
+    def make_invoice(self):
+        """Create invoice when booking is created"""
+        return self.env['account.move'].create([{
+            'calendar_booking_ids': [Command.link(booking.id)],
+            'invoice_line_ids': [Command.create({
+                'display_type': 'product',
+                'product_id': booking.product_id.id,
+                'quantity': 1.0,
+            })],
+            'move_type': 'out_invoice',
+            'partner_id': 1,
+        } for booking in self])
+
+    def make_event(self):
+        """create event when invoice is created"""
+        for booking in self:
+            meeting = self.env['calendar.event'].sudo().create({
+                'name': booking.appointment_type_id.name,
+                'location': booking.appointment_type_id.location,
+                'start': booking.start,
+                'stop': booking.stop,
+                'duration': booking.duration,
+                'appointment_type_id': booking.appointment_type_id.id,
+                'user_id': booking.staff_user_id.id,
+            })
+            booking.calender_event_id = meeting

website_appointment_payment/models/appointment_booking_line.py

@@ -0,0 +1,34 @@
+# -*- coding: utf-8 -*-
+###############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions (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 AppointmentBookingLine(models.Model):
+    _name = "appointment.booking.line"
+    _order = "create_date DESC, id DESC"
+    _rec_name = "calendar_booking_id"
+
+    calendar_booking_id = fields.Many2one('appointment.booking',
+                                          'Meeting Booking', ondelete='cascade',
+                                          help="Appointment booking linked "
+                                               "with appointment booking line",
+                                          required=True)

website_appointment_payment/models/appointment_price.py

@@ -0,0 +1,37 @@
+# -*- coding: utf-8 -*-
+###############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions (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 models, fields
+
+
+class AppointmentPrice(models.Model):
+    """this is used to inherit the appointment.type model to add some custom
+    fields"""
+    _inherit = 'appointment.type'
+
+    has_payment_step = fields.Boolean("Up-front Payment",
+                                      help="Require visitors to pay to "
+                                           "confirm their booking")
+    product_id = fields.Many2one(
+        'product.product', string="Product",
+        help="Product configured for appointment booking",
+        domain=[('detailed_type', '=', 'booking_fees')],
+        readonly=False, store=True)

website_appointment_payment/models/product_template.py

@@ -0,0 +1,38 @@
+# -*- coding: utf-8 -*-
+###############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions (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 ProductTemplate(models.Model):
+    """new product type is added for appointment booking"""
+    _inherit = "product.template"
+
+    detailed_type = fields.Selection(selection_add=[
+        ('booking_fees', 'Booking Fees'),
+    ], help="Added new detailed type for appointment booking",
+        ondelete={'booking_fees': 'set service'})
+
+    def _detailed_type_mapping(self):
+        """Added a new product type for appointment booking"""
+        type_mapping = super()._detailed_type_mapping()
+        type_mapping['booking_fees'] = 'service'
+        return type_mapping

website_appointment_payment/security/ir.model.access.csv

@@ -0,0 +1,3 @@
+id,name,model_id/id,group_id/id,perm_read,perm_write,perm_create,perm_unlink
+access_appointment_booking,access_appointment_booking,model_appointment_booking,base.group_user,1,1,1,1
+access_appointment_booking_line,access_appointment_booking_line,model_appointment_booking_line,base.group_user,1,1,1,1

website_appointment_payment/static/description/index.html

@@ -0,0 +1,568 @@
+<div style="background-color: #714B67; height: 810px; width: 100%; padding: 15px; position: relative;">
+  <!-- TITLE BAR -->
+  <div class="d-flex align-items-center justify-content-between"
+    style="border-bottom: 1px solid #875A7B; padding: 15px; display: flex; justify-content: space-between; align-items: center;">
+    <img src="assets/misc/cybrosys-logo.png" width="42" height="42" style="width: 42px; height: 42px;" />
+    <div>
+      <div
+        style="color: #875A7B; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
+        class="mr-2">
+        <i class="fa fa-check mr-1"></i>Enterprise
+      </div>
+      <div
+        style="color: #017E84; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
+        class="mr-2">
+        <i class="fa fa-check mr-1"></i>Odoo.sh
+      </div>
+    </div>
+  </div>
+  <!-- END OF TITLE BAR -->
+  <div class="container">
+    <div class="row">
+      <div class="col-sm-12 col-md-12 col-lg-12">
+        <!-- APP HERO -->
+        <h1 style="color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;">
+         Website Appointment Payment</h1>
+        <p style="color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;"></p>
+        <!-- END OF APP HERO -->
+        <img src="assets/screenshots/hero1.gif" class="img-responsive"
+          style="width: 100%; margin-left: auto; margin-right: auto;" />
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- NAVIGATION SECTION -->
+<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px; margin-top: 300px;">
+    <div class="d-flex justify-content-center align-items-center mr-2"
+        style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+        <img src="assets/misc/compass.png" />
+    </div>
+    <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Explore This
+        Module</h2>
+</div>
+<div class="row my-4" style="font-family: 'Montserrat', sans-serif;">
+    <div class="col-sm-12 col-md-6 my-3">
+        <a href="#overview">
+            <div class="d-flex justify-content-between align-items-center"
+                style="background-color: #f5f5f5; padding: 30px; width: 100%;">
+                <div>
+                    <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Overview</span>
+                    <span
+                        style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">Learn
+                        more about this
+                        module</span>
+                </div>
+                <img src="assets/misc/right-arrow.png" width="36" height="36" />
+            </div>
+        </a>
+    </div>
+    <div class="col-sm-12 col-md-6 my-3">
+        <a href="#features">
+            <div class="d-flex justify-content-between align-items-center"
+                style="background-color: #f5f5f5; padding: 30px; width: 100%;">
+                <div>
+                    <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Features</span>
+                    <span
+                        style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">View
+                        features of this
+                        module</span>
+                </div>
+                <img src="assets/misc/right-arrow.png" width="36" height="36" />
+            </div>
+        </a>
+    </div>
+    <div class="col-sm-12 col-md-6 my-3">
+        <a href="#screenshots">
+            <div class="d-flex justify-content-between align-items-center"
+                style="background-color: #f5f5f5; padding: 30px; width: 100%;">
+                <div>
+                    <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Screenshots</span>
+                    <span
+                        style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">View
+                        screenshots of this
+                        module</span>
+                </div>
+                <img src="assets/misc/right-arrow.png" width="36" height="36" />
+            </div>
+        </a>
+    </div>
+</div>
+<!-- END OF NAVIGATION SECTION -->
+
+<!-- OVERVIEW SECTION -->
+<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;" id="overview">
+    <div class="d-flex justify-content-center align-items-center mr-2"
+        style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+        <img src="assets/misc/pie-chart.png" />
+    </div>
+    <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Overview
+    </h2>
+</div>
+<div class="row" style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
+    <div class="col-sm-12 py-4">
+        By using this module you can pay the appointment booking fees from the website
+   </div>
+</div>
+<!-- END OF OVERVIEW SECTION -->
+
+<!-- FEATURES SECTION -->
+<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;" id="features">
+    <div class="d-flex justify-content-center align-items-center mr-2"
+        style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+        <img src="assets/misc/features.png" />
+    </div>
+    <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Features
+    </h2>
+</div>
+<div class="row" style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
+    <div class="col-sm-12 col-md-6">
+        <div class="d-flex align-items-center" style="margin-top: 40px; margin-bottom: 40px">
+            <img src="assets/misc/check-box.png" class="mr-2" />
+            <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">You can configure a product for appointment booking fees</span>
+        </div>
+        <div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
+            <img src="assets/misc/check-box.png" class="mr-2" />
+            <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">You can see the appointment fees in the appointment card</span>
+        </div>
+        <div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
+            <img src="assets/misc/check-box.png" class="mr-2" />
+            <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">You can complete the payment from website</span>
+        </div>
+
+    </div>
+</div>
+<!-- END OF FEATURES SECTION -->
+
+<!-- SCREENSHOTS SECTION -->
+<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;" id="screenshots">
+    <div class="d-flex justify-content-center align-items-center mr-2"
+        style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+        <img src="assets/misc/pictures.png" />
+    </div>
+    <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Screenshots
+    </h2>
+</div>
+<div class="row">
+    <div class="col-sm-12">
+         <div style="display: block; margin: 30px auto;">
+            <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Enable the payment option</h3>
+             <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                From Website > Configuration > Online Appointments > options , you can enable  the  checkbox to configure website payments. </p>
+            <img src="assets/screenshots/screenshot1.png" class="img-thumbnail">
+        </div>
+                 <div style="display: block; margin: 30px auto;">
+            <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Product configuration</h3>
+              <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                When you enable the checkbox, you'll be able to view the products configured for booking. Additionally, if you wish to configure the payment provider, you can do so from there as well.</p>
+            <img src="assets/screenshots/screenshot2.png" class="img-thumbnail">
+        </div>
+        <div style="display: block; margin: 30px auto;">
+            <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Schedule the appointment</h3>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                While scheduling appointments on the website, you can also view the booking fees within the appointment information.</p>
+            <img src="assets/screenshots/screenshot3.png" class="img-thumbnail">
+        </div>
+        <div style="display: block; margin: 30px auto;">
+            <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">select the date</h3>
+
+            <img src="assets/screenshots/screenshot4.png" class="img-thumbnail">
+        </div>
+
+        <div style="display: block; margin: 30px auto;">
+            <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Proceed to Payment</h3>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">We've enabled the upfront payment option, which adds an extra step to proceed to payment before confirming the appointment.</p>
+            <img src="assets/screenshots/screenshot5.png" class="img-thumbnail">
+        </div>
+
+        <div style="display: block; margin: 30px auto;">
+            <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Select the Payment provider</h3>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Choose the Payment provider and complete the payment</p>
+            <img src="assets/screenshots/screenshot6.png" class="img-thumbnail">
+        </div>
+
+        <div style="display: block; margin: 30px auto;">
+            <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Payment in Progress</h3>
+            <img src="assets/screenshots/screenshot7.png" class="img-thumbnail">
+        </div>
+          <div style="display: block; margin: 30px auto;">
+            <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Payment Completed</h3>
+              <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Payment has been completed, and we can now view the booking information.</p>
+            <img src="assets/screenshots/screenshot8.png" class="img-thumbnail">
+        </div>
+
+
+    </div>
+</div>
+<!-- END OF SCREENSHOTS SECTION -->
+
+<!-- RELATED PRODUCTS -->
+<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
+    <div class="d-flex justify-content-center align-items-center mr-2"
+        style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+        <img src="assets/misc/categories.png" />
+    </div>
+    <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Related
+        Products
+    </h2>
+</div>
+<div class="row">
+    <div class="col-sm-12">
+        <div id="demo1" class="row carousel slide" data-ride="carousel">
+            <!-- The slideshow -->
+            <div class="carousel-inner" style="padding: 30px;">
+                <div class="carousel-item" style="min-height: 198.656px;">
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/16.0/odoo_website_helpdesk/" target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block" style="border-radius: 0px;"
+                                    src="assets/modules/1.png">
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/16.0/odoo_website_helpdesk_dashboard/" target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block" style="border-radius: 0px;"
+                                    src="assets/modules/2.png">
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/16.0/website_product_publish/" target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block" style="border-radius: 0px;"
+                                    src="assets/modules/3.png">
+                            </div>
+                        </a>
+                    </div>
+                </div>
+                <div class="carousel-item active" style="min-height: 198.656px;">
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/16.0/web_portal_attendance/#" target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block" style="border-radius: 0px;"
+                                    src="assets/modules/4.png">
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/16.0/website_pdf_preview_snippet/#" target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block" style="border-radius: 0px;"
+                                    src="assets/modules/5.png">
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/16.0/website_signup_approval/" target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block" style="border-radius: 0px;"
+                                    src="assets/modules/6.jpg">
+                            </div>
+                        </a>
+                    </div>
+                </div>
+            </div>
+            <!-- Left and right controls -->
+            <a class="carousel-control-prev" href="#demo1" data-slide="prev" style="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="#demo1" data-slide="next" style="width:35px; color:#000">
+                <span class="carousel-control-next-icon"><i class="fa fa-chevron-right"
+                        style="font-size:24px"></i></span>
+            </a>
+        </div>
+    </div>
+</div>
+<!-- END OF RELATED PRODUCTS -->
+
+<!-- OUR SERVICES -->
+
+<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
+    <div class="d-flex justify-content-center align-items-center mr-2"
+        style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+        <img src="assets/misc/star.png" />
+    </div>
+    <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Our Services
+    </h2>
+</div>
+
+<div class="container my-5">
+    <div class="row">
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                style="background-color: #1dd1a1 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/cogs.png" class="img-responsive" height="48px" width="48px">
+            </div>
+            <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Customization</h6>
+        </div>
+
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                style="background-color: #ff6b6b !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/wrench.png" class="img-responsive" height="48px" width="48px">
+            </div>
+            <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Implementation</h6>
+        </div>
+
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                style="background-color: #6462CD !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/lifebuoy.png" class="img-responsive" height="48px" width="48px">
+            </div>
+            <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Support</h6>
+        </div>
+
+
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                style="background-color: #ffa801 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/user.png" class="img-responsive" height="48px" width="48px">
+            </div>
+            <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Hire
+                Odoo
+                Developer</h6>
+        </div>
+
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                style="background-color: #54a0ff  !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/puzzle.png" class="img-responsive" height="48px" width="48px">
+            </div>
+            <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Integration</h6>
+        </div>
+
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                style="background-color: #6d7680 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/update.png" class="img-responsive" height="48px" width="48px">
+            </div>
+            <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Migration</h6>
+        </div>
+
+
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                style="background-color: #786fa6 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/consultation.png" class="img-responsive" height="48px" width="48px">
+            </div>
+            <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Consultancy</h6>
+        </div>
+
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                style="background-color: #f8a5c2 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/training.png" class="img-responsive" height="48px" width="48px">
+            </div>
+            <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Implementation</h6>
+        </div>
+
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                style="background-color: #e6be26 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/license.png" class="img-responsive" height="48px" width="48px">
+            </div>
+            <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Licensing Consultancy</h6>
+        </div>
+    </div>
+
+</div>
+
+<!-- END OF END OF OUR SERVICES -->
+
+<!-- OUR INDUSTRIES -->
+
+<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
+    <div class="d-flex justify-content-center align-items-center mr-2"
+        style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+        <img src="assets/misc/corporate.png" />
+    </div>
+    <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Our
+        Industries
+    </h2>
+</div>
+
+<div class="container my-5">
+    <div class="row">
+        <div class="col-lg-3">
+            <div class="my-4 d-flex flex-column justify-content-center"
+                style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
+                <img src="assets/icons/trading-black.png" class="img-responsive mb-3" height="48px" width="48px">
+                <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                    Trading
+                </h5>
+                <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                    Easily procure
+                    and
+                    sell your products</p>
+            </div>
+        </div>
+
+        <div class="col-lg-3">
+            <div class="my-4 d-flex flex-column justify-content-center"
+                style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
+                <img src="assets/icons/pos-black.png" class="img-responsive mb-3" height="48px" width="48px">
+                <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                    POS
+                </h5>
+                <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                    Easy
+                    configuration
+                    and convivial experience</p>
+            </div>
+        </div>
+
+        <div class="col-lg-3">
+            <div class="my-4 d-flex flex-column justify-content-center"
+                style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
+                <img src="assets/icons/education-black.png" class="img-responsive mb-3" height="48px" width="48px">
+                <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                    Education
+                </h5>
+                <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                    A platform for
+                    educational management</p>
+            </div>
+        </div>
+
+        <div class="col-lg-3">
+            <div class="my-4 d-flex flex-column justify-content-center"
+                style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
+                <img src="assets/icons/manufacturing-black.png" class="img-responsive mb-3" height="48px"
+                    width="48px">
+                <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                    Manufacturing
+                </h5>
+                <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                    Plan, track and
+                    schedule your operations</p>
+            </div>
+        </div>
+
+        <div class="col-lg-3">
+            <div class="my-4 d-flex flex-column justify-content-center"
+                style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
+                <img src="assets/icons/ecom-black.png" class="img-responsive mb-3" height="48px" width="48px">
+                <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                    E-commerce &amp; Website
+                </h5>
+                <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                    Mobile
+                    friendly,
+                    awe-inspiring product pages</p>
+            </div>
+        </div>
+
+        <div class="col-lg-3">
+            <div class="my-4 d-flex flex-column justify-content-center"
+                style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
+                <img src="assets/icons/service-black.png" class="img-responsive mb-3" height="48px" width="48px">
+                <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                    Service Management
+                </h5>
+                <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                    Keep track of
+                    services and invoice</p>
+            </div>
+        </div>
+
+        <div class="col-lg-3">
+            <div class="my-4 d-flex flex-column justify-content-center"
+                style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
+                <img src="assets/icons/restaurant-black.png" class="img-responsive mb-3" height="48px" width="48px">
+                <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                    Restaurant
+                </h5>
+                <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                    Run your bar or
+                    restaurant methodically</p>
+            </div>
+        </div>
+
+        <div class="col-lg-3">
+            <div class="my-4 d-flex flex-column justify-content-center"
+                style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
+                <img src="assets/icons/hotel-black.png" class="img-responsive mb-3" height="48px" width="48px">
+                <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                    Hotel Management
+                </h5>
+                <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                    An
+                    all-inclusive
+                    hotel management application</p>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!-- END OF END OF OUR INDUSTRIES -->
+
+<!-- SUPPORT -->
+<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
+    <div class="d-flex justify-content-center align-items-center mr-2"
+        style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+        <img src="assets/misc/customer-support.png" />
+    </div>
+    <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Support
+    </h2>
+</div>
+<div class="container mt-5">
+    <div class="row">
+        <div class="col-sm-12 col-md-6">
+            <div style="background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;">
+                <div class="mr-4"
+                    style="background-color: #714B67; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;">
+                    <img src="assets/misc/support.png" height="48" width="48" style="width: 42px; height: 42px;" />
+                </div>
+                <div>
+                    <h4>Need Help?</h4>
+                    <p style="line-height: 100%;">Got questions or need help? Get in touch.</p>
+                    <a href="mailto:odoo@cybrosys.com">
+                        <p style="font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;">
+                            odoo@cybrosys.com</p>
+                    </a>
+                </div>
+            </div>
+        </div>
+        <div class="col-sm-12 col-md-6">
+            <div style="background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;">
+                <div class="mr-4"
+                    style="background-color: #2AC44D; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;">
+                    <img src="assets/misc/whatsapp.png" height="52" width="52" style="width: 52px; height: 52px;" />
+                </div>
+                <div>
+                    <h4>WhatsApp</h4>
+                    <p style="line-height: 100%;">Say hi to us on WhatsApp!</p>
+                    <a href="https://api.whatsapp.com/send?phone=918606827707">
+                        <p style="font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;">+91 86068
+                            27707</p>
+                    </a>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-sm-12 my-5 d-flex justify-content-center align-items-center">
+            <img src="assets/misc/logo.png" width="144" height="31"
+                style="width:144px; height: 31px; margin-top: 40px;" />
+        </div>
+    </div>
+</div>
+<!-- END OF SUPPORT -->

website_appointment_payment/views/appointment_info_template.xml

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <!--  If the appointment has payment configuration, the appointment fees is shown in the appointment card  -->
+    <template id="appointment_info"
+              inherit_id="website_appointment.appointments_cards">
+        <xpath expr="//div[hasclass('o_wappointment_card_staff_users')]"
+               position="after">
+            <div t-if="appointment.product_id"
+                 class="d-flex py-1 px-0 bg-transparent o-cc1-text border-0">
+                <i class="fa fa-credit-card text-center text-muted fs-5 me-2"/>
+                <span t-esc="appointment.product_id.lst_price"
+                      t-options="{'widget': 'monetary', 'display_currency': appointment.product_id.currency_id}"/>
+            </div>
+        </xpath>
+    </template>
+</odoo>

website_appointment_payment/views/appointment_product_view.xml

@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <data>
+        <!--   created new field in appointment form to create upfront payment     -->
+        <record id="appointment_type_view_product_form" model="ir.ui.view">
+            <field name="name">appointment.type.view.product.form</field>
+            <field name="model">appointment.type</field>
+            <field name="inherit_id"
+                   ref="appointment.appointment_type_view_form"/>
+            <field name="arch" type="xml">
+                <xpath expr="//group[@name='options_left_details']"
+                       position="inside">
+                    <label for="has_payment_step"/>
+                    <div>
+                        <div class="o_row">
+                            <field name="has_payment_step"/>
+                            <field name="product_id"
+                                   attrs="{'invisible':[('has_payment_step','=',False)]}"
+                                   context="{'default_detailed_type': 'booking_fees', 'default_purchase_ok': False}"
+                                   placeholder="Pick a Product"
+                                   class="oe_inline"/>
+                        </div>
+                        <div attrs="{'invisible':[('has_payment_step','=',False)]}"
+                             groups="base.group_system">
+                            <a type="action"
+                               name="%(payment.action_payment_provider)d"
+                               class="btn btn-link ps-0 pb-2" role="button">
+                                <i class="oi oi-fw o_button_icon oi-arrow-right"/>
+                                Configure Payment Providers
+                            </a>
+                        </div>
+                    </div>
+                </xpath>
+            </field>
+        </record>
+    </data>
+</odoo>

website_appointment_payment/views/appointment_template_registration.xml

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <!-- If upfront payment is enabled  proceed to payment button is shown  -->
+    <template id="appointment_form" inherit_id="appointment.appointment_form">
+        <xpath expr="//button[hasclass('btn-primary')]" position="replace">
+            <button t-if="appointment_type.has_payment_step and appointment_type.product_id.lst_price"
+                    type="submit"
+                    class="btn btn-primary o_appointment_form_confirm_btn">
+                Proceed to Payment
+            </button>
+            <button t-else="" type="submit"
+                    class="btn btn-primary o_appointment_form_confirm_btn">
+                Confirm Appointment
+            </button>
+        </xpath>
+    </template>
+</odoo>

website_appointment_payment/views/website_appointment_payment_template.xml

@@ -0,0 +1,86 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <!-- If no payment provider is configured we can configure it from website   -->
+    <template id="appointment_payment" name="Appointment Payment Providers">
+        <t t-set="no_breadcrumbs" t-value="True"/>
+        <t t-call="portal.portal_layout">
+            <div id="wrap"
+                 class="bg-o-color-4 h-100 mt-4 pb-4 px-4 rounded-3 border">
+                <t t-set="o_portal_fullwidth_alert"
+                   groups="appointment.group_appointment_manager">
+                    <t t-call="portal.portal_back_in_edit_mode">
+                        <t t-set="backend_url"
+                           t-value="'/web#id=%s&amp;view_type=form&amp;model=%s&amp;action=appointment.appointment_type_action' % (appointment_type.id, appointment_type._name)"/>
+                        <t t-set="custom_html">This is a preview of the customer
+                            appointment payment form.
+                        </t>
+                    </t>
+                </t>
+                <div class="oe_structure container o_appointment o_appointment_payment">
+                    <t t-set="is_chosen_assign_method"
+                       t-value="appointment_type.assign_method != 'time_auto_assign'"/>
+                    <t t-set="staff_user" t-value="booking.staff_user_id"/>
+                    <div class="d-flex align-items-baseline justify-content-between mt-4">
+                        <h4 class="me-2">
+                            Payment for
+                            <t t-esc="booking.appointment_type_id.name"/>
+                        </h4>
+                        <a t-att-href="cancel_booking_route"><i
+                                class="fa fa-pencil fa-fw me-1"/>Edit my
+                            appointment
+                        </a>
+                    </div>
+                    <div t-if="not amount"
+                         class="text-center alert alert-info mt-4">
+                        There is nothing to pay.
+                    </div>
+                    <div t-elif="" class="text-center alert alert-warning mt-4">
+                        <strong>No suitable payment option could be found.
+                        </strong>
+                        If you believe that it is an error, please contact the
+                        website administrator.
+                        <a class="alert-link"
+                           t-attf-href="/web#view_type=kanban&amp;model=payment.provider&amp;action=payment.action_payment_provider"
+                           groups="base.group_system">
+                            <br/>
+                            <i class="fa fa-cog me-1" role="img"
+                               aria-label="Edit"
+                               title="Configure Providers in backend"/>
+                            <em>Configure Payment Providers</em>
+                        </a>
+                        <a type="submit"
+                           name="%(payment.action_payment_provider)d"
+                           class="btn btn-link ps-0 pb-2"
+                           role="button">
+                            <i class="oi oi-fw o_button_icon oi-arrow-right"/>
+                            Configure Payment
+                        </a>
+                        <a role="button" groups="base.group_system"
+                           class="btn btn-sm btn-link text-white float-end"
+                           target="_blank" aria-label="Edit" title="Edit"
+                           t-att-href="'/web#model=%s&amp;id=%s&amp;action=%s&amp;view_type=form' % ('payment.provider', payment_tx_id.provider_id.id, 'payment.action_payment_provider')">
+                            <i class="fa fa-pencil"/>
+                        </a>
+                    </div>
+                    <div t-elif="not providers and not tokens"
+                         class="alert alert-warning">
+                        <strong>No suitable payment option could be found.
+                        </strong>
+                        <br/>
+                        <a class="alert-link"
+                           t-attf-href="/web#view_type=kanban&amp;model=payment.provider&amp;action=payment.action_payment_provider"
+                           groups="base.group_system">
+                            <br/>
+                            <i class="fa fa-cog me-1" role="img"
+                               aria-label="Edit"
+                               title="Configure Providers in backend"/>
+                            <em>Configure Payment Providers</em>
+                        </a>
+                        <br/></div>
+                    <t t-else="" t-call="payment.checkout"/>
+                    <div class="oe_structure"/>
+                </div>
+            </div>
+        </t>
+    </template>
+</odoo>

website_appointment_payment/views/website_appointment_template.xml

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <!-- Show the price in appointment details form   -->
+    <template id="appointment_info_payment"
+              inherit_id="appointment.appointment_form">
+        <xpath expr="//div[hasclass('o_appointment_attendee_form_details')]"
+               position="inside">
+            <div t-if="appointment_type.product_id"
+                 class="d-flex py-1 px-0 bg-transparent o-cc1-text border-0">
+                <i class="fa fa-credit-card o_appointment_fa_width text-center fs-5 me-2"/>
+                <span t-esc="appointment_type.product_id.lst_price"
+                      t-options="{'widget': 'monetary', 'display_currency': appointment_type.product_id.currency_id}"/>
+            </div>
+        </xpath>
+    </template>
+</odoo>