[ADD] Initial Commit 'account_payment_approval'

account_payment_approval/README.rst

@@ -0,0 +1,18 @@
+Payment Approval v15
+====================
+Enables to use the approval feature in customer and vendor payments.
+
+Installation
+============
+No additional files neeeded.
+
+Configuration
+=============
+
+No configurations needed.
+
+Credits
+=======
+Developer: v13.0 Mashood K U @ cybrosys, odoo@cybrosys.com
+           v14.0 Minhaj T @ cybrosys, odoo@cybrosys.com
+           v15.0 Mohammed Shahil M P T @ cybrosys, odoo@cybrosys.com

account_payment_approval/__init__.py

@@ -0,0 +1,23 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2021-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL 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 LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+
+from . import models

account_payment_approval/__manifest__.py

@@ -0,0 +1,43 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2021-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL 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 LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+
+{
+    'name': 'Payment Approvals',
+    'version': '15.0.1.0.0',
+    'category': 'Accounting',
+    'summary': """ This modules enables approval feature in the payment.""",
+    'description': """This modules enables approval feature in the payment. """,
+    'author': ' Cybrosys Techno Solutions',
+    'company': 'Cybrosys Techno Solutions',
+    'maintainer': 'Cybrosys Techno Solutions',
+    'website': "https://www.cybrosys.com",
+    'depends': ['account'],
+    'data': [
+        'views/res_config_settings_views.xml',
+        'views/account_payment_view.xml',
+    ],
+    'license': 'LGPL-3',
+    'images': ['static/description/banner.png'],
+    'installable': True,
+    'auto_install': False,
+    'application': True,
+}

account_payment_approval/doc/RELEASE_NOTES.md

@@ -0,0 +1,6 @@
+## Module <account_payment_approval>
+
+#### 16.10.2021
+#### Version 15.0.1.0.0
+##### ADD
+- Initial commit for Payment Approval

account_payment_approval/models/__init__.py

@@ -0,0 +1,24 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2021-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL 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 LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+
+from . import account_payment
+from . import res_config_settings

account_payment_approval/models/account_payment.py

@@ -0,0 +1,95 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2021-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL 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 LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+
+from odoo import models, fields, _
+from odoo.exceptions import UserError, ValidationError
+
+
+class AccountMove(models.Model):
+    _inherit = "account.move"
+
+    state = fields.Selection(
+        selection_add=[('waiting_approval', 'Waiting For Approval'),
+                       ('approved', 'Approved'),
+                       ('rejected', 'Rejected')],
+        ondelete={'waiting_approval': 'set default', 'approved': 'set default', 'rejected': 'set default'})
+
+
+class AccountPayment(models.Model):
+    _inherit = "account.payment"
+    _inherits = {'account.move': 'move_id'}
+
+    def _check_is_approver(self):
+        approval = self.env['ir.config_parameter'].sudo().get_param(
+            'account_payment_approval.payment_approval')
+        approver_id = int(self.env['ir.config_parameter'].sudo().get_param(
+            'account_payment_approval.approval_user_id'))
+        self.is_approver = True if self.env.user.id == approver_id and approval else False
+
+    is_approver = fields.Boolean(compute=_check_is_approver, readonly=True)
+
+    def action_post(self):
+        """Overwrites the _post() to validate the payment in the 'approved' stage too.
+        Currently Odoo allows payment posting only in draft stage.
+        """
+        validation = self._check_payment_approval()
+        if validation:
+            if self.state not in ('draft', 'approved'):
+                raise UserError(_("Only a draft or approved payment can be posted."))
+
+            if any(inv.state != 'posted' for inv in self.reconciled_invoice_ids):
+                raise ValidationError(_("The payment cannot be processed because the invoice is not open!"))
+            self.move_id._post(soft=False)
+
+    def _check_payment_approval(self):
+        if self.state == "draft":
+            first_approval = self.env['ir.config_parameter'].sudo().get_param(
+                'account_payment_approval.payment_approval')
+            if first_approval:
+                amount = float(self.env['ir.config_parameter'].sudo().get_param(
+                    'account_payment_approval.approval_amount'))
+                payment_currency_id = int(self.env['ir.config_parameter'].sudo().get_param(
+                    'account_payment_approval.approval_currency_id'))
+                payment_amount = self.amount
+                if payment_currency_id:
+                    if self.currency_id and self.currency_id.id != payment_currency_id:
+                        currency_id = self.env['res.currency'].browse(payment_currency_id)
+                        payment_amount = self.currency_id._convert(
+                            self.amount, currency_id, self.company_id,
+                            self.date or fields.Date.today(), round=True)
+                if payment_amount > amount:
+                    self.write({
+                        'state': 'waiting_approval'
+                    })
+                    return False
+        return True
+
+    def approve_transfer(self):
+        if self.is_approver:
+            self.write({
+                'state': 'approved'
+            })
+
+    def reject_transfer(self):
+        self.write({
+            'state': 'rejected'
+        })

