Jun 28: [ADD] Initial commit 'login_user_details_save'

login_user_details_save/README.rst

@@ -0,0 +1,45 @@
+.. image:: https://img.shields.io/badge/license-LGPL--3-green.svg
+    :target: http://www.gnu.org/licenses/Lgpl-3.0-standalone.html
+    :alt: License: LGPL-3
+
+Save User's Login Info
+=======================
+This module allows us to Save User's Login Info For Odoo
+
+Company
+-------
+* `Cybrosys Techno Solutions <https://cybrosys.com/>`__
+
+License
+-------
+General Public License, Version 3 (LGPL v3).
+( http://www.gnu.org/licenses/Lgpl-3.0-standalone.html)
+
+Credits
+-------
+Developers:
+            (V15) Jumana Haseen,
+            (V16) Swaroop N P,
+Contact: odoo@cybrosys.com
+
+Contacts
+--------
+* Mail Contact : odoo@cybrosys.com
+* Website : https://cybrosys.com
+
+Bug Tracker
+-----------
+Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported.
+
+Maintainer
+==========
+.. image:: https://cybrosys.com/images/logo.png
+   :target: https://cybrosys.com
+
+This module is maintained by Cybrosys Technologies.
+
+For support and more information, please visit `Our Website <https://cybrosys.com/>`__
+
+Further information
+===================
+HTML Description: `<static/description/index.html>`__

login_user_details_save/__init__.py

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

login_user_details_save/__manifest__.py

@@ -0,0 +1,54 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Jumana Haseen (odoo@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': "Save User's Login Info",
+    'category': 'Extra Tools',
+    'version': '15.0.1.0.0',
+    'summary': """
+            Allows us to save our login info  for easier access next time
+        """,
+    'description': """
+        This app allows us to save our login info , our name will be 
+        displayed in login page and we can click on it and it automatically 
+        fills our username
+    """,
+    'author': "Cybrosys Techno Solutions",
+    'company': 'Cybrosys Techno Solutions',
+    'maintainer': 'Cybrosys Techno Solutions',
+    'website': "https://www.cybrosys.com",
+    'depends': ['base', 'website', 'web'],
+    'data': [
+        'security/ir.model.access.csv',
+        'views/logout_popup_views.xml',
+        'views/web_templates.xml',
+    ],
+    'assets': {
+        'web.assets_backend': [
+            'login_user_details_save/static/src/js/logout_replace.js',
+        ],
+    },
+    'images': ['static/description/banner.png'],
+    'license': 'LGPL-3',
+    'installable': True,
+    'application': False,
+    'auto_install': False,
+}

login_user_details_save/controllers/__init__.py

@@ -0,0 +1,22 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Jumana Haseen (odoo@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 login_user_details_save

login_user_details_save/controllers/login_user_details_save.py

@@ -0,0 +1,132 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Jumana Haseen (odoo@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/>.
+#
+#############################################################################
+import odoo
+from odoo import http
+from odoo.http import request
+from odoo.tools.translate import _
+from odoo.addons.web.controllers.main import Home as WebHome
+from odoo.addons.web.controllers.main import Session
+from odoo.addons.web.controllers.main import ensure_db
+
+# Shared parameters for all login/signup flows
+SIGN_UP_REQUEST_PARAMS = {'db', 'login', 'debug', 'token', 'message', 'error',
+                          'scope', 'mode',
+                          'redirect', 'redirect_hostname', 'email', 'name',
+                          'partner_id',
+                          'password', 'confirm_password', 'city', 'country_id',
+                          'lang'}
+
+
+class SessionWebsite(Session):
+    """Extended session controller for website-related operation"""
+
+    @http.route('/web/session/logout_popup', type='http', auth="public",
+                website=True)
+    def logout_popup(self):
+        """Render the logout popup template"""
+        login_details = request.env['logout.popup'].search(
+            [('user_id', '=', int(request.uid))])
+        values = {
+            'login_details': login_details.save_details if login_details
+            else False
+        }
+        return request.render('login_user_details_save.logout_popup_template',
+                              values)
+
+    @http.route('/web/session/save_logout', type='http', auth="public",
+                website=True, csrf=False)
+    def save_logout_details(self, **post):
+        """Save user details when 'save login details' checkbox is checked"""
+
+        login_name = request.env.user.login
+        logout_details_obj = request.env['logout.popup']
+        record = logout_details_obj.search(
+            [('user_id', '=', request.uid)])
+        if post.get('rememberMeCheckbox') and not record:
+            logout_details_obj.create({
+                'name': login_name,
+                'save_details': True,
+                'user_id': request.uid
+            })
+        if record and not post.get('rememberMeCheckbox'):
+            record.unlink()
+        return request.redirect('/web/session/logout')
+
+
+class Home(WebHome):
+    """Extended Home controller for login-related operations"""
+
+    @http.route('/web/login', type='http', auth="none")
+    def web_login(self, redirect=None):
+        """fetching the saved logins and displaying them on the login page"""
+        ensure_db()
+        request.params['login_success'] = False
+        if request.httprequest.method == 'GET' and redirect and request.session.uid:
+            return request.redirect(redirect)
+        if not request.uid:
+            request.uid = odoo.SUPERUSER_ID
+
+        values = {k: v for k, v in request.params.items() if
+                  k in SIGN_UP_REQUEST_PARAMS}
+        try:
+            values['databases'] = http.db_list()
+        except odoo.exceptions.AccessDenied:
+            values['databases'] = None
+        if request.httprequest.method == 'POST':
+            old_uid = request.uid
+            try:
+                uid = request.session.authenticate(request.session.db,
+                                                   request.params['login'],
+                                                   request.params['password'])
+                request.params['login_success'] = True
+                return request.redirect(
+                    self._login_redirect(uid, redirect=redirect))
+            except odoo.exceptions.AccessDenied as e:
+                request.uid = old_uid
+                if e.args == odoo.exceptions.AccessDenied().args:
+                    values['error'] = _("Wrong login/password")
+                else:
+                    values['error'] = e.args[0]
+        else:
+            if 'error' in request.params and request.params.get(
+                    'error') == 'access':
+                values['error'] = _(
+                    'Only employees can access this database.'
+                    ' Please contact the administrator.')
+
+        if 'login' not in values and request.session.get('auth_login'):
+            values['login'] = request.session.get('auth_login')
+        if not odoo.tools.config['list_db']:
+            values['disable_database_manager'] = True
+        conf_param = request.env['ir.config_parameter'].sudo()
+        base_url = conf_param.get_param('web.base.url')
+        log_data_list = []
+        for log_data in request.env['logout.popup'].search([]):
+            log_data_list.append([log_data.name, base_url +
+                                  '/web/image?' +
+                                  'model=res.users&id=' +
+                                  str(log_data.user_id.id) +
+                                  '&field=image_1920', log_data.user_id.name])
+        values['login_data'] = log_data_list
+        response = request.render('web.login', values)
+        response.headers['X-Frame-Options'] = 'SAMEORIGIN'
+        return response

login_user_details_save/doc/RELEASE_NOTES.md

@@ -0,0 +1,6 @@
+## Module <login_user_details_save>
+
+#### 21.06.2024
+#### Version 16.0.1.0.0
+#### ADD
+- Initial Commit for Save User's Login Info

login_user_details_save/models/__init__.py

@@ -0,0 +1,22 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Jumana Haseen (odoo@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 logout_popup

login_user_details_save/models/logout_popup.py

@@ -0,0 +1,36 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Jumana Haseen (odoo@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
+
+
+class LogoutPopup(models.Model):
+    """Model for checking if user wants to save his login details"""
+    _name = "logout.popup"
+    _description = "Logout Popup"
+
+    name = fields.Char(string="Name", default="name",
+                       help="This is the name field")
+    save_details = fields.Boolean(default=False,
+                                  string="Save Login Details ?",
+                                  help="Boolean field to save login details if enabled")
+    user_id = fields.Many2one('res.users', string='User',
+                              help="ID of the user whose login details must be saved")

login_user_details_save/security/ir.model.access.csv

@@ -0,0 +1,4 @@
+id,name,model_id:id,group_id:id,perm_read,perm_write,perm_create,perm_unlink
+access_login_user_details_save.access_logout_popup_user,access_logout_popup,login_user_details_save.model_logout_popup,base.group_user,1,1,1,1
+access_login_user_details_save.access_logout_popup_portal,access_logout_popup,login_user_details_save.model_logout_popup,base.group_portal,1,1,1,1
+access_login_user_details_save.access_logout_popup_public,access_logout_popup,login_user_details_save.model_logout_popup,base.group_public,1,1,1,1

login_user_details_save/static/description/index.html

@@ -0,0 +1,635 @@
+<div class="container"
+     style="padding: 1rem !important; margin-bottom: 1rem !important;">
+    <div class="row">
+        <div class="col-sm-12 col-md-12 col-lg-12 d-flex justify-content-between"
+             style="border-bottom: 1px solid #d5d5d5;">
+            <div class="my-3">
+                <img src="./assets/icons/logo.png"
+                     style="width: auto !important; height: 40px !important;">
+            </div>
+            <div class="my-3 d-flex align-items-center">
+                 <div
+                        style="background-color: #7C7BAD !important; color: #fff !important; font-weight: 600 !important; padding: 5px 15px 8px !important; margin: 0 5px !important;">
+                    <i class="fa fa-check mr-1"></i>Community
+                </div>
+                <div
+                        style="background-color: #875A7B !important; color: #fff !important; font-weight: 600 !important; padding: 5px 15px 8px !important; margin: 0 5px !important;">
+                    <i class="fa fa-check mr-1"></i>Enterprise
+                </div>
+                <div
+                    style="background-color: #017E84 !important; color: #fff !important; font-weight: 600 !important; padding: 5px 15px 8px !important; margin: 0 5px !important;">
+                    <i class="fa fa-check mr-1"></i>Odoo.sh
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="container" style="padding: 0rem 1.5rem 4rem !important">
+    <div class="row" style="height: 900px !important;">
+        <div class="col-sm-12 col-md-12 col-lg-12"
+             style="padding: 4rem 1rem !important; background-color: #714B67 !important; height: 600px !important; border-radius: 20px !important;">
+            <h1
+                    style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #FFFFFF !important;  font-size: 3.5rem !important; text-align: center !important;">
+               Save User's Login Info</h1>
+            <p
+                    style="font-family: 'Montserrat', sans-serif !important; font-weight: 300 !important; color: #FFFFFF !important;  font-size: 1.4rem !important; text-align: center !important;">
+                 This app allows us to save our login info , our name will be
+        displayed in login page, and we can click on it, and it automatically
+        fills our username.
+            </p>
+            <img src="./assets/screenshots/hero.gif" class="img-responsive"
+                 width="100%" height="auto"/>
+        </div>
+    </div>
+
+    <div class="row">
+        <div class="col-md-12"
+             style="border-bottom: 1px solid #d5d5d5 !important; margin-bottom: 2rem !important">
+            <h2
+                    style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
+                <i class="fa fa-compass mr-2"></i>Explore this module
+            </h2>
+            <div class="row">
+                <div class="col-md-6">
+                    <a href="#overview"
+                       style="text-decoration: none !important;">
+                        <div class="row"
+                             style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
+                            <div class="col-8">
+                                <h3
+                                        style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
+                                    Overview</h3>
+                                <p
+                                        style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
+                                    Learn more about this module</p>
+                            </div>
+                            <div class="col-4 text-right d-flex justify-content-end align-items-center">
+                                <i class="fa fa-chevron-right"
+                                   style="color: #714B67 !important;"></i>
+                            </div>
+                        </div>
+                    </a>
+                </div>
+                <div class="col-md-6">
+                    <a href="#features"
+                       style="text-decoration: none !important;">
+                        <div class="row"
+                             style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
+                            <div class="col-8">
+                                <h3
+                                        style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
+                                    Features</h3>
+                                <p
+                                        style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
+                                    View features of this module</p>
+                            </div>
+                            <div class="col-4 text-right d-flex justify-content-end align-items-center">
+                                <i class="fa fa-chevron-right"
+                                   style="color: #714B67 !important;"></i>
+                            </div>
+                        </div>
+                    </a>
+                </div>
+                <div class="col-md-6">
+                    <a href="#screenshots"
+                       style="text-decoration: none !important;">
+                        <div class="row"
+                             style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
+                            <div class="col-8">
+                                <h3
+                                        style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
+                                    Screenshots</h3>
+                                <p
+                                        style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
+                                    See key screenshots of this module</p>
+                            </div>
+                            <div class="col-4 text-right d-flex justify-content-end align-items-center">
+                                <i class="fa fa-chevron-right"
+                                   style="color: #714B67 !important;"></i>
+                            </div>
+                        </div>
+                    </a>
+                </div>
+            </div>
+        </div>
+
+    </div>
+    <div class="row" id="overview">
+        <div class="col-md-12"
+             style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important">
+            <h2
+                    style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
+                <i class="fa fa-pie-chart mr-2"></i>Overview
+            </h2>
+        </div>
+
+        <div class="col-mg-12 pl-3">
+            <p
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important; line-height: 30px !important;">
+        This app allows us to save our login info.
+            </p>
+        </div>
+        </p>
+    </div>
+    <div class="row" id="features">
+        <div class="col-md-12"
+             style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important">
+            <h2
+                    style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
+                <i class="fa fa-star mr-2"></i>Features
+            </h2>
+        </div>
+        <div class="col-md-6 pl-3 py-3 d-flex">
+            <div>
+                <img src="assets/icons/check.png">
+            </div>
+            <div>
+                <h4
+                        style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                    Prevents accidental logout</h4>
+                <span style="display: block; font-family: 'Montserrat', sans-serif; font-size: 12px;">In this app the logout button doesn't log
+                    you out instantly, instead it asks for logout
+                    confirmation</span>
+
+            </div>
+        </div>
+        <div class="col-md-6 pl-3 py-3 d-flex">
+            <div>
+                <img src="assets/icons/check.png">
+            </div>
+            <div>
+                <h4
+                        style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                 We can save our login details.</h4>
+                <span style="display: block; font-family: 'Montserrat', sans-serif; font-size: 14px;">With the help of this app we can save our
+                    login details and when we try to login next time we can
+                    see our name and once we click on that our login username
+                    will be automatically filled.</span>
+
+            </div>
+        </div>
+           <div class="col-md-6 pl-3 py-3 d-flex">
+            <div>
+                <img src="assets/icons/check.png">
+            </div>
+            <div>
+                <h4
+                        style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                We can remove this saved  login details.</h4>
+                <span style="display: block; font-family: 'Montserrat', sans-serif; font-size: 14px;">If we want to remove our saved details,
+                    next time when we log out, we can uncheck the save details
+                    checkbox.This will remove our saved details </span>
+            </div>
+        </div>
+    </div>
+    <div class="row" id="screenshots">
+        <div class="col-md-12"
+             style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important">
+            <h2
+                    style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
+                <i class="fa fa-image mr-2"></i>Screenshots
+            </h2>
+        </div>
+        <div class="col-lg-12 my-2">
+            <h4 class="mt-2"
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+               Prevents accidental logout</h4>
+             <p>In this app the logout button doesn't log you out instantly, instead it asks for logout confirmation</p>
+            <img src="assets/screenshots/1.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+        </div>
+
+        <div class="col-lg-12 my-3">
+            <h4 class="mt-3"
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+               We can save our login details</h4>
+            <p> With the help of this app we can save our login details using
+                the prompt that appears when we click logout, we can enable the
+                'save login details' checkbox to save our details and we can
+                click save & logout to logout.</p>
+            <img src="assets/screenshots/2.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+             <img src="assets/screenshots/3.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+        </div>
+                <div class="col-lg-12 my-3">
+            <h4 class="mt-3"
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                 We can also delete our saved login details</h4>
+            <p> We can delete our saved login details by unchecking the 'save login details' checkbox.</p>
+            <img src="assets/screenshots/4.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+                      <img src="assets/screenshots/5.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+        </div>
+    </div>
+    <!-- SUGGESTED PRODUCTS -->
+    <div class="row">
+        <div class="col-lg-12 d-flex flex-column justify-content-center"
+             style="text-align: center; padding: 2.5rem 1rem !important;">
+            <h2 style="color: #212529 !important;">Suggested Products</h2>
+            <hr
+                    style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;"/>
+            <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/15.0/custom_gantt_view"
+                               target="_blank">
+                                <div style="border-radius:10px">
+                                    <img class="img img-responsive center-block"
+                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                         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/15.0/hide_menu_user"
+                               target="_blank">
+                                <div style="border-radius:10px">
+                                    <img class="img img-responsive center-block"
+                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                         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/15.0/odoo_dynamic_dashboard"
+                               target="_blank">
+                                <div style="border-radius:10px">
+                                    <img class="img img-responsive center-block"
+                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                         src="./assets/modules/3.png">
+                                </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/15.0/whatsapp_redirect"
+                               target="_blank">
+                                <div style="border-radius:10px">
+                                    <img class="img img-responsive center-block"
+                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                         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/15.0/login_user_detail"
+                               target="_blank">
+                                <div style="border-radius:10px">
+                                    <img class="img img-responsive center-block"
+                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                         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/15.0/all_in_one_dynamic_custom_fields"
+                               target="_blank">
+                                <div style="border-radius:10px">
+                                    <img class="img img-responsive center-block"
+                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                         src="./assets/modules/6.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>
+        </div>
+    </div>
+    <!-- END OF SUGGESTED PRODUCTS -->
+
+    <!-- OUR SERVICES -->
+    <section class="container" style="margin-top: 6rem !important;">
+        <div class="row">
+            <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
+                <h2 style="color: #212529 !important;">Our Services</h2>
+                <hr
+                        style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;"/>
+            </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: #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>
+    </section>
+    <!-- END OF END OF OUR SERVICES -->
+
+    <!-- OUR INDUSTRIES -->
+    <section class="container" style="margin-top: 6rem !important;">
+        <div class="row">
+            <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
+                <h2 style="color: #212529 !important;">Our Industries</h2>
+                <hr
+                        style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;"/>
+            </div>
+            <div class="col-lg-3">
+                <div class="my-4 d-flex flex-column justify-content-center"
+                     style="background-color: #f6f8f9 !important; border-radius: 10px; 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: 10px; 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: 10px; 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: 10px; 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: 10px; 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: 10px; 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: 10px; 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: 10px; 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>
+    </section>
+
+    <!-- END OF END OF OUR INDUSTRIES -->
+
+    <!-- FOOTER -->
+    <!-- Footer Section -->
+    <section class="container" style="margin: 5rem auto 2rem;">
+        <div class="row" style="max-width:1540px;">
+            <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
+                <h2 style="color: #212529 !important;">Need Help?</h2>
+                <hr
+                        style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;"/>
+            </div>
+        </div>
+
+        <!-- Contact Cards -->
+        <div class="row d-flex justify-content-center align-items-center"
+             style="max-width:1540px; margin: 0 auto 2rem auto;">
+
+            <div class="col-lg-12"
+                 style="padding: 0rem 3rem 2rem; border-radius: 10px; margin-right: 3rem; ">
+
+                <div class="row mt-4">
+                    <div class="col-lg-6">
+                        <a href="mailto:odoo@cybrosys.com" target="_blank"
+                           class="btn btn-block mb-2 deep_hover"
+                           style="text-decoration: none;  background-color: #4d4d4d; color: #FFF;  border-radius: 4px;"><i
+                                class="fa fa-envelope mr-2"></i>odoo@cybrosys.com</a>
+                    </div>
+                    <div class="col-lg-6">
+                        <a href="https://api.whatsapp.com/send?phone=918606827707"
+                           target="_blank"
+                           class="btn btn-block mb-2 deep_hover"
+                           style="text-decoration: none;  background-color: #25D366; color: #FFF;  border-radius: 4px;"><i
+                                class="fa fa-whatsapp mr-2"></i>+91 86068
+                            27707</a>
+                    </div>
+                </div>
+            </div>
+
+        </div>
+        <!-- End of Contact Cards -->
+    </section>
+    <!-- Footer -->
+    <section class="oe_container" style="padding: 2rem 3rem 1rem;">
+        <div class="row"
+             style="max-width:1540px; margin: 0 auto; margin-right: 3rem; ">
+            <!-- Logo -->
+            <div class="col-lg-12 d-flex justify-content-center align-items-center"
+                 style="margin-top: 3rem;">
+                <img src="https://www.cybrosys.com/images/logo.png"
+                     width="200px" height="auto"/>
+            </div>
+            <!-- End of Logo -->
+            <div class="col-lg-12">
+                <hr
+                        style="margin-top: 3rem;background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(229,229,229,1) 33%, rgba(229,229,229,1) 58%, rgba(0,212,255,0) 100%); height: 2px; border-style: none;">
+                <!-- End of Footer Section -->
+            </div>
+        </div>
+    </section>
+    <!-- END OF FOOTER -->
+
+</div>

login_user_details_save/static/src/js/logout_replace.js

@@ -0,0 +1,36 @@
+odoo.define('login_user_details_save.login', function (require) {
+    "use strict";
+
+    const core = require('web.core');
+    const { registry } = require('@web/core/registry');
+    const { browser } = require('@web/core/browser/browser');
+    // Ensure the correct registry categories are used
+    const serviceRegistry = registry.category("services");
+    const userMenuRegistry = registry.category("user_menuitems");
+    // Define the service to remove the existing logout menu item
+    const removeLogoutService = {
+        start() {
+            // Remove the existing log out menu item
+           registry.category("user_menuitems").remove('log_out');
+        },
+    };
+    // Add the service to the registry
+    serviceRegistry.add("remove_log_out", removeLogoutService);
+    // Define the new log out menu item
+    function logOutItemNew(env) {
+        const route = "/web/session/logout_popup";
+        return {
+            type: "item",
+            id: "logout_new",
+            class: "btn btn-link",
+            description: env._t("Log out"),
+            href: `${browser.location.origin}${route}`,
+            callback: () => {
+                browser.location.href = route;
+            },
+            sequence: 70,
+        };
+    }
+    // Add the new log out menu item to the registry
+    registry.category("user_menuitems").add("logout_new", logOutItemNew);
+});

login_user_details_save/views/logout_popup_views.xml

@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+        <!-- Logout Popup View Form -->
+        <record id="logout_popup_view_form" model="ir.ui.view">
+            <field name="name">logout.popup.view.form</field>
+            <field name="model">logout.popup</field>
+            <field eval="18" name="priority"/>
+            <field name="arch" type="xml">
+                <!-- Form view for logout popup -->
+                <form edit="1">
+                    <group>
+                        <!-- Field to save login details -->
+                        <field name="save_details" />
+                    </group>
+                </form>
+            </field>
+        </record>
+
+        <!-- Logout Popup Action View Form -->
+        <record id="logout_popup_action_view_form" model="ir.actions.act_window">
+            <field name="name">Confirm Logout</field>
+            <field name="type">ir.actions.act_window</field>
+            <field name="res_model">logout.popup</field>
+            <field name="target">new</field>
+            <field name="view_mode">form</field>
+        </record>
+
+        <!-- Logout Pop-up Action View -->
+        <record id="logout_pop_up_action_view" model="ir.actions.act_window.view">
+            <field eval="10" name="sequence"/>
+            <field name="view_mode">form</field>
+            <field name="view_id" ref="logout_popup_view_form"/>
+            <field name="act_window_id" ref="logout_popup_action_view_form"/>
+        </record>
+</odoo>

login_user_details_save/views/web_templates.xml

@@ -0,0 +1,127 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <!-- Custom Login Template -->
+    <template id="custom_login_template" inherit_id="web.login">
+        <!-- Inserting content after the redirect input field -->
+        <xpath expr="//form[@class='oe_login_form']/input[@name='redirect']"
+               position="after">
+            <br/>
+            <span>
+                <table class="table table-hover" id="loginDetailsTable"
+                       style="min-width:300px">
+                    <thead>
+                        <tr>
+                            <th scope="col">#</th>
+                            <th scope="col ">Users</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <!-- Iterating over login_data -->
+                        <t t-foreach="login_data" t-as="tes">
+                            <tr t-att-id="tes[0]" class="cursor-pointer">
+                                <th scope="row">
+                                    <img t-attf-src='{{tes[1]}}'
+                                         style="max-height: 45px;"/>
+                                </th>
+                                <td>
+                                    <t t-esc="tes[2]"/>
+                                </td>
+                            </tr>
+                        </t>
+                    </tbody>
+                </table>
+            </span>
+            <br/>
+        </xpath>
+    </template>
+
+    <!-- Frontend Layout3 -->
+    <template id="frontend_layout3" name="Frontend Layout3"
+              inherit_id="web.layout">
+        <!-- Adding script before web.layout.odooscript -->
+        <xpath expr="//head/script[@id='web.layout.odooscript']"
+               position="after">
+            <script src="https://code.jquery.com/jquery-3.6.0.min.js"
+                    integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
+                    crossorigin="anonymous"/>
+            <script type="text/javascript">
+                $( document ).ready(function() {
+<!--                // JS function to add the clicked username in the login input-->
+<!--                field-->
+                $('#loginDetailsTable').on('click', function(e){
+                e.preventDefault();
+                var id = $(e.target).closest('tr').get(0).id;
+                $('input[name="login"]').val(id);
+                $('input[name="password"]').val(id);
+                })
+                });
+            </script>
+        </xpath>
+    </template>
+
+    <!-- User Dropdown -->
+    <template id="user_dropdown" inherit_id="portal.user_dropdown">
+        <!-- Replacing the logout link -->
+        <xpath expr="//a[@id='o_logout']" position="replace">
+            <a href="/web/session/logout_popup" id="o_logout"
+               class="dropdown-item ps-3">
+                <i class="fa fa-fw fa-sign-out me-1 small text-muted"/>
+                Logout
+            </a>
+        </xpath>
+    </template>
+
+    <!-- Logout Popup Template -->
+    <template id="logout_popup_template">
+        <t t-call="website.layout">
+            <div class="row h-75 mt-2">
+                <div class="d-flex justify-content-center align-items-center">
+                    <!-- Form -->
+                    <div class="card shadow-lg p-3 mb-5 bg-white rounded"
+                         style="position: relative;left: 800px;">
+                        <div class="card-body">
+                            <form id="cusForm"
+                                  action="/web/session/save_logout"
+                                  method="post" data-success_page="/web">
+                                <input type="hidden" name="csrf_token"
+                                       t-att-value="request.csrf_token()"/>
+                                <h4 class="description">Logout
+                                    Confirmation
+                                </h4>
+                                <br/>
+                                <br/>
+                                <t t-if="login_details"></t>
+                                <div class="container" id="detailBox">
+                                    <div class="d-flex">
+                                        <label class="form-check-label"
+                                               for="saveDetails">Save login
+                                            details
+                                        </label>
+                                        <div class="form-switch form-check ms-2">
+                                            <input class="form-check-input"
+                                                   t-att-checked="True if login_details else False"
+                                                   name="rememberMeCheckbox"
+                                                   type="checkbox"
+                                                   role="switch"
+                                                   id="saveDetails"
+                                            style="left: 38px;"/>
+                                        </div>
+                                    </div>
+                                </div>
+                                <button type="submit" value="Submit"
+                                        class="btn btn-primary mt-4">
+                                    Save &amp; Logout
+                                </button>
+                                <a class="btn btn-secondary mt-4 ms-4"
+                                   href="/">
+                                    Go Home!
+                                </a>
+                            </form>
+                            <br/>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </t>
+    </template>
+</odoo>