[ADD] Initial Commit for 'pos_multi_note'

pos_multi_note/README.rst

@@ -0,0 +1,40 @@
+Multiple Order Notes In POS
+===============================
+* Enables the option for adding multiple order notes in pos order lines
+
+Installation
+============
+- www.odoo.com/documentation/12.0/setup/install.html
+- Install our custom addon
+
+License
+-------
+GNU AFFERO GENERAL PUBLIC LICENSE, Version 3 (AGPLv3)
+(http://www.gnu.org/licenses/agpl.html)
+
+Company
+-------
+* `Cybrosys Techno Solutions <https://cybrosys.com/>`__
+
+Credits
+-------
+* Developer:
+   Sayooj A O
+
+Contacts
+--------
+* Mail Contact : odoo@cybrosys.com
+
+Bug Tracker
+-----------
+Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported.
+
+Maintainer
+==========
+This module is maintained by Cybrosys Technologies.
+
+For support and more information, please visit https://www.cybrosys.com
+
+Further information
+===================
+HTML Description: `<static/description/index.html>`__

pos_multi_note/__init__.py

@@ -0,0 +1,22 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2019-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#    Author: Sayooj A O(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU AFFERO
+#    GENERAL PUBLIC LICENSE (AGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details.
+#
+#    You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
+#    (AGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+from . import models

pos_multi_note/__manifest__.py

@@ -0,0 +1,46 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2019-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#    Author: Sayooj A O(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU AFFERO
+#    GENERAL PUBLIC LICENSE (AGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details.
+#
+#    You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
+#    (AGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+{
+    'name': 'Multiple Order Notes In POS',
+    'summary': """The module enables to add multiple order line from the pos interface and other than
+    selection of the order note text is also enabled""",
+    'version': '12.0.1.0.0',
+    'description': """The module enables to add multiple order line from the pos interface and other than
+    selection of the order note text is also enabled""",
+    'author': 'Cybrosys Techno Solutions',
+    'company': 'Cybrosys Techno Solutions',
+    'maintainer': 'Cybrosys Techno Solutions',
+    'website': 'https://www.cybrosys.com',
+    'category': 'Point of Sale',
+    'depends': ['base', 'point_of_sale', 'pos_restaurant'],
+    'license': 'AGPL-3',
+    'data': [
+        'views/order_note_templates.xml',
+        'views/order_note_backend.xml',
+        'security/ir.model.access.csv',
+    ],
+    'qweb': ['static/src/xml/pos_internal_note.xml'],
+    'images': ['static/description/banner.png'],
+    'installable': True,
+    'auto_install': False,
+
+}

pos_multi_note/doc/RELEASE_NOTES.md

@@ -0,0 +1,6 @@
+## Module <pos_multi_note>
+
+#### 26.08.2019
+#### Version 12.0.1.0.0
+##### ADD
+- Initial commit

pos_multi_note/models/__init__.py

@@ -0,0 +1,23 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2019-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#    Author: Sayooj A O(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU AFFERO
+#    GENERAL PUBLIC LICENSE (AGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details.
+#
+#    You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
+#    (AGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+from . import pos_order
+from . import order_note

pos_multi_note/models/order_note.py

@@ -0,0 +1,33 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2019-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#    Author: Sayooj A O(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU AFFERO
+#    GENERAL PUBLIC LICENSE (AGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details.
+#
+#    You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
+#    (AGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+from odoo import models, fields
+
+
+class PosOrderNote(models.Model):
+    """In this class a new model is created in pos to create multiple
+    order notes in the backend"""
+
+    _name = 'pos.order.note'
+    _rec_name = 'pos_note'
+
+    pos_note = fields.Char(string='Multiple Order Note In POS',
+                           help='Add the description of the order note')

pos_multi_note/models/pos_order.py

@@ -0,0 +1,59 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2019-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#    Author: Sayooj A O(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU AFFERO
+#    GENERAL PUBLIC LICENSE (AGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details.
+#
+#    You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
+#    (AGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+
+from odoo import models, api, fields
+
+
+class Configuration(models.Model):
+    """In this class the model pos.config is inherited
+    to add a new boolean field in the settings of
+    point of sale which is used to make enable/disable
+    multiple order note in pos interface"""
+
+    _inherit = 'pos.config'
+
+    note_config = fields.Boolean(string='Order Line Note',
+                                 help='Allow to write internal note in POS interface',
+                                 default=True)
+    iface_orderline_notes = fields.Boolean(string='Orderline Notes',
+                                           help='Allow custom notes on Orderlines.',
+                                           default=False, compute='_compute_iface_orderline_notes',
+                                           readonly=False)
+
+    @api.multi
+    def _compute_iface_orderline_notes(self):
+        """This is the compute function to disable
+        the existing single order note facility
+        in the point of sale interface"""
+        if self.note_config:
+            self.iface_orderline_notes = False
+
+    @api.onchange('note_config')
+    @api.depends('note_config')
+    def _onchange_note_config(self):
+        """This is the onchange function to disable/enable
+        the existing single order note facility
+            in the point of sale interface"""
+        if self.note_config:
+            self.iface_orderline_notes = False
+        if not self.note_config:
+            self.iface_orderline_notes = True