account_payment_approval/models/res_config_settings.py

@@ -0,0 +1,43 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2021-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL 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 LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+
+from odoo import fields, models
+
+
+class ResConfigSettings(models.TransientModel):
+    _inherit = 'res.config.settings'
+
+    def _get_account_manager_ids(self):
+        user_ids = self.env['res.users'].search([])
+        account_manager_ids = user_ids.filtered(lambda l: l.has_group('account.group_account_manager'))
+        return [('id', 'in', account_manager_ids.ids)]
+
+    payment_approval = fields.Boolean('Payment Approval', config_parameter='account_payment_approval.payment_approval')
+    approval_user_id = fields.Many2one('res.users', string="Payment Approver", required=False,
+                                       domain=_get_account_manager_ids,
+                                       config_parameter='account_payment_approval.approval_user_id')
+    approval_amount = fields.Float(
+        'Minimum Approval Amount', config_parameter='account_payment_approval.approval_amount',
+        help="If amount is 0.00, All the payments go through approval.")
+    approval_currency_id = fields.Many2one('res.currency', string='Approval Currency',
+                                           config_parameter='account_payment_approval.approval_currency_id',
+                                           help="Converts the payment amount to this currency if chosen.")

account_payment_approval/static/description/index.html

@@ -0,0 +1,560 @@
+<div class="row"
+     style="margin: 0;position: relative;color: #000;background-position: center;background: #ffffff;border-bottom: 1px solid #e4e4e4;text-align: center; margin: auto; display: flex;justify-content: center;">
+    <a href="https://www.cybrosys.com/" target="_blank"><img src="images/cybrosys.png"
+                                                             style=" width: 293px; padding: 1rem 0rem; margin: auto"
+                                                             alt="cybrosys-logo"></a></div>
+<div class="row"
+     style="margin:75px 0;position: relative;color: #000;background-position: center;background: #ffffff;border-bottom: 1px solid #e4e4e4; padding-bottom: 30px;">
+    <div class="col-md-7 col-sm-12 col-xs-12" style="padding: 0px">
+        <div style=" margin: 0 0 0px;padding: 20px 0 10;font-size: 23px;line-height: 35px;font-weight: 400;color: #000;border-top: 1px solid rgba(255,255,255,0.1);border-bottom: 1px solid rgba(255,255,255,0.11);text-align: left;">
+            <h1 style="font-size: 39px;font-weight: 600;margin: 0px !important;">Payment Approval</h1>
+            <h3 style="font-size: 21px;margin-top: 8px;position: relative;">Enables to use the approval feature in
+                customer and vendor payments.
+            </h3>
+        </div>
+        <h2 style="font-weight: 600;font-size: 1.8rem;margin-top: 15px;">Key Highlights</h2>
+        <ul style=" padding: 0 1px; list-style: none; ">
+            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>Approval stages in payments
+            </li>
+        </ul>
+    </div>
+    <div class="col-md-5 col-sm-12 col-xs-12"><img src="images/payment-approval-01.png" class="img-responsive"
+                                                   alt=""></div>
+</div>
+<div>
+    <section class="oe_container" style="padding: 1rem 0rem 1rem; background-color: #ffffff !important;">
+        <div class="row py-4 px-3">
+            <div class="w-100" style="padding-top:30px;padding-bottom:45px;border-radius: 10px;">
+                <ul role="tablist" class="nav nav-pills justify-content-center" data-tabs="tabs" id="pills-tab"
+                    style="border: none;background: unset;">
+                    <li class="nav-item mr-1 mb-3"
+                        style="font-size: 1.05rem;font-weight: 400;transition: all .15s ease;color: #d31c22;background-color: #d31c22;box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);border: 0;font-family: 'Open Sans',sans-serif;width: 140px;border-radius: 0.30rem;">
+                        <a id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab"
+                           aria-controls="pills-home" aria-selected="true" class="nav-link active show" style="color: #000000;line-height: 33px;border: 0;border-radius: .25rem;font-weight: 400;text-align: center;
+                  color: #fff;">Overview </a></li>
+                    <li class="nav-item mr-1 mb-3"
+                        style="font-size: 1.05rem;font-weight: 400;transition: all .15s ease;color: #d31c22;background-color: #d31c22;box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);border: 0;font-family: 'Open Sans',sans-serif;width: 140px;border-radius: 0.30rem;">
+                        <a id="pills-home-tab" data-toggle="pill" href="#pills-home1" role="tab"
+                           aria-controls="pills-home" aria-selected="true" class="nav-link " style="color: #000000;line-height: 33px;border: 0;border-radius: .25rem;font-weight: 400; text-align: center;
+                  color: #fff;">Features </a></li>
+                    <li class="nav-item mr-1 mb-3"
+                        style="font-size: 1.05rem;font-weight: 400;transition: all .15s ease;color: #ffffff;background-color: #d31c22;box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);border: 0;font-family: 'Open Sans',sans-serif;width: 140px;border-radius: 0.30rem;">
+                        <a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-profile" role="tab"
+                           aria-controls="pills-profile" aria-selected="false" style="color: #000000;line-height: 33px;border: 0;border-radius: .25rem;font-weight: 400; text-align: center;
+                  color: #fff;">Screenshots </a></li>
+                    <!--               <li class="nav-item mr-1 mb-3" style="font-size: 1.05rem;font-weight: 400;transition: all .15s ease;color: #ffffff;background-color: #d31c22;box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);border: 0;font-family: 'Open Sans',sans-serif;width: 140px;border-radius: 0.30rem;"> <a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-video" role="tab" aria-controls="pills-profile" aria-selected="false" style="color: #000000;line-height: 33px;border: 0;border-radius: .25rem;font-weight: 400; text-align: center;-->
+                    <!--                  color: #fff;">Video </a> </li>-->
+                </ul>
+                <div class="tab-content" id="pills-tabContent"
+                     style="padding-top: 30px; padding-bottom: 30px; padding: 30px;">
+                    <div class="px-3 pt-1 tab-pane fade active show" id="pills-home" role="tabpanel" aria-labelledby="
+                  pills-home-tab">
+                        <!-- Overview-->
+                        <h2 style="font-weight: 600;text-align: center;width: 100%;">Overview</h2>
+                        <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+                        <h3 class="oe_slogan"
+                            style="text-align: center;font-size: 19px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 31px;font-weight: 400;letter-spacing: .5px;margin-bottom: 21px;">
+                            This module helps the accounting department to have a control over the payments.
+                            It enables payment approval feature in the payment transaction.
+                        </h3>
+                    </div>
+                    <div class="px-3 pt-1 tab-pane fade " id="pills-home1" role="tabpanel" aria-labelledby="
+                  pills-home-tab">
+                        <!-- feature tab-->
+                        <h2 style="font-weight: 600;text-align: center;width: 100%;">Dynamic Product Fields</h2>
+                        <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+                        <ul>
+                            <li class="mb8"
+                                style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">
+                                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
+                                Approval stage in payment.
+                            </li>
+                            <li class="mb8"
+                                style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">
+                                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>Can
+                                Enable/disable payment approval from the settings.
+                            </li>
+                            <li class="mb8"
+                                style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">
+                                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>Can
+                                Approval feature can be applied based on the given amount.
+                            </li>
+                            <li class="mb8"
+                                style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">
+                                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>Can
+                                Currency wise amount specification.
+                            </li>
+                            <li class="mb8"
+                                style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">
+                                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>Can
+                                Quick access of the approval stages like Waiting For Approval, Approved, Rejected etc
+                                from the filter window.
+                            </li>
+                            </li>
+                        </ul>
+                    </div>
+                    <!-- Screenshot tab-->
+                    <div class="px-3 tab-pane fade" id="pills-profile" role="tabpanel"
+                         aria-labelledby="pills-profile-tab">
+                        <div class="tab-pane">
+                            <h2 style="font-weight: 600;text-align: center;width: 100%;">Screenshots</h2>
+                            <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+                            <div>
+                                <section class="oe_container">
+                                    <div id="demo" class="row carousel slide  mb32" data-ride="carousel">
+                                        <div class="carousel-inner">
+                                            <div class="carousel-item active" style="min-height: 0px;">
+                                                <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
+                                                     style="float: left;">
+                                                    <h3 class="alert"
+                                                        style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
+                                                        <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
+                                                        Goto <b>Settings</b> and click on <b>Invoicing</b></h3>
+                                                    <div style=""><img class="img img-responsive center-block"
+                                                                       style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
+                                                                       src="images/payment-approval-02.png"></div>
+                                                </div>
+                                            </div>
+
+                                            <div class="carousel-item" style="min-height: 0px;">
+                                                <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
+                                                     style="float: left;">
+                                                    <h3 class="alert"
+                                                        style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
+                                                        <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
+                                                        Enable Payment Approval</h3>
+                                                    <div style=""><img class="img img-responsive center-block"
+                                                                       style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
+                                                                       src="images/payment-approval-03.png"></div>
+                                                </div>
+                                            </div>
+
+                                            <div class="carousel-item" style="min-height: 0px;">
+                                                <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
+                                                     style="float: left;">
+                                                    <h3 class="alert"
+                                                        style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
+                                                        <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
+                                                        Fill the fields.</h3>
+                                                    <div style=""><img class="img img-responsive center-block"
+                                                                       style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
+                                                                       src="images/payment-approval-04.png"></div>
+                                                </div>
+                                            </div>
+
+                                            <div class="carousel-item" style="min-height: 0px;">
+                                                <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
+                                                     style="float: left;">
+                                                    <h3 class="alert"
+                                                        style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
+                                                        <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
+                                                        Once the user tries to create a payment, it goes through payment approvals.</h3>
+                                                    <div style=""><img class="img img-responsive center-block"
+                                                                       style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
+                                                                       src="images/payment-approval-05.png"></div>
+                                                </div>
+                                            </div>
+
+
+                                            <div class="carousel-item" style="min-height: 0px;">
+                                                <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
+                                                     style="float: left;">
+                                                    <h3 class="alert"
+                                                        style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
+                                                        <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
+                                                        Approvar can approve or reject request.</h3>
+                                                    <div style=""><img class="img img-responsive center-block"
+                                                                       style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
+                                                                       src="images/payment-approval-06.png"></div>
+                                                </div>
+                                            </div>
+
+                                            <div class="carousel-item" style="min-height: 0px;">
+                                                <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
+                                                     style="float: left;">
+                                                    <h3 class="alert"
+                                                        style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
+                                                        <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
+                                                        User will be able to filter the payment records with 'Waiting For Approval', 'Approved' and 'Rejected'.</h3>
+                                                    <div style=""><img class="img img-responsive center-block"
+                                                                       style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
+                                                                       src="images/payment-approval-07.png"></div>
+                                                </div>
+                                            </div>
+
+                                        </div>
+                                        <a class="carousel-control-prev" href="#demo" data-slide="prev"
+                                           style="left:-25px;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-slide="next"
+                                                style="right:-25px;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>
+                            </div>
+                        </div>
+                    </div>
+                    <!--               <div class="px-3 pt-1 tab-pane fade" id="pills-video" role="tabpanel" aria-labelledby="-->
+                    <!--                  pills-home-tab">-->
+                    <!--                  &lt;!&ndash; Video&ndash;&gt;-->
+                    <!--                  <h2 style="font-weight: 600;text-align: center;width: 100%;">Video</h2>-->
+                    <!--                  <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">-->
+                    <!--                  <center>-->
+                    <!--                     <p>Website Maintenance Request Demo</p>-->
+                    <!--                     &lt;!&ndash;<a href="https://www.youtube.com/watch?v=57QWXrMYe84&feature=youtu.be" target="_blank"> <img src="addon-youtube.png" style="width:80%;"></a>&ndash;&gt;-->
+                    <!--                     <div class="s_panel_video" data-video-id="7PFB7FpMFyM?rel=0" style="cursor:pointer;">-->
+                    <!--                        <img class="img-fluid s_tooltip_tabs_tooltip_image s_figure_link pb0" src="images/task_timer_youtube.png" alt="Cybrosys Cover Video" style="max-width:100%;">-->
+                    <!--                     </div>-->
+                    <!--                  </center>-->
+                    <!--               </div>-->
+                    <!-- faq tab-->
+                    <div class="px-2 px-lg-4 pt-3 tab-pane fade" id="pills-contact" role="tabpanel"
+                         aria-labelledby="pills-contact-tab">
+                        <ul class="list-unstyled">
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="oe_container" style="padding: 2rem 3rem 1rem;">
+        <h2 style="font-weight: 600;text-align: center;margin-bottom: 25px;width: 100%;">Suggested Products</h2>
+        <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+        <div id="demo1" class="row carousel slide" data-ride="carousel">
+            <!-- The slideshow -->
+            <div class="carousel-inner">
+                <div class="carousel-item active" style="min-height: 0px;">
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;">
+                        <a href="https://apps.odoo.com/apps/modules/13.0/product_brand_sale/" target="_blank">
+                            <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;">
+                                <img class="img img-responsive center-block"
+                                     style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
+                                     src="images/banner-accounting-kit.gif"></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/13.0/product_expiry_warning/" target="_blank">
+                            <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;">
+                                <img class="img img-responsive center-block"
+                                     style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
+                                     src="images/banner-account-bank-book.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/12.0/sale_purchase_previous_product_cost/"
+                           target="_blank">
+                            <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;">
+                                <img class="img img-responsive center-block"
+                                     style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
+                                     src="images/banner-account-cash-book.jpg"></div>
+                        </a>
+                    </div>
+                </div>
+                <div class="carousel-item" style="min-height: 0px;">
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;">
+                        <a href="https://apps.odoo.com/apps/modules/13.0/customer_sequence/" target="_blank">
+                            <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;">
+                                <img class="img img-responsive center-block"
+                                     style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
+                                     src="images/banner-account-day-book.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/12.0/barcode_scanning_sale_purchase/"
+                           target="_blank">
+                            <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;">
+                                <img class="img img-responsive center-block"
+                                     style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
+                                     src="images/banner-account-recurring-payment.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/12.0/amount_currency_sale/" target="_blank">
+                            <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;">
+                                <img class="img img-responsive center-block"
+                                     style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
+                                     src="images/banner-customer-follow-ups.png"></div>
+                        </a>
+                    </div>
+                </div>
+            </div>
+            <!-- Left and right controls -->
+            <a class="carousel-control-prev" href="#demo1" data-slide="prev"
+               style="left:-25px;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="right:-25px;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>
+    <section class="row" style="padding: 2rem 3rem 1rem;margin:0px">
+        <h2 style="font-weight: 600;margin-bottom: 20px;text-align: center;width: 100%;">Our Service</h2>
+        <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+        <div class="row" style=" display: flex; justify-content: center; flex-wrap: wrap;width: 100%; ">
+            <!-- <div style="display:flex;padding-top: 20px;justify-content: space-between;"> -->
+            <div class="col-md-2 col-sm-6 col-xs-12">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"><a
+                        href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank"> <img
+                        src="https://www.cybrosys.com/images/odoo-customization.png"
+                        style="width: 100%;border-radius: 100%;"/> </a></div>
+                <h3 class="oe_slogan"
+                    style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank"
+                       style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;">
+                        Odoo Customization </a></h3>
+            </div>
+            <div class="col-md-2 col-sm-6 col-xs-12">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"><a
+                        href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank"> <img
+                        src="https://www.cybrosys.com/images/odoo-erp-implementation.png"
+                        style="width: 100%;border-radius: 100%;"/> </a></div>
+                <h3 class="oe_slogan"
+                    style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank"
+                       style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;">
+                        Odoo Implementation </a></h3>
+            </div>
+            <div class="col-md-2 col-sm-6 col-xs-12">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"><a
+                        href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank"> <img
+                        src="https://www.cybrosys.com/images/odoo-erp-integration.png"
+                        style="width: 100%;border-radius: 100%;"/> </a></div>
+                <h3 class="oe_slogan"
+                    style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank"
+                       style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;">
+                        Odoo Integration </a></h3>
+            </div>
+            <div class="col-md-2 col-sm-6 col-xs-12">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"><a
+                        href="https://www.cybrosys.com/odoo-erp-support/" target="_blank"> <img
+                        src="https://www.cybrosys.com/images/odoo-erp-support.png"
+                        style="width: 100%;border-radius: 100%;"/> </a></div>
+                <h3 class="oe_slogan"
+                    style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank"
+                       style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;">
+                        Odoo Support</a></h3>
+            </div>
+            <div class="col-md-2 col-sm-6 col-xs-12">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"><a
+                        href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank"> <img
+                        src="https://www.cybrosys.com/images/hire-odoo-developer.png"
+                        style="width: 100%;border-radius: 100%;"/> </a></div>
+                <h3 class="oe_slogan"
+                    style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank"
+                       style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;">
+                        Hire Odoo Developers</a></h3>
+                </a>
+            </div>
+            <!-- </div> -->
+        </div>
+    </section>
+    <section class="row" style="padding: 2rem 3rem 1rem;margin:0px">
+        <div class="row" style="margin: 0">
+            <h2 style="font-weight: 600;margin-bottom: 20px;text-align: center;width: 100%;">Our Industries</h2>
+            <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+            <!-- <div style="display:flex;justify-content: space-between;flex-wrap:wrap;"> -->
+            <div class="row" style="width: 100%">
+                <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+                    <div>
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank"> <img
+                                    src="https://www.cybrosys.com/images/odoo-index-industry-1.png" alt="Odoo Industry"
+                                    style="    border-radius: 100%;width:100%;"/> </a></div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                        <h3 class="oe_slogan"
+                            style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                            <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank"
+                               style="list-style: none; color:#000; text-decoration: none;font-family: 'Montserrat',sans-serif;">
+                                Trading </a></h3>
+                        <h3 class="oe_slogan"
+                            style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px; font-family: 'Montserrat',sans-serif;">
+                            Easily procure and sell your products. </h3>
+                    </div>
+                </div>
+                <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+                    <div>
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/"
+                               target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-2.png"
+                                                     alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a></div>
+                    </div>
+                    <div style="width:70%;float:left;" style=" margin-bottom: 10px; ">
+                        <h3 class="oe_slogan"
+                            style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                            <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/"
+                               target="_blank"
+                               style="list-style: none; color:#000; text-decoration: none;font-family: 'Montserrat',sans-serif;">
+                                Manufacturing</a></h3>
+                        <h3 class="oe_slogan"
+                            style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;font-family: 'Montserrat',sans-serif;">
+                            Plan, track and schedule your operations. </h3>
+                    </div>
+                </div>
+                <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+                    <div>
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank">
+                                <img src="https://www.cybrosys.com/images/odoo-index-industry-3.png" alt="Odoo Industry"
+                                     style="    border-radius: 100%;width:100%;"/> </a></div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                        <h3 class="oe_slogan"
+                            style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                            <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank"
+                               style="list-style: none; color:#000; text-decoration: none;font-family: 'Montserrat',sans-serif;">
+                                Restaurant</a></h3>
+                        <h3 class="oe_slogan"
+                            style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;font-family: 'Montserrat',sans-serif;">
+                            Run your bar or restaurant methodical. </h3>
+                    </div>
+                </div>
+                <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+                    <div>
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank"> <img
+                                    src="https://www.cybrosys.com/images/odoo-index-industry-4.png" alt="Odoo Industry"
+                                    style="    border-radius: 100%;width:100%;"/> </a></div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                        <h3 class="oe_slogan"
+                            style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                            <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank"
+                               style="list-style: none; color:#000; text-decoration: none;font-family: 'Montserrat',sans-serif;">
+                                POS</a></h3>
+                        <h3 class="oe_slogan"
+                            style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;font-family: 'Montserrat',sans-serif;">
+                            Easy configuring and convivial selling. </h3>
+                    </div>
+                </div>
+                <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+                    <div>
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank"> <img
+                                    src="https://www.cybrosys.com/images/odoo-index-industry-5.png" alt="Odoo Industry"
+                                    style="    border-radius: 100%;width:100%;"/> </a></div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                        <h3 class="oe_slogan"
+                            style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 0px;margin-left: 16px;">
+                            <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank"
+                               style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;">
+                                E-commerce & Website</a></h3>
+                        <h3 class="oe_slogan"
+                            style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px; font-family: 'Montserrat',sans-serif;">
+                            Mobile friendly, awe-inspiring product pages. </h3>
+                    </div>
+                </div>
+                <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+                    <div>
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
+                                <img src="https://www.cybrosys.com/images/odoo-index-industry-6.png" alt="Odoo Industry"
+                                     style="    border-radius: 100%;width:100%;"/> </a></div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                        <h3 class="oe_slogan"
+                            style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                            <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank"
+                               style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;">
+                                Hotel Management</a></h3>
+                        <h3 class="oe_slogan"
+                            style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px; font-family: 'Montserrat',sans-serif;">
+                            An all-inclusive hotel management application. </h3>
+                    </div>
+                </div>
+                <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+                    <div>
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank">
+                                <img src="https://www.cybrosys.com/images/odoo-index-industry-7.png" alt="Odoo Industry"
+                                     style="    border-radius: 100%;width:100%;"/> </a></div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                        <h3 class="oe_slogan"
+                            style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                            <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank"
+                               style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;">
+                                Education</a></h3>
+                        <h3 class="oe_slogan"
+                            style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px; font-family: 'Montserrat',sans-serif;">
+                            A Collaborative platform for educational management. </h3>
+                    </div>
+                </div>
+                <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+                    <div>
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank"> <img
+                                    src="https://www.cybrosys.com/images/odoo-index-industry-8.png" alt="Odoo Industry"
+                                    style="    border-radius: 100%;width:100%;"/> </a></div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                        <h3 class="oe_slogan"
+                            style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                            <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank"
+                               style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;">
+                                Service Management</a></h3>
+                        <h3 class="oe_slogan"
+                            style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px; font-family: 'Montserrat',sans-serif;">
+                            Keep track of services and invoice accordingly. </h3>
+                    </div>
+                </div>
+            </div>
+        </div>
+</div>
+</section>
+<section class="oe_container" style="padding: 0% 0% 6% 0%;">
+    <center>
+        <div class="col-md-12" style="margin: auto !important;
+         width: 70%;
+         padding: 30px;">
+            <h2 style="font-weight: 600;text-align: center;width: 100%;">Need Any Help?</h2>
+            <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+            <h4 style="font-size:16px;"> If you have anything to share with us based on your use of this module, please
+                let us know. We are ready to offer our support. </h4>
+            <div class="col-md-6" style="float:left; padding:20px;">
+                <h4><i class="fa fa-envelope"></i>Email us </h4>
+                <p>odoo@cybrosys.com</p>
+            </div>
+            <div class="col-md-6" style="float:left; padding:20px;">
+                <h4><i class="fa fa-phone"></i> Contact Us </h4>
+                <a href="https://www.cybrosys.com/contact/" target="_blank"> www.cybrosys.com</a>
+            </div>
+        </div>
+    </center>
+</section>
+<section class="oe_container" style="padding: 0% 0% 6% 0%;">
+    <div class="oe_slogan" style="margin-bottom: 0px;">
+        <div style=" display: flex; justify-content: center; flex-wrap: wrap; ">
+        </div>
+        <br>
+        <img src="https://www.cybrosys.com/images/logo.png" style="width: 190px; margin-bottom: 25px;margin-top: 30px;"
+             class="center-block">
+        <div style=" display: flex; justify-content: center; flex-wrap: wrap; "><a href="https://twitter.com/cybrosys"
+                                                                                   target="_blank"><i
+                class="fa fa-2x fa-twitter"
+                style="color:white;background: #00a0d1;width:35px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a>
+            </td>
+            <a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i
+                    class="fa fa-2x fa-linkedin"
+                    style="color:white;background: #31a3d6;width:35px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a>
+            </td>
+            <a href="https://www.facebook.com/cybrosystechnologies" target="_blank"><i class="fa fa-2x fa-facebook"
+                                                                                       style="color:white;background: #3b5998;width:35px;  height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a>
+            </td>
+            <a href="https://in.pinterest.com/cybrosys" target="_blank"><i class="fa fa-2x fa-pinterest"
+                                                                           style="color:white;background: #ac0f18;width:35px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a>
+            </td>
+        </div>
+    </div>
+</section>
+</div>

