[ADD] Initial Commit 'pos_book_order'

pos_book_order/README.rst

@@ -0,0 +1,17 @@
+POS Booking Order
+=================
+* Book orders from pos.
+
+Author
+=======
+* Cybrosys Techno Solutions
+
+
+Credits
+=========
+* Developer:
+  Varsha Vivek odoo@cybrosys.com
+
+Contacts
+========
+* Cybrosys Technologies <https://www.cybrosys.com>

pos_book_order/__init__.py

@@ -0,0 +1,2 @@
+from . import models
+

pos_book_order/__manifest__.py

@@ -0,0 +1,27 @@
+{
+    'name': 'POS Booking Order',
+    'version': '12.0.1.0.0',
+    'summary': """Book orders in pos""",
+    'description': 'Book orders for customers in POS',
+    'category': 'Point of Sale',
+    'author': 'Cybrosys Techno Solutions',
+    'company': 'Cybrosys Techno Solutions',
+    'maintainer': 'Cybrosys Techno Solutions',
+    'website': "https://www.cybrosys.com",
+    'depends': ['base', 'point_of_sale'],
+    'data': ['views/template.xml',
+             'views/pos_config.xml',
+             'views/book_order.xml',
+             'security/ir.model.access.csv'
+             ],
+    'demo': [],
+    'images': ['static/description/banner.png'],
+    'qweb': ['static/src/xml/book_order.xml',
+             'static/src/xml/booked_order.xml',
+             'static/src/xml/pickup_orders.xml',
+             'static/src/xml/delivery_orders.xml'
+             ],
+    'license': 'AGPL-3',
+    'installable': True,
+    'application': False,
+}

pos_book_order/doc/RELEASE_NOTES.md

@@ -0,0 +1,6 @@
+## Module <pos_book_order>
+
+#### 31.07.2019
+#### Version 12.0.1.0.0
+##### ADD
+- Initial Commit for pos_book_order

pos_book_order/models/__init__.py

@@ -0,0 +1,3 @@
+from . import pos_config
+from . import book_order
+from . import pos_order

pos_book_order/models/book_order.py

@@ -0,0 +1,177 @@
+# -*- coding: utf-8 -*-
+from functools import partial
+from odoo import models, fields, api, _
+from odoo.exceptions import UserError
+
+
+class PosQuotation(models.Model):
+    """Creating booking order model and store values, model to store booking orders"""
+    _name = 'book.order'
+
+    @api.model
+    def _amount_line_tax(self, line, fiscal_position_id):
+        taxes = line.tax_ids.filtered(lambda t: t.company_id.id == line.order_id.company_id.id)
+        if fiscal_position_id:
+            taxes = fiscal_position_id.map_tax(taxes, line.product_id, line.order_id.partner_id)
+        price = line.price_unit * (1 - (line.discount or 0.0) / 100.0)
+        taxes = taxes.compute_all(price, line.order_id.pricelist_id.currency_id,
+                                  line.qty, product=line.product_id,
+                                  partner=line.order_id.partner_id or False)['taxes']
+        return sum(tax.get('amount', 0.0) for tax in taxes)
+
+    @api.model
+    def _order_fields(self, ui_order):
+        process_line = partial(self.env['book.order.line']._order_line_fields)
+        return {
+            'lines': [process_line(l) for l in ui_order['lines']] if ui_order['lines'] else False,
+            'partner_id': ui_order['partner_id'] or False,
+            'date_order': ui_order['date_order'],
+            'phone': ui_order['phone'],
+            'pickup_date': ui_order['pickup_date'],
+            'deliver_date': ui_order['deliver_date'],
+            'delivery_address': ui_order['delivery_address'],
+            'note': ui_order['note'] or '',
+            'pricelist_id': ui_order['pricelist_id'] or '',
+            'book_order': ui_order['book_order'] or '',
+        }
+
+    def _default_session(self):
+        return self.env['pos.session'].search([('state', '=', 'opened'),
+                                               ('user_id', '=', self.env.uid)], limit=1)
+
+    def _default_pricelist(self):
+        return self._default_session().config_id.pricelist_id
+
+    name = fields.Char(string='Booking Ref', required=True, readonly=True, copy=False, default='/')
+    company_id = fields.Many2one('res.company', string='Company', required=True, readonly=True,
+                                 default=lambda self: self.env.user.company_id)
+    date_quotation = fields.Datetime(string='Quotation Date',
+                                     readonly=True, index=True, default=fields.Datetime.now)
+    date_order = fields.Date(string='Order Date',
+                             readonly=True, index=True, default=fields.Datetime.now)
+    amount_tax = fields.Float(compute='_compute_amount_all', string='Taxes', digits=0, default=1.2)
+    amount_total = fields.Float(compute='_compute_amount_all', string='Total', digits=0)
+    lines = fields.One2many('book.order.line', 'order_id', string='Order Lines', copy=True)
+    partner_id = fields.Many2one('res.partner', string='Customer', change_default=True, index=True)
+    state = fields.Selection([('draft', 'New'), ('confirmed', 'Confirmed')],
+                             'Status', readonly=True, copy=False, default='draft')
+    note = fields.Text(string='Internal Notes')
+    fiscal_position_id = fields.Many2one('account.fiscal.position', string='Fiscal Position')
+    book_order_ref = fields.Char(string='Booked Order Ref', readonly=True, copy=False)
+    pickup_date = fields.Datetime(string='Pickup Date', readonly=True)
+    deliver_date = fields.Datetime(string='Deliver Date', readonly=True)
+    phone = fields.Char('Contact no', help='Phone of customer for delivery')
+    delivery_address = fields.Char('Delivery Address', help='Address of customer for delivery')
+    book_order = fields.Boolean('Booking Order', readonly=True)
+    pricelist_id = fields.Many2one('product.pricelist', string='Pricelist',
+                                   default=_default_pricelist)
+
+    @api.depends('lines.price_subtotal_incl', 'lines.discount')
+    def _compute_amount_all(self):
+        for order in self:
+            order.amount_tax = 0.0
+            currency = order.pricelist_id.currency_id
+            order.amount_tax = currency.round(
+                sum(self._amount_line_tax(line, order.fiscal_position_id) for line in order.lines))
+            amount_untaxed = currency.round(sum(line.price_subtotal for line in order.lines))
+            order.amount_total = order.amount_tax + amount_untaxed
+
+    @api.model
+    def create_from_ui(self, orders):
+        """Method to create booking order"""
+        order_id = self.create(self._order_fields(orders))
+        order = {'id': order_id.id,
+                 'name': order_id.name}
+        return order
+
+    @api.model
+    def create(self, vals):
+        if vals.get('name', '/') == '/':
+            vals['name'] = self.env['ir.sequence'].next_by_code('book.order') or '/'
+        return super(PosQuotation, self).create(vals)
+
+
+class PosQuotationLine(models.Model):
+    """Model to store product lines"""
+    _name = "book.order.line"
+    _description = "Lines of Point of Sale"
+    _rec_name = "product_id"
+
+    def _order_line_fields(self, line):
+        if line and 'tax_ids' not in line[2]:
+            product = self.env['product.product'].browse(line[2]['product_id'])
+            line[2]['tax_ids'] = [(6, 0, [x.id for x in product.taxes_id])]
+        return line
+
+    company_id = fields.Many2one('res.company', string='Company', required=True,
+                                 default=lambda self: self.env.user.company_id)
+    name = fields.Char(string='Line No')
+    notice = fields.Char(string='Discount Notice')
+    product_id = fields.Many2one('product.product',
+                                 string='Product',
+                                 domain=[('sale_ok', '=', True)],
+                                 required=True, change_default=True)
+    price_unit = fields.Float(string='Unit Price', digits=0)
+    qty = fields.Float('Quantity', default=1)
+    price_subtotal = fields.Float(compute='_compute_amount_line_all',
+                                  digits=0,
+                                  string='Subtotal w/o Tax')
+    price_subtotal_incl = fields.Float(compute='_compute_amount_line_all',
+                                       digits=0,
+                                       string='Subtotal')
+    discount = fields.Float(string='Discount (%)', digits=0, default=0.0)
+    order_id = fields.Many2one('book.order', string='Order Ref', ondelete='cascade')
+    create_date = fields.Datetime(string='Creation Date', readonly=True)
+    tax_ids = fields.Many2many('account.tax', string='Taxes', readonly=True)
+    tax_ids_after_fiscal_position = fields.Many2many('account.tax', string='Taxes')
+    pack_lot_ids = fields.One2many('pos.pack.operation.lot', 'pos_order_line_id',
+                                   string='Lot/serial Number')
+
+    @api.depends('price_unit', 'tax_ids', 'qty', 'discount', 'product_id')
+    def _compute_amount_line_all(self):
+        for line in self:
+            currency = line.order_id.pricelist_id.currency_id
+            taxes = line.tax_ids.filtered(
+                lambda tax: tax.company_id.id == line.order_id.company_id.id)
+            fiscal_position_id = line.order_id.fiscal_position_id
+            if fiscal_position_id:
+                taxes = fiscal_position_id.map_tax(taxes, line.product_id, line.order_id.partner_id)
+            price = line.price_unit * (1 - (line.discount or 0.0) / 100.0)
+            line.price_subtotal = line.price_subtotal_incl = price * line.qty
+            if taxes:
+                taxes = taxes.compute_all(price, currency, line.qty, product=line.product_id,
+                                          partner=line.order_id.partner_id or False)
+                line.price_subtotal = taxes['total_excluded']
+                line.price_subtotal_incl = taxes['total_included']
+
+            line.price_subtotal = currency.round(line.price_subtotal)
+            line.price_subtotal_incl = currency.round(line.price_subtotal_incl)
+
+    @api.onchange('product_id')
+    def _onchange_product_id(self):
+        if self.product_id:
+            if not self.order_id.pricelist_id:
+                raise UserError(
+                    _('You have to select a pricelist in the sale form !\n'
+                      'Please set one before choosing a product.'))
+            price = self.order_id.pricelist_id.get_product_price(
+                self.product_id, self.qty or 1.0, self.order_id.partner_id)
+            self._onchange_qty()
+            self.price_unit = price
+            self.tax_ids = self.product_id.taxes_id
+
+    @api.onchange('qty', 'discount', 'price_unit', 'tax_ids')
+    def _onchange_qty(self):
+        if self.product_id:
+            if not self.order_id.pricelist_id:
+                raise UserError(_('You have to select a pricelist in the sale form !'))
+            price = self.price_unit * (1 - (self.discount or 0.0) / 100.0)
+            self.price_subtotal = self.price_subtotal_incl = price * self.qty
+            if self.product_id.taxes_id:
+                taxes = self.product_id.taxes_id.compute_all(price,
+                                                             self.order_id.pricelist_id.currency_id,
+                                                             self.qty,
+                                                             product=self.product_id,
+                                                             partner=False)
+                self.price_subtotal = taxes['total_excluded']
+                self.price_subtotal_incl = taxes['total_included']