pos_multi_note/security/ir.model.access.csv

@@ -0,0 +1,3 @@
+id,name,model_id:id,group_id:id,perm_read,perm_write,perm_create,perm_unlink
+access_pos_order_note_manager_id,access_pos_order_note_manager,model_pos_order_note,point_of_sale.group_pos_manager,1,1,1,1
+access_pos_order_note_employee_id,access_pos_order_note_employee,model_pos_order_note,point_of_sale.group_pos_user,1,1,1,1

pos_multi_note/static/description/index.html

@@ -0,0 +1,393 @@
+	  
+	  
+<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="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;">Multiple Orderline Notes In POS</h1>
+      <h3 style="font-size: 21px;margin-top: 8px;position: relative;">Multiple Order note selection in point of sale interface.</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;"><img src="checked.png" style=" width: 22px; margin-right: 6px; " alt="check">  Create Multiple Order notes in the backend.</li>
+    </ul>
+    <ul style=" padding: 0 1px; list-style: none; ">
+      <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="checked.png" style=" width: 22px; margin-right: 6px; " alt="check">  Can select order notes created in the backend from POS interface.</li>
+    </ul>
+    <ul style=" padding: 0 1px; list-style: none; ">
+      <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="checked.png" style=" width: 22px; margin-right: 6px; " alt="check">   Option for typing required order notes along with the selection.</li>
+    </ul>
+    <ul style=" padding: 0 1px; list-style: none; ">
+      <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="checked.png" style=" width: 22px; margin-right: 6px; " alt="check">  The order notes defined will appear in the pos ticket.</li>
+    </ul>
+  </div>
+  <div class="col-md-5 col-sm-12 col-xs-12"> <img src="multi-order-note.gif" 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;">
+          Using this application one can assign multiple order notes to an order line, add text to the order note manually and select them from a variety of selections.</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%;">Multiple Orderline Notes In POS</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;"> 
+			<img src="checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Available in Odoo 12.0 community edition. </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;"> 
+			<img src="checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Allow to add multiple order notes in pos order lines.</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;"> <img src="checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Install Multiple Orderline Notes In POS from the Apps menu.</h3>
+			
+          <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="pos_note_01.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;"> <img src="checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Go to Point of Sale->Configuration->Point of sale, select the required
+		point of sale and enable the button Order line note. </h3>	
+		  
+          <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="pos_note_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="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Under configuration menu, we can see the option POS Order notes. Upon clicking it, this will lead to a page of creating multi order notes. </h3>
+		  
+          <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="pos_note_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; "> <img src="checked.png" style=" width: 22px; margin-right: 6px; " alt="check">FFrom here we can add or remove the order notes. The order notes created from here will appear in the frontend of POS.</h3>
+		  
+          <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="pos_note_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; "> <img src="checked.png" style=" width: 22px; margin-right: 6px; " alt="check">By opening a session we can see a new button Multi Notes ,we can use this 
+		  button after selecting a product in the order line.</h3>
+		  
+          <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="pos_note_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; "> <img src="checked.png" style=" width: 22px; margin-right: 6px; " alt="check">By clicking on the button, a popup arrives which displays order notes created in the backend. One can select them for the required order line and also can type new order note in the text area.</h3>
+		  
+          <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="pos_note_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; "> <img src="checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Selected notes will appear in the corresponding order line.</h3>
+		  
+          <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="pos_note_07.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; "> <img src="checked.png" style=" width: 22px; margin-right: 6px; " alt="check">By generating the pos ticket, the order notes that we selected will appear in the bill alongside the products.</h3>
+		  
+          <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="pos_note_08.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"> 
+          <!-- Video-->
+          <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>Multiple Order Note Selection In POS</p>
+         <!--<a href="https://www.youtube.com/watch?v=57QWXrMYe84&feature=youtu.be" target="_blank"> <img src="addon-youtube.png" style="width:80%;"></a>-->
+			 
+		<div class="s_panel_video" data-video-id="eXLLtgHSJu0?rel=0" style="cursor:pointer;">
+                <img class="img-fluid s_tooltip_tabs_tooltip_image s_figure_link pb0" src="pos mutiple order notes-1.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://www.odoo.com/apps/modules/12.0/pos_order_line_image/" 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="order_line.jpg"> </div>
+          </a> </div>
+        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;"> <a href="https://www.odoo.com/apps/modules/12.0/pos_product_creation/" 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="product_creation.png"> </div>
+          </a> </div>
+        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;"> <a href="https://www.odoo.com/apps/modules/12.0/vouchers_pos/" 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="vouchers.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://www.odoo.com/apps/modules/12.0/pos_book_order/" 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="book_order.png"> </div>
+          </a> </div>
+        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;"> <a href="https://www.odoo.com/apps/modules/12.0/pos_product_reference/" 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="reference_pos.jpg"> </div>
+          </a> </div>
+        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;"> <a href="https://www.odoo.com/apps/modules/12.0/pos_mrp_order/" 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="mrp_order.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  / info@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>
+