account_payment_approval/views/account_payment_view.xml

@@ -0,0 +1,45 @@
+<odoo>
+    <data>
+        <record id="view_account_payment_form_inherit" model="ir.ui.view">
+            <field name="name">account.payment.form</field>
+            <field name="model">account.payment</field>
+            <field name="inherit_id" ref="account.view_account_payment_form"/>
+            <field name="arch" type="xml">
+                <xpath expr="//header//button[@name='action_post']" position="after">
+                    <button name="approve_transfer" string="Approve" type="object"
+                            class="oe_highlight"
+                            attrs="{'invisible': ['|',('is_approver', '=', False),('state', '!=', 'waiting_approval')]}"/>
+                    <button name="reject_transfer" string="Reject" type="object"
+                            class="oe_highlight"
+                            attrs="{'invisible': ['|',('is_approver', '=', False),('state', '!=', 'waiting_approval')]}"/>
+                </xpath>
+                <xpath expr="//header//button[@name='action_post']" position="attributes">
+                    <attribute name="states">draft,approved</attribute>
+                </xpath>
+                <xpath expr="//header//button[@name='action_cancel']" position="attributes">
+                    <attribute name="attrs">{'invisible': [('state', 'in', ('cancelled', 'posted', 'rejected'))]}
+                    </attribute>
+                </xpath>
+                <field name="partner_id" position="after">
+                    <field name="is_approver" invisible="1"/>
+                </field>
+            </field>
+        </record>
+
+        <record id="view_account_payment_search_inherit" model="ir.ui.view">
+            <field name="name">account.payment.search.inherit</field>
+            <field name="model">account.payment</field>
+            <field name="inherit_id" ref="account.view_account_payment_search"/>
+            <field name="arch" type="xml">
+                <xpath expr="//search/filter[@name='state_draft']" position="after">
+                    <filter string="Waiting For Approval" name="state_waiting_approval"
+                            domain="[('state', '=', 'waiting_approval')]"/>
+                    <filter string="Approved" name="state_approved"
+                            domain="[('state', '=', 'approved')]"/>
+                    <filter string="Rejected" name="state_rejected"
+                            domain="[('state', '=', 'rejected')]"/>
+                </xpath>
+            </field>
+        </record>
+    </data>
+</odoo>