pos_book_order/models/pos_config.py

@@ -0,0 +1,9 @@
+# -*- coding: utf-8 -*-
+from odoo import fields, models
+
+
+class PosConfig(models.Model):
+    """POS configuration settings"""
+    _inherit = 'pos.config'
+
+    enable = fields.Boolean("Enable Book Orders")

pos_book_order/models/pos_order.py

@@ -0,0 +1,59 @@
+# -*- coding: utf-8 -*-
+import logging
+import psycopg2
+from odoo import models, fields, api, tools
+
+_logger = logging.getLogger(__name__)
+
+
+class PosOrder(models.Model):
+    """Inherited model for pos order,all confirmed booking orders are converted as pos orders"""
+    _inherit = 'pos.order'
+
+    booking_ref = fields.Many2one('book.order', string='Booking Ref')
+    delivery_address = fields.Char('Delivery Address', help='Address of customer for delivery')
+    phone = fields.Char('Contact no', help='Phone of customer for delivery')
+
+    @api.model
+    def create_from_ui(self, orders):
+        """Method to create pos order"""
+        references = [o['data']['name'] for o in orders]
+        pos_order = self.search([('pos_reference', 'in', references)])
+        existing_orders = pos_order.read(['pos_reference'])
+        existing_references = set([o['pos_reference'] for o in existing_orders])
+        orders_to_save = [o for o in orders if o['data']['name'] not in existing_references]
+        order_ids = []
+        quot_ids = []
+        for tmp_order in orders_to_save:
+            to_invoice = tmp_order['to_invoice']
+            order = tmp_order['data']
+            if to_invoice:
+                self._match_payment_to_invoice(order)
+            pos_order = self._process_order(order)
+            if pos_order.booking_ref:
+                pos_order.booking_ref.write({'state': 'confirmed'})
+                quot_ids.append(pos_order.booking_ref.id)
+            order_ids.append(pos_order.id)
+
+            try:
+                pos_order.action_pos_order_paid()
+            except psycopg2.OperationalError:
+                raise
+            except Exception as e:
+                _logger.error('Could not fully process the POS Order: %s', tools.ustr(e))
+
+            if to_invoice:
+                pos_order.action_pos_order_invoice()
+                pos_order.invoice_id.sudo().action_invoice_open()
+                pos_order.account_move = pos_order.invoice_id.move_id
+        return order_ids, quot_ids
+
+    @api.model
+    def _order_fields(self, ui_order):
+        order_fields = super(PosOrder, self)._order_fields(ui_order)
+        quot_id = False
+        if 'quotation_ref' in ui_order:
+            if ui_order['quotation_ref']:
+                quot_id = ui_order.get('quotation_ref')['id']
+        order_fields['booking_ref'] = quot_id
+        return order_fields

pos_book_order/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_book_order,book.order,model_book_order,point_of_sale.group_pos_user,1,1,1,1
+access_book_order_line,book.order.line,model_book_order_line,point_of_sale.group_pos_user,1,1,1,1

pos_book_order/static/description/index.html