pos_multi_note/static/src/js/notes_pos.js

@@ -0,0 +1,89 @@
+odoo.define('pos_multi_note.notes_pos', function (require) {
+    "use strict";
+    var screens = require('point_of_sale.screens');
+    var gui = require('point_of_sale.gui');
+    var core = require('web.core');
+    var rpc = require('web.rpc');
+    var PopupWidget = require('point_of_sale.popups');
+    var _t = core._t;
+    var models = require('point_of_sale.models');
+
+    models.load_models({
+        model: 'pos.order.note',
+        fields: ['pos_note'],
+        loaded: function (self, ordernotes) {
+            self.order_note_by_id = {};
+            for (var i = 0; i < ordernotes.length; i++) {
+                self.order_note_by_id[ordernotes[i].id] = ordernotes[i];
+            }
+        }
+    });
+
+    var NotePopupWidget = PopupWidget.extend({
+        count: 0,
+        template: 'NotePopupWidget',
+        events: _.extend({}, PopupWidget.prototype.events, {
+            'change .note_temp': 'click_option'
+        }),
+        init: function (parent, options) {
+            this.options = options || {};
+            this._super(parent, _.extend({}, {
+                size: "medium"
+            }, this.options));
+        },
+        renderElement: function () {
+            this._super();
+            for (var note in this.pos.order_note_by_id) {
+                $('#note_select').append($("<option>" + this.pos.order_note_by_id[note].pos_note + "</option>").attr("value", this.pos.order_note_by_id[note].pos_note)
+                    .attr("id", this.pos.order_note_by_id[note].id)
+                    .attr("class", "note_option"))
+            }
+        },
+        show: function (options) {
+            options = options || {};
+            this._super(options);
+            $('textarea').text(options.value);
+        },
+        click_confirm: function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+            var line = this.pos.get_order().get_selected_orderline();
+            line.set_note($('#note_text_area').val());
+            this.gui.close_popup();
+        },
+        click_option: function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+            var old_text = $('textarea').val();
+            var e = document.getElementById("note_select");
+            var text = e.options[e.selectedIndex].value;
+            old_text += "\n";
+            old_text += text;
+            $('textarea').text(old_text);
+        }
+
+    });
+    gui.define_popup({name: 'pos_no', widget: NotePopupWidget});
+
+    var InternalNoteButton = screens.ActionButtonWidget.extend({
+        template: 'InternalNoteButton',
+        button_click: function () {
+            var line = this.pos.get_order().get_selected_orderline();
+            if (line) {
+                this.gui.show_popup('pos_no', {
+                    value: line.get_note(),
+                    'title': _t('ADD YOUR MULTIPLE ORDER NOTES')
+                });
+            }
+        }
+    });
+
+    screens.define_action_button({
+        'name': 'pos_internal_note',
+        'widget': InternalNoteButton,
+        'condition': function () {
+            return this.pos.config.note_config;
+        }
+    });
+});
+

pos_multi_note/static/src/xml/pos_internal_note.xml