account_payment_approval/views/res_config_settings_views.xml

@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <data>
+        <record id="res_config_settings_view_form_inherit" model="ir.ui.view">
+            <field name="name">res.config.settings.view.form.inherit.account</field>
+            <field name="model">res.config.settings</field>
+            <field name="priority" eval="40"/>
+            <field name="inherit_id" ref="base.res_config_settings_view_form"/>
+            <field name="arch" type="xml">
+                <xpath expr="//div[@data-key='account']" position="inside">
+                    <h2>Payment Approval</h2>
+                    <div class="row mt16 o_settings_container">
+                        <div class="col-12 col-lg-6 o_setting_box" title="Enables approval feature in payments."
+                             groups="account.group_account_manager">
+                            <div class="o_setting_left_pane">
+                                <field name="payment_approval"/>
+                            </div>
+                            <div class="o_setting_right_pane">
+                                <label for="payment_approval"/>
+                                <div class="text-muted">
+                                    Enable to bring the approval in the payment.
+                                    Only account managers can approve the request.
+                                </div>
+                                <div class="content-group" attrs="{'invisible': [('payment_approval', '=', False)]}">
+                                    <div class="row">
+                                        <label string="Approvar" for="approval_user_id"
+                                               class="col-lg-3 o_light_label"/>
+                                        <field name="approval_user_id"
+                                               attrs="{'required': [('payment_approval', '=', True)]}"/>
+                                    </div>
+                                </div>
+                                <div class="content-group" attrs="{'invisible': [('payment_approval', '=', False)]}">
+                                    <div class="row">
+                                        <label string="Amount" for="approval_amount"
+                                               class="col-lg-3 o_light_label"/>
+                                        <field name="approval_amount"
+                                               attrs="{'required': [('payment_approval', '=', True)]}"/>
+                                    </div>
+                                    <div class="row">
+                                        <label string="Currency" for="approval_currency_id"
+                                               class="col-lg-3 o_light_label"/>
+                                        <field name="approval_currency_id"/>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </xpath>
+            </field>
+        </record>
+    </data>
+</odoo>