@@ -0,0 +1,471 @@
+	  
+	  
+<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: 2rem 0rem; margin: auto" alt="cybrosys-logo"></a> </div>
+
+<div class="row" style="margin:25px 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;">POS Booking Order</h1>
+      <h3 style="font-size: 21px;margin-top: 8px;position: relative;">Booking orders from POS.</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">POS booking orders for Odoo12 community edition.</li>
+      <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">Booking orders from Shop,Bar/Restaurant in POS.</li>
+      <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">'Booking' button in POS.</li>
+      <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">Available both pickup and delivery options.</li>
+      <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">'Booked Order' button in POS.</li>
+      <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">Booked order list window.</li>
+      <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">Manage booked orders from POS.</li>
+      <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">Shows booked order details in order receipt and order.</li>
+    </ul>
+    
+  </div>
+  <div class="col-md-5 col-sm-12 col-xs-12"> <img src="pos_book_order.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;">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;">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;">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;">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: 21px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 31px;font-weight: 500;letter-spacing: .5px;margin-bottom: 21px;">
+          <strong>The module helps you to book orders from Shop,Bar/Restaurant in POS.
+    <p style="font-size:20px;">User can create pickup or delivery orders,later confirm booked orders to POS orders.</p></strong><br/>
+        </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%;">POS Booking Order</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: 34px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">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: 34px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">Create booking orders from POS.</li>
+			  
+            <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 34px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">User can choose pickup or deliver option.</li>
+			  
+            <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 34px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">List all booked orders in POS screen.</li>
+            <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 34px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">Shows booking reference,contact number,order note, pickup/delivery date and delivery address in the order receipt.</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"> After installation,open POS window and go to settings of POS session > Enable/Disable Booking Order.</h3>
+			
+          <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="pos_book_order-1.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">Start a new session.  </h3>	
+		  
+          <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="pos_book_order-2.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">In order to create a booking order,you have to select customer.In the absence,it will raise an alert popup. </h3>
+		  
+          <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="pos_book_order-3.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">In order to create a booking order,you have to add products in the Order line.in the absence,it will raise an alert popup with invalid 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_book_order-4.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">After successfully adding both, booking button gets highlighted, indicating its ready for booking. </h3>
+		   
+          <div style="">
+			  
+			<img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="pos_book_order-5.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">Upon clicking on booking button it will raise a popup window with details of the selected order.</h3>
+      
+          <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="pos_book_order-6.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">Upon selecting the pickup option, it shows a field to enter pickup date.</h3>
+      
+          <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="pos_book_order-7.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">When selected deliver option, it displays two fields to enter delivery date and delivery address.</h3>
+      
+          <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="pos_book_order-8.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">After, confirm pickup/deliver order,the orders get listed under the booked order button.User can confirm the order by clicking on confirm POS order button.</h3>
+      
+          <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="pos_book_order-9.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">Upon clicking the Pickup orders button, it enlists all pickup orders.</h3>
+      
+          <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="pos_book_order-13.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">Under Delivery orders button, it enlists all available delivery orders.</h3>
+      
+          <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="pos_book_order-14.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">On confirming POS order, you can view the order lines and customer assigned with order details.Later can do the payment.</h3>
+      
+          <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="pos_book_order-10.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">In the case of picking order,the order receipt will be shown as below,</h3>
+      
+          <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="pos_book_order-11.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">And in the case of delivery order,the order receipt will be shown as below,</h3>
+      
+          <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="pos_book_order-12.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">The confirmed orders get disappeared from the booked orders list in POS session.</h3>
+      
+          <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="pos_book_order-15.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">In the backend, all draft orders are visible in red color and confirmed orders are in green color.</h3>
+      
+          <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="pos_book_order-16.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">For instance, draft order form will be like below.</h3>
+      
+          <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="pos_book_order-17.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">For instance, confirmed order form will be like below.</h3>
+      
+          <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="pos_book_order-18.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">POS Order with booking reference</h3>
+      
+          <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="pos_book_order-19.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>POS Booking Order Demo</p>
+         <a href="https://www.youtube.com/watch?v=q8gNHGk1e7o&feature=youtu.be" target="_blank"> <img src="pos_book_order_youtube.png" style="width:80%;"></a>
+	    </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="demo" class="row carousel slide mt64 mb32" 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/12.0/product_return_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="pos_return.jpeg"> </div>
+          </a> </div>
+        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;"> <a href="https://apps.odoo.com/apps/modules/12.0/combo_product_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="pos_combo_products.png"> </div>
+          </a> </div>
+        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;"> <a href="https://apps.odoo.com/apps/modules/12.0/pos_lot_expiry_warning/" target="_blank">
+          <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;"> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="pos_lot_expiry_warning.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/12.0/pos_order_types/" 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_types_in_pos.png"> </div>
+          </a> </div>
+        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;"> <a href="https://apps.odoo.com/apps/modules/12.0/pos_product_addons/" 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="pos_product_addons.png"> </div>
+          </a> </div>
+        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;"> <a href="https://apps.odoo.com/apps/modules/12.0/pos_delete_orderline/" 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="remove_orders.png"> </div>
+          </a> </div>
+      </div>
+    </div>
+    
+    <!-- Left and right controls --> 
+    <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>
+<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://plus.google.com/106641282743045431892/about" target="_blank"><i class="fa fa-2x fa-google-plus" style="color:white;background: #c53c2c;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_book_order/static/src/js/book_order.js

@@ -0,0 +1,43 @@
+odoo.define('pos_book_order.buttons', function (require) {
+"use strict";
+    var screens = require('point_of_sale.screens');
+    var core = require('web.core');
+    var gui = require('point_of_sale.gui');
+    var _t = core._t;
+
+    var button_book_order = screens.ActionButtonWidget.extend({
+        template: 'button_book_order',
+        button_click: function () {
+        var order = this.pos.get_order();
+        var widget = this.pos.get_client()
+        var order_lines = this.pos.get_order().get_orderlines();
+        this.gui.show_popup('popup_widget',{
+                title: _t('Book Order'),
+            });
+        },
+    });
+
+    screens.define_action_button({
+        'name': 'book_order',
+        'widget': button_book_order
+    });
+
+    screens.OrderWidget.include({
+        update_summary: function(){
+            this._super();
+            var changes = this.pos.get_order();
+            var buttons = this.getParent().action_buttons;
+            if(changes.orderlines.length != 0 ){
+                    if (buttons && buttons.book_order) {
+                            buttons.book_order.highlight(changes);
+                        }
+                }
+            else if (buttons && buttons.book_order) {
+                            buttons.book_order.highlight();
+                        }
+        },
+    });
+
+});
+
+

pos_book_order/static/src/js/booked_order.js

@@ -0,0 +1,175 @@
+odoo.define('pos_book_order.BookedOrder',function(require){
+"use strict";
+
+    var gui = require('point_of_sale.gui');
+    var chrome = require('point_of_sale.chrome');
+    var core = require('web.core');
+    var models = require('point_of_sale.models');
+    var PosModelSuper = models.PosModel;
+    var pos_screens = require('point_of_sale.screens');
+    var QWeb = core.qweb;
+    var _t = core._t;
+
+
+    var BookedOrderButton = pos_screens.ActionButtonWidget.extend({
+        template: 'BookedOrderButton',
+        count: function() {
+        if (this.pos.quotations) {
+            return this.pos.quotations.length;
+            } else {
+                return 0;
+            }
+        },
+        button_click: function(){
+            if (this.pos.get_order().get_orderlines().length === 0){
+                this.gui.show_screen('BookedOrdersWidget');
+
+            }
+            else{
+                this.gui.show_popup('error',{
+                    title :_t('Process Only one operation at a time'),
+                    body  :_t('Process the current order first'),
+                });
+            }
+        }
+    });
+
+    pos_screens.define_action_button({
+        'name': 'Show Order',
+        'widget': BookedOrderButton,
+    });
+
+
+    var BookedOrdersWidget = pos_screens.ScreenWidget.extend({
+        template: 'BookedOrdersWidget',
+        init: function(parent, options){
+            this._super(parent, options);
+        },
+        show: function(){
+            var self = this;
+            this._super();
+            this.renderElement();
+            this.$('.back').click(function () {
+                self.gui.show_screen('products');
+            });
+            this.$('.pickup').click(function(){
+                self.gui.show_screen('PickupOrdersWidget');
+            });
+            this.$('.delivery').click(function(){
+                self.gui.show_screen('DeliveryOrdersWidget');
+            });
+
+            var quotations = this.pos.quotations;
+            this.render_list(quotations);
+
+             this.$('.order-list-contents').delegate('.order-line .confirm_pos_order','click',function(event){
+                self.line_select(event,$(this.parentElement.parentElement),parseInt($(this.parentElement.parentElement).data('id')))
+            });
+
+            var search_timeout = null;
+
+            if(this.pos.config.iface_vkeyboard && this.chrome.widget.keyboard){
+                this.chrome.widget.keyboard.connect(this.$('.searchbox input'));
+            }
+
+            this.$('.searchbox input').on('keyup',function(event){
+                clearTimeout(search_timeout);
+                var query = this.value;
+                search_timeout = setTimeout(function(){
+                    self.perform_search(query,event.which === 13);
+                },70);
+            });
+
+            this.$('.searchbox .search-clear').click(function(){
+                self.clear_search();
+            });
+        },
+
+        render_list: function(quotations){
+            var length = quotations.length
+            var contents = this.$el[0].querySelector('.order-list-contents');
+            contents.innerHTML = "";
+            for(var i = 0, len = Math.min(quotations.length,1000); i < len; i++){
+                var quotation    = quotations[i];
+                var quotation_line_html = QWeb.render('BookedOrderLIne',{widget: this, quotation:quotations[i]});
+                var quotation_line = document.createElement('tbody');
+                quotation_line.innerHTML = quotation_line_html;
+                quotation_line = quotation_line.childNodes[1];
+                contents.appendChild(quotation_line);
+
+            }
+
+        },
+
+        line_select: function(event,$line,id){
+            var self = this;
+            var order = this.pos.get_order();
+            for (var quot_id in this.pos.quotations){
+                if (this.pos.quotations[quot_id]['id'] == id){
+                    var selected_quotation = this.pos.quotations[quot_id]
+                }
+            }
+            if (selected_quotation){
+                for (var line in this.pos.quotation_lines){
+                    if (selected_quotation['lines'].indexOf(this.pos.quotation_lines[line]['id']) > -1 ){
+                    var product_id = this.pos.db.get_product_by_id(this.pos.quotation_lines[line]['product_id'][0]);
+                    this.pos.get_order().add_product(product_id,{ quantity: this.pos.quotation_lines[line]['qty']});
+                    }
+                }
+                order.quotation_ref = selected_quotation;
+
+                if (selected_quotation.partner_id){
+                    
+                    var partner = this.pos.db.get_partner_by_id(selected_quotation.partner_id[0]);
+                    order.set_client(partner);
+                }
+
+                var orders = this.pos.get('selectedOrder')
+                var selected_orderline = orders.selected_orderline
+                selected_orderline.trigger('change', selected_orderline);
+
+
+                this.gui.show_screen('products');
+            }
+
+        },
+
+        perform_search: function(query, associate_result){
+            var quotations;
+            if(query){
+                quotations = this.search_quotation(query);
+                this.render_list(quotations);
+            }else{
+                quotations = this.pos.quotations;
+                this.render_list(quotations);
+            }
+        },
+        clear_search: function(){
+            var quotations = this.pos.quotations;
+            this.render_list(quotations);
+            this.$('.searchbox input')[0].value = '';
+            this.$('.searchbox input').focus();
+        },
+
+        search_quotation: function(query){
+            try {
+                var re = RegExp(query);
+            }catch(e){
+                return [];
+            }
+            var results = [];
+            for (var quot_id in this.pos.quotations){
+                var r = re.exec(this.pos.quotations[quot_id]['name']);
+                if(r){
+                results.push(this.pos.quotations[quot_id]);
+                }
+            }
+            return results;
+
+        },
+
+    });
+
+    gui.define_screen({name:'BookedOrdersWidget', widget: BookedOrdersWidget});
+
+});