@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<template id="template" xml:space="preserve">
+
+    <t t-name="InternalNoteButton">
+        <div class='control-button in_note'>
+            <i class="fa fa-tags">  Multi Notes </i>
+        </div>
+    </t>
+    <t t-name="NotePopupWidget">
+        <div role="dialog" class="modal-dialog">
+            <div class="popup popup-textinput" style="background-color: bisque;">
+                <header class="title"><t t-esc=" widget.options.title || '' " /></header>
+                <div>
+                    <select id="note_select" style="width:461px;" class="note_temp">
+                        <option id="" value="select"></option>
+                    </select>
+                </div>
+                <br/>
+                <textarea id="note_text_area" type='text' t-att-value="widget.options.value || ''"></textarea>
+                <div class="footer">
+                    <div class="button confirm">
+                        Ok
+                    </div>
+                    <div class="button cancel">
+                        Cancel
+                    </div>
+                </div>
+            </div>
+        </div>
+    </t>
+    <t t-extend="PosTicket">
+        <t t-jquery="table.receipt-orderlines" t-operation="replace">
+            <table class='receipt-orderlines'>
+                <colgroup>
+                    <col width='50%' />
+                    <col width='25%' />
+                    <col width='25%' />
+                </colgroup>
+                <tr t-foreach="orderlines" t-as="orderline">
+                    <td>
+                        <t t-esc="orderline.get_product().display_name"/><br/>
+                        <i class="fa fa-tags"><t t-esc="orderline.note"/></i><br/>
+                         <t t-if="orderline.get_discount() > 0">
+                            <div class="pos-disc-font">
+                                With a <t t-esc="orderline.get_discount()"/>% discount
+                            </div>
+                        </t>
+                    </td>
+                    <td class="pos-right-align">
+                        <t t-esc="orderline.get_quantity_str_with_unit()"/>
+                    </td>
+                    <td class="pos-right-align">
+                        <t t-esc="widget.format_currency(orderline.get_display_price())"/>
+                    </td>
+                </tr>
+            </table>
+        </t>
+    </t>
+</template>

pos_multi_note/views/order_note_backend.xml

@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<odoo>
+    <data>
+        <record id="view_order_note_tree" model="ir.ui.view">
+            <field name="name">pos.order.note.tree</field>
+            <field name="model">pos.order.note</field>
+            <field name="priority" eval="8"/>
+            <field name="arch" type="xml">
+                <tree string="Order Notes">
+                    <field name="pos_note"/>
+                </tree>
+            </field>
+        </record>
+        <record id="view_order_note_form" model="ir.ui.view">
+            <field name="name">pos.order.note.form</field>
+            <field name="model">pos.order.note</field>
+            <field name="priority" eval="8"/>
+            <field name="arch" type="xml">
+                <form string="Order Notes">
+                    <sheet>
+                        <group>
+                            <field name="pos_note"/>
+                        </group>
+                    </sheet>
+                </form>
+            </field>
+        </record>
+        <record model="ir.actions.act_window" id="action_view_order_notes">
+            <field name="name">Order Notes</field>
+            <field name="res_model">pos.order.note</field>
+            <field name="view_type">form</field>
+            <field name="view_mode">tree,form</field>
+            <field name="domain">[]</field>
+            <field name="help" type="html">
+                <p class="oe_view_no_content_create">Create New Order Note
+                </p>
+            </field>
+        </record>
+        <menuitem id="menu_pos_order_note" name="POS Order Notes" parent="point_of_sale.menu_point_config_product"
+                  action="action_view_order_notes"/>
+
+
+        <record id="view_pos_config_disable_form" model="ir.ui.view">
+            <field name="name">pos.config.form.view.inherit</field>
+            <field name="model">pos.config</field>
+            <field name="inherit_id" ref="pos_restaurant.pos_config_view_form_inherit_restaurant"/>
+            <field name="arch" type="xml">
+                <xpath expr="//div[@id='iface_orderline_notes']" position="attributes">
+                    <attribute name="attrs">{'invisible': [('note_config', '=', True)]}</attribute>
+                </xpath>
+            </field>
+        </record>
+
+    </data>
+</odoo>

pos_multi_note/views/order_note_templates.xml

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<odoo>
+    <data>
+        <template id="pos_sale_order_template" inherit_id="point_of_sale.assets">
+            <xpath expr="." position="inside">
+                <script type="text/javascript" src="/pos_multi_note/static/src/js/notes_pos.js"/>
+            </xpath>
+        </template>
+        <record id="view_note" model="ir.ui.view">
+            <field name="name">Note</field>
+            <field name="model">pos.config</field>
+            <field name="priority" eval="8" />
+            <field name="inherit_id" ref="point_of_sale.pos_config_view_form"/>
+            <field name="arch" type="xml">
+             <xpath expr="//div[@id='category_reference']" position="inside">
+                 <br />
+                    <div class="o_setting_left_pane">
+                        <field name="note_config"/>
+                    </div>
+                    <div class="o_setting_right_pane">
+                        <label for="note_config"/>
+                        <span class=""></span>
+                        <div class="text-muted">
+                            Enable this for the feature of multi order notes
+                        </div>
+                    </div>
+            </xpath>
+            </field>
+        </record>
+    </data>
+</odoo>