pos_book_order/static/src/js/delivery_orders.js

@@ -0,0 +1,87 @@
+odoo.define('pos_book_order.DeliveryOrder',function(require){
+"use strict";
+
+    var gui = require('point_of_sale.gui');
+    var chrome = require('point_of_sale.chrome');
+    var core = require('web.core');
+    var models = require('point_of_sale.models');
+    var PosModelSuper = models.PosModel;
+    var pos_screens = require('point_of_sale.screens');
+    var QWeb = core.qweb;
+    var _t = core._t;
+
+
+    var DeliveryOrdersWidget = pos_screens.ScreenWidget.extend({
+        template: 'DeliveryOrdersWidget',
+        init: function(parent, options){
+            this._super(parent, options);
+        },
+        show: function(){
+            var self = this;
+            this._super();
+            this.renderElement();
+            this.$('.cancel').click(function(){
+                self.gui.show_screen('BookedOrdersWidget');
+            });
+
+            var quotations = []
+             for (var i=0;i < this.pos.quotations.length ;i++){
+                if (this.pos.quotations[i].deliver_date != false){
+                      quotations.push(this.pos.quotations[i]);
+                }
+            }
+            self.quotations = quotations;
+            this.render_list(quotations);
+            this.$('.delivery-list-contents').delegate('.delivery-line .confirm_pos_order','click',function(event){
+                self.line_select(event,$(this.parentElement.parentElement),parseInt($(this.parentElement.parentElement).data('id')))
+            });
+
+
+        },
+
+        render_list: function(quotations){
+            var length = quotations.length
+            var contents = this.$el[0].querySelector('.delivery-list-contents');
+            contents.innerHTML = "";
+            for(var i = 0, len = Math.min(quotations.length,1000); i < len; i++){
+                var quotation    = quotations[i];
+                var quotation_line_html = QWeb.render('DeliveryOrderLIne',{widget: this, quotation:quotations[i]});
+                var quotation_line = document.createElement('tbody');
+                quotation_line.innerHTML = quotation_line_html;
+                quotation_line = quotation_line.childNodes[1];
+                contents.appendChild(quotation_line);
+
+            }
+
+        },
+
+        line_select: function(event,$line,id){
+            var self = this;
+            var order = this.pos.get_order();
+            for (var quot_id in this.pos.quotations){
+                if (this.pos.quotations[quot_id]['id'] == id){
+                    var selected_quotation = this.pos.quotations[quot_id]
+                }
+            }
+            if (selected_quotation){
+                for (var line in this.pos.quotation_lines){
+                    if (selected_quotation['lines'].indexOf(this.pos.quotation_lines[line]['id']) > -1 ){
+                    var product_id = this.pos.db.get_product_by_id(this.pos.quotation_lines[line]['product_id'][0]);
+                    this.pos.get_order().add_product(product_id,{ quantity: this.pos.quotation_lines[line]['qty']});
+                    }
+                }
+                order.quotation_ref = selected_quotation;
+
+                if (selected_quotation.partner_id){
+                    var partner = this.pos.db.get_partner_by_id(selected_quotation.partner_id[0]);
+                    order.set_client(partner);
+                }
+                this.gui.show_screen('products');
+            }
+
+        },
+
+    });
+
+    gui.define_screen({name:'DeliveryOrdersWidget', widget: DeliveryOrdersWidget});
+});

pos_book_order/static/src/js/models.js

@@ -0,0 +1,107 @@
+odoo.define('pos_book_order.models', 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 models = require('point_of_sale.models');
+var session = require('web.session');
+var QWeb = core.qweb;
+var _t = core._t;
+
+models.load_models({
+    model:  'book.order',
+    fields: ['name', 'partner_id','date_order','amount_total','book_order','phone','create_date', 'pickup_date',
+     'deliver_date','delivery_address','note', 'pricelist_id','lines','state','length'],
+    domain: [['state','=','draft']],
+    loaded: function(self, quotations){
+        self.quotations = quotations;
+        }
+    });
+
+models.load_models({
+    model:  'book.order.line',
+    fields: ['product_id', 'qty'],
+    loaded: function(self, quotation_lines){
+        self.quotation_lines = quotation_lines;
+        }
+    });
+
+    var _super_order = models.Order.prototype;
+    models.Order = models.Order.extend({
+        export_as_JSON: function() {
+            var data = _super_order.export_as_JSON.apply(this, arguments);
+            data.quotation_ref = this.quotation_ref;
+            return data;
+        },
+        init_from_JSON: function(json) {
+            this.quotation_ref = json.quotation_ref;
+            _super_order.init_from_JSON.call(this, json);
+        },
+    });
+
+    var posmodel_super = models.PosModel.prototype;
+    models.PosModel = models.PosModel.extend({
+        _save_to_server: function (orders, options) {
+            if (!orders || !orders.length) {
+                var result = $.Deferred();
+                result.resolve([]);
+                return result;
+            }
+            options = options || {};
+            var self = this;
+            var fields = _.find(this.models,function(model){ return model.model === 'book.order'; }).fields;
+            var timeout = typeof options.timeout === 'number' ? options.timeout : 7500 * orders.length;
+            var order_ids_to_sync = _.pluck(orders, 'id');
+            var args = [_.map(orders, function (order) {
+                    order.to_invoice = options.to_invoice || false;
+                    return order;
+                })];
+            return rpc.query({
+                    model: 'pos.order',
+                    method: 'create_from_ui',
+                    args: args,
+                    kwargs: {context: session.user_context},
+                }, {
+                    timeout: timeout,
+                    shadow: !options.to_invoice
+                })
+                .then(function (server_ids) {
+                    if (server_ids[1].length != 0){
+                        for (var item in server_ids[1]){
+                            rpc.query({
+                                model: 'book.order',
+                                method: 'search_read',
+                                args: [[['id', '=', server_ids[1][item]]], fields],
+                                limit: 1,
+                            }).then(function (quotation){
+                            var index = self.quotations.indexOf(quotation[0]);
+                            self.quotations.splice(index, 1);
+                            });
+                        }
+                    }
+                    _.each(order_ids_to_sync, function (order_id) {
+                        self.db.remove_order(order_id);
+                    });
+                    self.set('failed',false);
+                    return server_ids[0];
+                }).fail(function (type, error){
+                    if(error.code === 200 ){
+                        if (error.data.exception_type == 'warning') {
+                            delete error.data.debug;
+                        }
+                        if ((!self.get('failed') || options.show_error) && !options.to_invoice) {
+                            self.gui.show_popup('error-traceback',{
+                                'title': error.data.message,
+                                'body':  error.data.debug
+                            });
+                        }
+                        self.set('failed',error);
+                    }
+                    console.error('Failed to send orders:', orders);
+                });
+        }
+    });
+
+});

pos_book_order/static/src/js/pickup_orders.js

@@ -0,0 +1,86 @@
+odoo.define('pos_book_order.PickupOrder',function(require){
+"use strict";
+
+    var gui = require('point_of_sale.gui');
+    var chrome = require('point_of_sale.chrome');
+    var core = require('web.core');
+    var models = require('point_of_sale.models');
+    var PosModelSuper = models.PosModel;
+    var pos_screens = require('point_of_sale.screens');
+    var QWeb = core.qweb;
+    var _t = core._t;
+
+
+    var PickupOrdersWidget = pos_screens.ScreenWidget.extend({
+        template: 'PickupOrdersWidget',
+        init: function(parent, options){
+            this._super(parent, options);
+        },
+        show: function(){
+            var self = this;
+            this._super();
+            this.renderElement();
+            this.$('.cancel').click(function(){
+                self.gui.show_screen('BookedOrdersWidget');
+            });
+
+            var quotations = []
+             for (var i=0;i < this.pos.quotations.length ;i++){
+                if (this.pos.quotations[i].pickup_date != false){
+                      quotations.push(this.pos.quotations[i]);
+                }
+            }
+            self.quotations = quotations;
+            this.render_list(quotations);
+            this.$('.pickup-list-contents').delegate('.pickup-line .confirm_pos_order','click',function(event){
+                self.line_select(event,$(this.parentElement.parentElement),parseInt($(this.parentElement.parentElement).data('id')))
+            });
+
+        },
+
+        render_list: function(quotations){
+            var length = quotations.length
+            var contents = this.$el[0].querySelector('.pickup-list-contents');
+            contents.innerHTML = "";
+            for(var i = 0, len = Math.min(quotations.length,1000); i < len; i++){
+                var quotation    = quotations[i];
+                var quotation_line_html = QWeb.render('PickupOrderLIne',{widget: this, quotation:quotations[i]});
+                var quotation_line = document.createElement('tbody');
+                quotation_line.innerHTML = quotation_line_html;
+                quotation_line = quotation_line.childNodes[1];
+                contents.appendChild(quotation_line);
+
+            }
+
+        },
+
+        line_select: function(event,$line,id){
+            var self = this;
+            var order = this.pos.get_order();
+            for (var quot_id in this.pos.quotations){
+                if (this.pos.quotations[quot_id]['id'] == id){
+                    var selected_quotation = this.pos.quotations[quot_id]
+                }
+            }
+            if (selected_quotation){
+                for (var line in this.pos.quotation_lines){
+                    if (selected_quotation['lines'].indexOf(this.pos.quotation_lines[line]['id']) > -1 ){
+                    var product_id = this.pos.db.get_product_by_id(this.pos.quotation_lines[line]['product_id'][0]);
+                    this.pos.get_order().add_product(product_id,{ quantity: this.pos.quotation_lines[line]['qty']});
+                    }
+                }
+                order.quotation_ref = selected_quotation;
+
+                if (selected_quotation.partner_id){
+                    var partner = this.pos.db.get_partner_by_id(selected_quotation.partner_id[0]);
+                    order.set_client(partner);
+                }
+                this.gui.show_screen('products');
+            }
+
+        },
+
+    });
+
+    gui.define_screen({name:'PickupOrdersWidget', widget: PickupOrdersWidget});
+});

pos_book_order/static/src/js/popup.js

@@ -0,0 +1,203 @@
+odoo.define('pos_book_order.popups', function (require) {
+"use strict";
+    var core = require('web.core');
+    var _t = core._t;
+    var gui = require('point_of_sale.gui');
+    var PopupWidget = require('point_of_sale.popups');
+    var qweb = core.qweb;
+    var screens = require('point_of_sale.screens');
+    var models = require('point_of_sale.models');
+    var rpc = require('web.rpc');
+    var pos_screens = require('point_of_sale.screens');
+    var Widget = require('web.Widget');
+
+
+var popup_widget = PopupWidget.extend({
+    template: 'popup_widget',
+
+    events: _.extend({}, PopupWidget.prototype.events,{
+        'click .confirm': function(){
+            var self = this;
+            var new_quotation = [];
+            var fields = _.find(this.pos.models,function(model){ return model.model === 'book.order'; }).fields;
+            var line_fields = _.find(this.pos.models,function(model){ return model.model === 'book.order.line'; }).fields;
+            var today = new Date().toJSON().slice(0,10);
+            var order = this.pos.get_order();
+            var so_val = order.export_as_JSON();
+            var order_lines = this.pos.get_order().get_orderlines();
+            var order_date = this.$('.order_date').val();
+            var order_note = this.$('.order_note').val();
+            var fields = {};
+            self.$('.booking_field').each(function (idx, el) {
+                fields[el.name] = el.value || false;
+            });
+            var value = {
+                phone: fields['phone'],
+                pickup_date: fields['pickup_date'],
+                deliver_date: fields['deliver_date'],
+                delivery_address: fields['delivery_address'],
+                book_order: true
+            };
+            fields.options = value;
+            var phone = fields.options.phone
+            var pickup_date = fields.options.pickup_date
+            var deliver_date = fields.options.deliver_date
+            var delivery_address = fields.options.delivery_address
+            var book_order = fields.options.book_order
+            if (!pickup_date && !deliver_date ){
+                 self.gui.show_popup('error',{
+                                'title': _t('Date field is empty'),
+                                'body': _t('Please select pickup or deliver date!!'),
+                            });
+            }
+            else if(pickup_date && deliver_date ){
+                 self.gui.show_popup('error',{
+                                'title': _t('Select only one date (Deliver or Pickup date)'),
+                            });
+            }
+            else if(pickup_date){
+                if (pickup_date < today){
+                    self.gui.show_popup('error',{
+                                'title': _t('Please Select Valid Pickup Date!'),
+                                'body': _t('Date must be greater than today'),
+                            });
+                    }
+                else{
+                    so_val.date_order = order_date;
+                    so_val.note = order_note;
+                    so_val.phone = phone;
+                    so_val.pickup_date = pickup_date;
+                    so_val.deliver_date = deliver_date;
+                    so_val.delivery_address = delivery_address;
+                    so_val.book_order = book_order;
+                    rpc.query({
+                        model: 'book.order',
+                        method: 'create_from_ui',
+                        args: [so_val],
+                    })
+                    .then(function(order){
+                        rpc.query({
+                            model: 'book.order',
+                            method: 'search_read',
+                            args: [[['id', '=', order['id']]], fields],
+                            limit: 1,
+                        })
+                        .then(function (quotation){
+                            self.pos.quotations.push(quotation[0]);
+                             for (var line in quotation[0]['lines']){
+                                rpc.query({
+                                    model: 'book.order.line',
+                                    method: 'search_read',
+                                    args: [[['id', '=', quotation[0]['lines'][line]]], line_fields],
+                                    limit: 1,
+                                }).then(function (quotation_line){
+                                self.pos.quotation_lines.push(quotation_line[0]);
+                            });
+                        }
+                    });
+
+                    self.gui.close_popup();
+                    self.pos.delete_current_order();
+                    document.location.reload();
+                });
+                }
+            }
+            else {
+                if (deliver_date < today){
+                    self.gui.show_popup('error',{
+                                'title': _t('Please Select Valid Deliver Date!'),
+                                'body': _t('Date must be greater than today'),
+                            });
+                    }
+                else{
+                    so_val.date_order = order_date;
+                    so_val.note = order_note;
+                    so_val.phone = phone;
+                    so_val.pickup_date = pickup_date;
+                    so_val.deliver_date = deliver_date;
+                    so_val.delivery_address = delivery_address;
+                    so_val.book_order = book_order;
+                    rpc.query({
+                        model: 'book.order',
+                        method: 'create_from_ui',
+                        args: [so_val],
+                    })
+                    .then(function(order){
+                        rpc.query({
+                            model: 'book.order',
+                            method: 'search_read',
+                            args: [[['id', '=', order['id']]], fields],
+                            limit: 1,
+                        })
+                        .then(function (quotation){
+                            self.pos.quotations.push(quotation[0]);
+                             for (var line in quotation[0]['lines']){
+                                rpc.query({
+                                    model: 'book.order.line',
+                                    method: 'search_read',
+                                    args: [[['id', '=', quotation[0]['lines'][line]]], line_fields],
+                                    limit: 1,
+                                }).then(function (quotation_line){
+                                self.pos.quotation_lines.push(quotation_line[0]);
+                            });
+                        }
+                    });
+
+                    self.gui.close_popup();
+                    self.pos.delete_current_order();
+                    document.location.reload();
+                    });
+                    }
+                }
+    },
+
+    init: function (parent, options) {
+            this._super(parent, options);
+    },
+     }),
+
+    show: function (options) {
+        var self = this;
+        this.order_selected = options.order;
+        this.client = options.client;
+        options = options || {};
+        this._super(options);
+        this.renderElement();
+        var order = self.pos.get_order();
+        if (order.attributes.client == null){
+              self.gui.show_popup('confirm',{
+                                'title': _t('Please select the Customer'),
+                                'body': _t('You need to select a customer for using this option'),
+                                confirm: function(){
+                                    self.gui.show_screen('clientlist');
+                                },
+                            });
+                }
+
+        else if(order.orderlines.length == 0 ){
+                self.gui.show_popup('alert', {
+                                title: _t('Orderline is empty'),
+                                body: _t(
+                                  _t('You need to select at least one item'),
+                                ),
+                            });
+                    }
+                },
+
+    date_validate: function(){
+        var v = $(".order_date").val();
+        if (v.match(/^\d{4}$/) !== null) {
+            $(".order_date").val(v + '/');
+            }
+        else if (v.match(/^\d{4}\/\d{2}$/) !== null) {
+            $(".order_date").val(v + '/');
+            }
+        },
+    });
+
+gui.define_popup({
+        name: 'popup_widget',
+        widget: popup_widget
+        });
+
+});

pos_book_order/static/src/xml/book_order.xml

@@ -0,0 +1,109 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates id="template" xml:space="preserve">
+
+    <t t-name="button_book_order">
+        <t t-if="widget.pos.config.enable">
+            <div class='control-button'>
+                <i class='fa fa-book' />
+                <span class="label">Booking</span>
+            </div>
+        </t>
+    </t>
+
+    <t t-name="popup_widget">
+        <div class="modal-dialog">
+            <div class="popup widget order-scroller touch-scrollable" style="width:516px;height: 545px;font-size: 13px;">
+                <br/><br/>
+                <t t-if="widget.pos.get_client()">
+                    <label style="margin-right: 298px;" >AMOUNT TOTAL</label>
+                    <div>
+                        <input class='form-control booking_field' name="amount" type='text' style="height:34px;border-radius:5px;"
+                                  t-att-value="widget.format_currency(widget.pos.get_order().get_total_with_tax())" readonly="1" />
+                    </div>
+                    <br/><br/>
+                    <label style="margin-right: 333px;">CUSTOMER</label>
+                    <div>
+                        <input class='form-control booking_field' name="name" type='text' style="height:34px;border-radius:5px;"
+                                  t-att-value="widget.pos.get_client().name" readonly="1" />
+                    </div>
+                    <br/><br/>
+                     <label style="margin-right: 185px;">PHONE CONTACT FOR DELIVERY(*)</label>
+                    <div>
+                        <input class='form-control booking_field' name="phone" type='text' style="height:34px;border-radius:5px;"
+                                  t-att-value="widget.pos.get_client().phone" data-is-required="true"/>
+                    </div>
+                </t>
+                <br/><br/>
+                <div class="radio" style="width:100%;float: left;text-align: center;font-size: 23px;">
+                    <label>Pickup</label> <input  type="radio" name="method" style="width: auto;min-height: auto;margin-right: 28px;" checked="checked" value="pickup"  />
+                    <label>Deliver</label> <input  type="radio" name="method" style="width: auto;min-height: auto;" value="deliver" />
+                </div>
+                <br/><br/><br/>
+
+                <t t-if="widget.pos.get_order()">
+                    <label style="margin-right: 324px;">PRICELIST(*)</label>
+                    <div>
+                    <input class='form-control booking_field' name="pricelist" type='text' style="height:34px;border-radius:5px;"
+                                  t-att-value="widget.pos.get_order().pricelist.display_name "
+                                    readonly="1"/>
+                    </div>
+                    <br/><br/>
+                    <label style="margin-right: 293px;">BOOKING DATE(*)</label>
+                    <div>
+                        <input type="text" id='BookingDate' name="order_date" class="order_date" maxlength="10" style="height:34px;border-radius:5px; " readonly="readonly"/>
+                    </div>
+                    <br/><br/>
+                    <label style="margin-right: 324px;">ORDER NOTE</label>
+                    <div>
+                        <textarea rows="1" cols="30" name="order_note" class="form-control order_note" placeholder="Enter your notes here..."/>
+                    </div>
+                </t>
+                <br/><br/>
+                <div id="Method_pickup" class="desc">
+                <label style="margin-right: 317px;">PICKUP DATE</label>
+                    <div>
+                        <input name="pickup_date"  class='form-control booking_field' id="pickup" type='date' style="height:34px;border-radius:5px;"/>
+                    </div>
+                </div>
+                <div id="Method_deliver" class="desc" style="display: none;">
+                <label style="margin-right: 301px;">DELIVERY DATE</label>
+                    <div>
+                        <input  name="deliver_date" class='form-control booking_field' id="deliver" type='date' style="height:34px;border-radius:5px;"/>
+                    </div>
+                    <br/><br/>
+                    <t t-if="widget.pos.get_client()">
+                    <label style="margin-right: 271px;">DELIVERY ADDRESS(*)</label>
+                        <div>
+                            <input class='form-control booking_field' name="delivery_address" type='text' style="height:34px;border-radius:5px;"
+                                      t-att-value="widget.pos.get_client().address" data-is-required="true"/>
+                        </div>
+                    </t>
+                </div>
+                <script type="text/javascript">
+                    $(document).ready(function() {
+                        $("input[name$='method']").click(function() {
+                            var test = $(this).val();
+                            $("div.desc").hide();
+                            $("#Method_" + test).show();
+                        });
+                        var currentDate=new Date();
+                        $( "#BookingDate" ).datepicker({
+                            setDate:currentDate,
+                            beforeShow: function(i) {
+                                if ($(i).attr('readonly')) { return false; }
+                            }
+                        });
+                        $('#BookingDate').datepicker('setDate', 'today');
+                    });
+                </script>
+                <div class="button cancel" style="background-color: #d9534f;color: white;">
+                    Close
+                </div>
+                <div class="button confirm" style="background-color: #6EC89B;color: white;">
+                    Confirm
+                </div>
+                <br/><br/><br/><br/>
+            </div>
+        </div>
+    </t>
+</templates>

pos_book_order/static/src/xml/booked_order.xml

@@ -0,0 +1,196 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates id="template" xml:space="preserve">
+
+    <t t-name="BookedOrderButton">
+        <t t-if="widget.pos.config.enable">
+            <div class='control-button'>
+                <span class='control-button-number'>
+                <t t-esc="widget.count()" />
+                </span>
+                Booked Orders
+            </div>
+        </t>
+    </t>
+
+    <t t-name="BookedOrderLIne">
+        <tr class='order-line' t-att-data-id='quotation.id'>
+            <td><t t-esc='quotation.name' /></td>
+            <td><t t-esc='quotation.partner_id[1]'/></td>
+            <td><t t-if="quotation.phone">
+                <t t-esc='quotation.phone'/></t>
+            </td>
+            <td><t t-esc='quotation.date_order' /></td>
+             <td><t t-if="quotation.pickup_date">
+                <t t-esc='quotation.pickup_date'/></t>
+            </td>
+            <td><t t-if="quotation.deliver_date">
+                <t t-esc='quotation.deliver_date'/></t>
+            </td>
+            <td><t t-if="quotation.deliver_date">
+                <t t-esc='quotation.delivery_address'/></t>
+            </td>
+            <td><t t-esc='widget.format_currency(quotation.amount_total)' /></td>
+            <td><button class="confirm_pos_order mode-button selected-mode" style="color: darkgreen;">
+                <i class='fa fa-angle-double-right'/>
+                Confirm POS order
+            </button></td>
+        </tr>
+    </t>
+
+    <t t-name="BookedOrdersWidget">
+        <div class="clientlist-screen screen">
+            <div class="full_width screen-content">
+                <section class="top-content">
+                    <span class='button highlight back'>
+                        <i class='fa fa-angle-double-left'/>
+                        Back
+                    </span>
+                    <span class='searchbox' style="right: 0 !important;margin-left: 0;left: auto;">
+                        <input placeholder='Search Order Ref' />
+                        <span class='search-clear'/>
+                    </span>
+                    <span class='button pickup' style="right: 310px;font-size: 14px;margin-left: 0;border-radius: 30px;
+                    line-height: 28px;top: 3px;background-color: #393939;color: #fff;border-color: #cecbcb;">
+                        Pickup orders
+                    </span>
+                    <span class='button delivery' style="right: 180px;font-size: 14px;margin-left: 0;border-radius:30px;
+                    line-height: 28px;top: 3px;background-color: #393939;color: #fff;border-color: #cecbcb;">
+                        Delivery orders
+                    </span>
+                </section>
+                <section class="full-content">
+                    <div class='window'>
+                        <section class='subwindow collapsed'>
+                            <div class='subwindow-container collapsed'>
+                                <div class='subwindow-container-fix order-details-contents'>
+                                </div>
+                            </div>
+                        </section>
+                        <section class='subwindow'>
+                            <div class='subwindow-container'>
+                                <div class='subwindow-container-fix touch-scrollable scrollable-y'>
+                                    <table class='client-list'>
+                                       <thead>
+                                            <tr>
+                                                <th>Order Ref</th>
+                                                <th>Customer</th>
+                                                <th>Contact No</th>
+                                                <th>Order Date</th>
+                                                <th>Pickup Date</th>
+                                                <th>Delivery Date</th>
+                                                <th>Address</th>
+                                                <th>Total Amount</th>
+                                                <th> </th>
+                                            </tr>
+                                        </thead>
+                                        <tbody class='order-list-contents'>
+                                        </tbody>
+                                    </table>
+                                </div>
+                            </div>
+                        </section>
+                    </div>
+                </section>
+            </div>
+        </div>
+    </t>
+
+    <t t-extend="PosTicket">
+        <t t-jquery='.receipt-change' t-operation='after'>
+            <t t-if='order.quotation_ref'>
+                <br/>
+                <div class='receipt-quotation'>
+                    <table class='receipt-quotation-ref'>
+                        <tr>
+                            <td class="pos-left-align">
+                                Booking Ref:
+                            </td>
+                            <td>
+                                <t t-esc='order.quotation_ref["name"]' />
+                            </td>
+                        </tr>
+                    </table>
+                </div>
+                <br/>
+
+                <div class='receipt-phone'>
+                    <table class='receipt-phone-ref'>
+                        <tr>
+                            <td class="pos-left-align">
+                                Contact No:
+                            </td>
+                            <td>
+                                <t t-esc='order.quotation_ref["phone"]' />
+                            </td>
+                        </tr>
+                    </table>
+                </div>
+                <br/>
+
+                <div class='receipt-note'>
+                    <table class='receipt-note-ref'>
+                        <tr>
+                            <td class="pos-left-align">
+                                Order Note:
+                            </td>
+                            <td>
+                                <t t-esc='order.quotation_ref["note"]' />
+                            </td>
+                        </tr>
+                    </table>
+                </div>
+                <br/>
+
+                <div class='receipt-pickup'>
+                    <table class='receipt-pickup-ref'>
+                        <tr>
+                            <td class="pos-left-align">
+                                <t t-if='order.quotation_ref["pickup_date"]'>
+                                Pickup Date:
+                                </t>
+                            </td>
+                            <td>
+                                <t t-if='order.quotation_ref["pickup_date"]'>
+                                    <t t-esc='order.quotation_ref["pickup_date"]' /></t>
+                            </td>
+                        </tr>
+                    </table>
+                </div>
+
+                <div class='receipt-deliver'>
+                    <table class='receipt-deliver-ref'>
+                        <tr>
+                            <td class="pos-left-align">
+                                <t t-if='order.quotation_ref["deliver_date"]'>
+                                Delivery Date:
+                                </t>
+                            </td>
+                            <td>
+                                <t t-if='order.quotation_ref["deliver_date"]'>
+                                    <t t-esc='order.quotation_ref["deliver_date"]' /></t>
+                            </td>
+                        </tr>
+                    </table>
+                </div>
+                <br/>
+
+                <div class='receipt-address'>
+                    <table class='receipt-address-ref'>
+                        <tr>
+                            <td class="pos-left-align">
+                                <t t-if='order.quotation_ref["deliver_date"]'>
+                                Delivery Address:
+                                </t>
+                            </td>
+                            <td>
+                                <t t-if='order.quotation_ref["deliver_date"]'>
+                                    <t t-esc='order.quotation_ref["delivery_address"]' />
+                                </t>
+                            </td>
+                        </tr>
+                    </table>
+                </div>
+            </t>
+        </t>
+    </t>
+</templates>

pos_book_order/static/src/xml/delivery_orders.xml

@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates id="template" xml:space="preserve">
+
+    <t t-name="DeliveryOrderLIne">
+        <tr class='delivery-line' t-att-data-id='quotation.id'>
+            <td><t t-esc='quotation.name' /></td>
+            <td><t t-esc='quotation.partner_id[1]'/></td>
+            <td><t t-if="quotation.phone">
+                <t t-esc='quotation.phone'/></t>
+            </td>
+            <td><t t-esc='quotation.date_order' /></td>
+            <td><t t-esc='quotation.deliver_date' /></td>
+            <td><t t-esc='quotation.delivery_address'/></td>
+            <td><t t-esc='widget.format_currency(quotation.amount_total)' /></td>
+            <td><button class="confirm_pos_order mode-button selected-mode" style="color: darkgreen;">
+                <i class='fa fa-angle-double-right'/>
+                Confirm POS order
+            </button></td>
+        </tr>
+    </t>
+
+    <t t-name="DeliveryOrdersWidget">
+        <div class="clientlist-screen screen">
+            <div class="full_width screen-content">
+                <section class="top-content">
+                    <span class='button highlight cancel' style="margin-left:16px;left: 0px;">
+                        <i class='fa fa-angle-double-left'/>
+                        Back
+                    </span>
+                    <h1 style="text-align: center;font-size: 21px;" >Delivery Orders</h1>
+                </section>
+                <section class="full-content">
+                    <div class='window'>
+                        <section class='subwindow collapsed'>
+                            <div class='subwindow-container collapsed'>
+                                <div class='subwindow-container-fix order-details-contents'>
+                                </div>
+                            </div>
+                        </section>
+                        <section class='subwindow'>
+                            <div class='subwindow-container'>
+                                <div class='subwindow-container-fix touch-scrollable scrollable-y'>
+
+                                    <table class='client-list'>
+                                       <thead>
+                                            <tr>
+                                                <th>Order Ref</th>
+                                                <th>Customer</th>
+                                                <th>Contact No</th>
+                                                <th>Order Date</th>
+                                                <th>Delivery Date</th>
+                                                <th>Address</th>
+                                                <th>Total Amount</th>
+                                                <th> </th>
+                                            </tr>
+                                        </thead>
+                                        <tbody class='delivery-list-contents'>
+                                        </tbody>
+                                    </table>
+                                </div>
+                            </div>
+                        </section>
+                    </div>
+                </section>
+            </div>
+        </div>
+    </t>
+
+</templates>

pos_book_order/static/src/xml/pickup_orders.xml

@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates id="template" xml:space="preserve">
+
+    <t t-name="PickupOrderLIne">
+        <tr class='pickup-line' t-att-data-id='quotation.id'>
+            <td><t t-esc='quotation.name' /></td>
+            <td><t t-esc='quotation.partner_id[1]'/></td>
+            <td><t t-if="quotation.phone">
+                <t t-esc='quotation.phone'/></t>
+            </td>
+            <td><t t-esc='quotation.date_order' /></td>
+             <td><t t-if="quotation.pickup_date">
+                <t t-esc='quotation.pickup_date'/></t>
+            </td>
+            <td><t t-esc='widget.format_currency(quotation.amount_total)' /></td>
+            <td><button class="confirm_pos_order mode-button selected-mode" style="color: darkgreen;">
+                <i class='fa fa-angle-double-right'/>
+                Confirm POS order
+            </button></td>
+        </tr>
+    </t>
+
+    <t t-name="PickupOrdersWidget">
+        <div class="clientlist-screen screen">
+            <div class="full_width screen-content">
+                <section class="top-content">
+                    <span class='button highlight cancel' style="margin-left:16px;left: 0px;">
+                        <i class='fa fa-angle-double-left'/>
+                        Back
+                    </span>
+                    <h1 style="text-align: center;font-size: 21px;" >Pickup Orders</h1>
+                </section>
+                <section class="full-content">
+                    <div class='window'>
+                        <section class='subwindow collapsed'>
+                            <div class='subwindow-container collapsed'>
+                                <div class='subwindow-container-fix order-details-contents'>
+                                </div>
+                            </div>
+                        </section>
+                        <section class='subwindow'>
+                            <div class='subwindow-container'>
+                                <div class='subwindow-container-fix touch-scrollable scrollable-y'>
+
+                                    <table class='client-list'>
+                                       <thead>
+                                            <tr>
+                                                <th>Order Ref</th>
+                                                <th>Customer</th>
+                                                <th>Contact No</th>
+                                                <th>Order Date</th>
+                                                <th>Pickup Date</th>
+                                                <th>Total Amount</th>
+                                                <th> </th>
+                                            </tr>
+                                        </thead>
+                                        <tbody class='pickup-list-contents'>
+                                        </tbody>
+                                    </table>
+                                </div>
+                            </div>
+                        </section>
+                    </div>
+                </section>
+            </div>
+        </div>
+    </t>
+</templates>

pos_book_order/views/book_order.xml

@@ -0,0 +1,127 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<odoo>
+    <record id="seq_book_order" model="ir.sequence">
+        <field name="name">POS Quotation</field>
+        <field name="code">book.order</field>
+        <field name="prefix">POS/BO/</field>
+        <field name="padding">4</field>
+        <field name="company_id" eval="False" />
+    </record>
+
+    <record id="view_book_order_form" model="ir.ui.view">
+        <field name="name">book.order.form</field>
+        <field name="model">book.order</field>
+        <field name="arch" type="xml">
+            <form string="Point of Sale Quotations" create="false">
+                <header>
+                    <field name="state" widget="statusbar" statusbar_visible="draft,confirmed" />
+                </header>
+                <sheet>
+                <group col="4" colspan="4" name="order_fields">
+                    <field name="name"/>
+                    <field name="date_order"/>
+                    <field name="partner_id" />
+                    <field name="phone"/>
+                    <field name="book_order"/>
+                    <field name="date_quotation"/>
+                    <field name="pickup_date"/>
+                    <field name="deliver_date"/>
+                    <field name="pricelist_id" />
+                    <field name="delivery_address" />
+                </group>
+                <notebook colspan="4">
+                    <page string="Products">
+                        <field name="lines" colspan="4" nolabel="1">
+                            <tree string="Order lines" editable="bottom">
+                                <field name="product_id"/>
+                                <field name="qty"/>
+                                <field name="price_unit" widget="monetary"/>
+                                <field name="discount" widget="monetary"/>
+                                <field name="tax_ids_after_fiscal_position" widget="many2many_tags"/>
+                                <field name="tax_ids" invisible="1"/>
+                                <field name="price_subtotal" widget="monetary"/>
+                                <field name="price_subtotal_incl" widget="monetary"/>
+                            </tree>
+                            <form string="Order lines">
+                                <group col="4">
+                                    <field name="product_id"/>
+                                    <field name="qty"/>
+                                    <field name="discount" widget="monetary"/>
+                                    <field name="price_unit" widget="monetary"/>
+                                    <field name="price_subtotal" invisible="1" widget="monetary"/>
+                                    <field name="price_subtotal_incl" invisible="1" widget="monetary"/>
+                                    <field name="tax_ids_after_fiscal_position" widget="many2many_tags"/>
+                                    <field name="tax_ids" invisible="1"/>
+                                    <field name="notice"/>
+                                </group>
+                            </form>
+                        </field>
+                        <group class="oe_subtotal_footer oe_right" colspan="2" name="order_total">
+                            <field name="amount_tax" widget="monetary"/>
+                            <div class="oe_subtotal_footer_separator oe_inline">
+                                <label for="amount_total" />
+                                <button name="button_dummy" string="(update)" class="oe_edit_only oe_link"/>
+                            </div>
+                            <field name="amount_total" nolabel="1" class="oe_subtotal_footer_separator" widget="monetary"/>
+                        </group>
+                        <div class="oe_clear"/>
+                    </page>
+                    <page string="Notes" >
+                        <field name="note"/>
+                    </page>
+                </notebook>
+            </sheet>
+            </form>
+        </field>
+    </record>
+
+    <record id="view_book_order_tree" model="ir.ui.view">
+        <field name="name">book.order.tree</field>
+        <field name="model">book.order</field>
+        <field name="arch" type="xml">
+            <tree string="Point of Sale Quotations" create="false" decoration-danger="state == 'draft'" decoration-success="state == 'confirmed'" >
+                <field name="name"/>
+                <field name="partner_id"/>
+                <field name="pickup_date"/>
+                <field name="deliver_date"/>
+                <field name="amount_total"/>
+                <field name="state"/>
+            </tree>
+        </field>
+    </record>
+
+    <record id="action_book_order_form" model="ir.actions.act_window">
+        <field name="name">Booking Orders</field>
+        <field name="type">ir.actions.act_window</field>
+        <field name="res_model">book.order</field>
+        <field name="view_type">form</field>
+        <field name="view_mode">tree,form</field>
+        <field name="view_id" eval="False"/>
+        <field name="domain">[]</field>
+        <field name="help" type="html">
+            <p>
+                Use this menu to browse previous booking orders and to record new booking orders.
+            </p>
+        </field>
+    </record>
+
+    <menuitem id="menu_book_order"
+              web_icon="pos_book_order,static/description/icon.png"
+              name="Booking Orders"
+              parent="point_of_sale.menu_point_of_sale"
+              action="action_book_order_form"
+              sequence="0"
+              groups="point_of_sale.group_pos_manager,point_of_sale.group_pos_user"/>
+
+    <record id="view_pos_book_order_form" model="ir.ui.view">
+        <field name="name">pos.order.form</field>
+        <field name="model">pos.order</field>
+        <field name="inherit_id" ref="point_of_sale.view_pos_pos_form"/>
+        <field name="arch" type="xml">
+            <field name="partner_id" position="after">
+                <field name="booking_ref"/>
+            </field>
+        </field>
+    </record>
+
+</odoo>

pos_book_order/views/pos_config.xml

@@ -0,0 +1,24 @@
+<odoo>
+    <data>
+         <record id="book_order_config_view" model="ir.ui.view">
+             <field name="name">book.order.view</field>
+             <field name="model">pos.config</field>
+             <field name="inherit_id" ref="point_of_sale.pos_config_view_form"/>
+             <field name="arch" type="xml">
+                 <xpath expr="//div[@id='category_reference']" position="after">
+                     <div class="col-12 col-lg-6 o_setting_box">
+                         <div class="o_setting_left_pane">
+                             <field name="enable"/>
+                         </div>
+                         <div class="o_setting_right_pane">
+                             <label for="enable" string="Booking Orders"/>
+                             <div class="text-muted">
+                                Allow booking orders
+                             </div>
+                         </div>
+                     </div>
+                 </xpath>
+             </field>
+        </record>
+    </data>
+</odoo>

pos_book_order/views/template.xml

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<odoo>
+ <template id="pos_book_order_template" inherit_id="point_of_sale.assets">
+        <xpath expr="." position="inside">
+            <script type="text/javascript" src="/pos_book_order/static/src/js/book_order.js"/>
+            <script type="text/javascript" src="/pos_book_order/static/src/js/popup.js"/>
+            <script type="text/javascript" src="/pos_book_order/static/src/js/booked_order.js"/>
+            <script type="text/javascript" src="/pos_book_order/static/src/js/delivery_orders.js"/>
+            <script type="text/javascript" src="/pos_book_order/static/src/js/pickup_orders.js"/>
+            <script type="text/javascript" src="/pos_book_order/static/src/js/models.js"/>
+        </xpath>
+    </template>
+</odoo>