Laravel eCommerce Restaurant POS System

With the help of the Laravel eCommerce Restaurant POS System, restaurant tables can be reserved and managed by the POS agent.

From the POS panel, a POS agent can also create multiple tables, create a table reservation for the time slot, view all the booked entries with complete details, and send booking details to customers via email.

• Configuration option to allowed/disallowed creation of restaurant table by POS Agent.
• You can also set the maximum number of creation restaurant tables for the POS Agent in the configuration.
• Allow the table shapes for creating a restaurant table for agents also.
• Send the email notification to POS customers regarding table booking.
• Also, send the email notification to the POS agent also regarding table booking by the customer.
• Add an extra email address for getting table booking email notification as cc to POS agent email.
• Add the custom message also to the table booking email notification for the customer.
• POS agents can also create the restaurant table from their POS panel.
• You can also manage the number of seats per table while creating a restaurant table.
• POS agents can also create a restaurant table for both existing customers or non-existing customers.
• Restaurant table listing with search filter by table name at POS agent end.
• A booked table listing with search filter by booking-id, table-name, booked-date, booked-date & time-from(Y-m-d H:i:s), booked-date & time-to at POS agent end.
• POS agent can also place the table booking order in both Online & Offline mode.
• Admin can also create a restaurant table on behalf of any POS agent from the admin panel.
• Admin can also check the booking order history from the data grid at the backend with filter and search options.

Unzip the respective extension zip and then merge “packages” folder into project root directory.

Open .env file and provide the value for ‘APP_URL’ global variable

APP_URL=https://example.com/../../public

Goto config/app.php file and add following line under ‘providers’

Webkul\Pos\Providers\PosServiceProvider::class

Also goto config/concord.php file and add following line under ‘modules’ array

\Webkul\Pos\Providers\ModuleServiceProvider::class

Then goto config/auth.php file and make the below changes and add following line under ‘guards’

'posuser' => [

'driver' => 'session',

'provider' => 'posusers'

],

Also add following line under ‘providers’

'posusers' => [

'driver' => 'eloquent',

'model' => Webkul\Pos\Models\PosUser::class,

],

add following line under ‘passwords’

'posusers' => [

'provider' => 'posusers',

'table' => 'pos_user_password_resets',

'expire' => 60,
],

Goto composer.json file and add following line under ‘psr-4’

"Webkul\\Pos\\": "packages/Webkul/Pos"

Also,run these commands below to complete the setup

composer dump-autoload

php artisan migrate

php artisan route:cache

php artisan vendor:publish

-> Press 0 and then press enter to publish all assets and configurations.

After the successful installation of the module the admin can easily configure the module from the admin panel.

The admin needs to navigate to the configure>>Point of sale in which there are two options Settings and Restaurant.

Under the settings there are several fields that needs to be filled by the admin as shown below:-

Status

From here the admin can active or inactive the POS status.

Heading On Login 

Enter the POS heading which will be visible on the POS login panel.

Sub-Heading on Login

 Enter the Sub-Heading which will be visible on the POS login panel.

Footer Content

Enter the footer content which will be displayed in the footer section of the POS login panel.

Footer Note 

Enter the footer note.

Footer Link Text

Enter the footer link text here.

Footer Link

Enter the footer link here.

POS Logo

Upload the logo image which will be shown on the landing page of POS at the front end and will also displayed over the bill receipt.

Barcode Size

Here admin can enter the size of the barcode.

Print Product Name With Barcode 

Admin can select Yes in the option if they want to print the product name with product barcode.

Barcode Image Type 

Admin can select the barcode image type from the drop-down. Barcode can be print horizontally or vertically.

Generate Barcode With

Admin can generate the barcode with the Product ID or with Product SKU(Stock keeping unit) from the drop-down.

Barcode Prefix [Left blank if don’t want to add prefix]

The admin can also add “Prefix”

Pos Search Options [Search By]

The POS agent can seach the product by “Product Name & SKU” else can serach the product at front end by “Barcode” of the product.

Hide Barcode Icon

The admin can active or inactive the section as per their need.

POS Product

Allow Sku For Custom Product

Once the admin active this section, at the front end the POS agent can add the Custom Product SKU while adding the product to customer cart.

Bill Receipt

Show Logo On Bill Receipt

If admin set the status as active then the POS logo will be displyed over the bill receipt.

Use Custom Address On Bill Receipt

 If set inactive, then POS Outlet’s address will show on bill receipt otherwise Custom address will show.

Store Name 

The admin can also enter the store name here.

Store Address

If admin set inactive, then POS Outlet’s address will show on bill receipt otherwise Custom address will show.

Email Address

Here admin can also add the email address

Website

The admin can also add the website of their store to show over the bill receipt

Phone Number

The admin can add the phone number to show over the bill receipt

Customer Care Number

The admin can also add the customer care number here that will be displayed over the bill receipt

GSTIN Number

Admin can add the GSTIN number of their store to show over the bill receipt

Show Order Barcode On Bill Receipt

If status is active, the Order’s Barcode will be showing on the bill receipt

Provide Footer Custom Note On Bill Receipt

Under this section the admin can add the Custom Footer Note which will be showing on the bill receipt 

Under the Restaurant section there are also some fields that need to be filled by the admin as described below:-

Status

Can POS agent create Table?

The admin can active and inactive this feature from the drop-down menu.

Max No. Of Create Table [per agent]

In this field the admin can set the maximum number for the table, that an agent can create.

Table Shape 

The admin can multi-select the shape of the table between circle, square and curved square.

Table Booking Email To Customer

The admin can set it as Yes or NO.

Table Booking Email To Pos Agent

The admin can set it as YES or No

Table Booking Email To Pos Agent

The admin can add an extra email address for getting table booking email notification as cc to POS agent email.

Custom Booking Email Note

The admin can add the custom booking email note for the customers.

On the admin dashboard, click the POS icon which is there on the left-hand side to check on for the features as available in the backend for admin.

Users

Here you will find the list of multiple users that have been created by the admin.

Admin can add the users by clicking on the Add User button.

Username

Enter the username.

First Name 

Enter the first name of the user.

Lastname

Enter the last name of the user.

Email 

Email id of a user.

User Avatar 

Here admin can use any icon or figure to represent the user.

Add Image

Add an image to represent the user.

Password

Set the password for the user.

Outlet

Select the outlet from the drop-down.

Status

Admin can active or inactive the outlet status from the drop-down.

Lastly hit the Save User button to save the user configuration successfully.

Outlets

 Here the admin can find the list of multiple POS restaurant outlets.

An admin can also create outlets by clicking on the Add Outlet button.

Outlet Name

Provide the name of the outlet in the  field

Status 

Admin can active or inactive the outlet status from the drop-down.

Outlet Address

The address of the outlet will be provided in this section.

Outlet Country

Country of the outlet.

Outlet State 

State of the outlet.

Outlet City

The city of the outlet will be provided in

Outlet PostCode

 Postcode of the outlet.

Inventory Source

Admin has to choose the separate inventory for each outlet from the drop-down.

Lastly hit the Save Outlet button to save the outlet configuration successfully.

After creating the outlet, the admin will Manage the Product to the outlet by hitting the below icon shows in the image.

Manage Outlets Products

Now, under the Manage Outlets Products tab, the admin will assign the products to the outlet by enabling the products for the outlet. Assigned products will be displayed on POS front-end.

Products

Here admin can also view all the products associated with his store accordingly they can generate barcodes for the products to be used by the POS agent to add a product to the cart during the check-out process.

Orders

Here admin can view all the POS restaurant orders in a given list or they can view any order details by simply clicking on order as shown in the image below.

By clicking on the eye icon as shown in the above image, the admin can easily check the order information.

Request Product

Under the Request Product tab Admin will check the “Low stock product request” sent by the POS user.

Bank Details

Under this the admin can see the bank list that have been provided by the admin as shown in the image below:-

By clicking on the Add Bank the admin can add another Bank details as shown below:-

Under the General section there are four fields as described below:-

Bank Name

Provide the bank name in this field.

Bank Address

Provide the bank address in this field.

Email

Provide the admins email in this field.

Phone

Provide the admin’s phone no. in this field.

Under the Pos agent and bank status there are two fields described below:-

Assign Pos Agent

The admin can also assign a Pos agent from the drop down menu.

Status

The admin can active or inactive the bank status in this field.

Note**:- The Pos agent can select those banks only that have been assigned to him, when the customer is doing payment through card.

Sales Report

The admin can find all the sales report in this section and the admin can also filter these sales report details according to the requirement bu selecting outlet, Sale type and Bank in the filters accordingly as shown in the image below:-

By clicking on the eye icon the admin can see all the details regarding any particular order as shown below:-

Restautant Tables

In this section the admin can also find all the tables that have been created by the admin and the POS agent as shown in the image below:-

By clicking on the create table button the admin can also create a new table. After clicking on the create table button a page will open that carries several fields as shown below:-

Under the General section there are four fields described below:-

Table name

Provide the table name in this field.

Table Type

The admin can select the table type here from the dropdown for example:- Square, Circle, Semi Square.

Status

The admin can active or inactive the status for the table from here.

Position

The admin can set the position for the table here.

Under the Seat and Agent section there are two fields that are described below:-

Total No. of Seat

Here admin can set the total no. of seat for the table.

Agent

The admin can select the POS agent from the drop-down menu

After filling all these fields click on the save table button.

Table Booking History

In this the admin can find all the table booking history that have been done before as shown in the image below:-

By clicking on the eye icon the admin can see all the details regarding the booking as shown in the image below:-

The user can easily Login to the POS System by using the Username (email address) and Password

After the Sign in the Pos user also need to enter the opening drawer amount as shown below:-

Now the POS Users will be redirected to the POS panel as shown in the below image.

The Pos agent can see the Restaurant option on the left side of the screen in the menu bar, from where the Pos agent can manage several actions as described below:-

Table List

The Pos agent can see the list of the tables along with the seats for each table that have been created under this section as shown in the image below:-

To book the table for any customers the Pos agent just need to click on the Book Table button that is visible under each created table.

After clicking on the Book table button a pop up will generate where the Pos agent also needs to enter the details of the customer as shown in the image below:-

In the above pop up the Pos agent needs to enter the several fields as described below:-

Select Customer

From here the agent can also select the existing customer for the table booking.

OR

Full Name

Enter the name of new customer.

Email Address

Enter the email of the customer in this field.

Book Total Seat(s)

Enter the no of seats to be booked in this field.

Booking Date

Enter the booking date in this field.

Booking Time From

Select the beginning time for the table booking

Booking Time To

Select the time till when the table is booked.

Table Booking History

Under this section Pos agent can find all the bookings with all details as shown in the below image:-

The Pos agent can also search the table by booking id, customer name, table name ,etc.

By selecting any table the Pos agent can add the products and the customer for the table that has been selected as shown below:-

On clicking on the Table Release button the Pos Agent can also delete the table booking.

After clicking on Add product the Pos agent can add the restaurant product as shown below:-

To add the customer the Pos agent just need to click on the customer button. After clicking on customer the agent can add the customer as shown below:-

After selecting the customer from the customers list just click on the select customer button, the agent can also edit or add another customer from the above page.

Now after the customer has been selected, the agent can proceed for the checkout process by clicking on the Pay button.

After clicking on the pay button the agent will be redirected to another page where the Pos agent can take the payment through the Cash and also the credit Payment.

When the customer is making payment through cash the payment page will look like shown below:-

After entering the tendered amount for the selected order, the agent just need to click on the Confirm Payment Button.

When the customer is choosing credit payment the page will look like shown below:-

Here the agent needs to select the Bank and need to enter Card Details. The agent can also add the order note here.

After this process the agent need to click on the Confirm Payment button.

Once the agent clicks the Confirm Payment button a pop will generate regarding the confirmation of the payment.

Click on the Confirm button.

After clicking on the Confirm button the success message pop up will appear as shown below:-

By clicking on the Print button agent can also print the invoice else click the skip button.

Create Table

The Pos agent can also create a table if the admin has granted the permission to the agent, while creating a table the agent needs to enter the several fields as shown in the image below:-

Table Name

Provide the name for the Table.

Table Type

Select the table type.

Status

Select the status between the active and inactive.

Position

enter the table position in this field.

Total No. of Seat

Enter the number of seat for the table in this field.

One of the best functionalities of this module is that the POS agent can use the add-on in the offline mode too.

When in the offline mode, the POS agent can book the table, add the products to the booked table, and complete the checkout for the customer.

Now, from the Booked Table section, the POS agent can release the table, or add the products for the reserved table

The POS agent can add the products to the reserved table and process for the checkout.

The POS agent can complete the checkout by accepting the payment.

NOTE – Credit Amount cannot be used in offline mode!

After placing the successful order, the POS agent can also print the invoice of the booked table.

The POS agent can view all the offline orders from the order section.

And Sync all the offline orders when back to online mode.

After syncing all offline orders, the offline orders can be viewed in the Orders section in the Sale History tab.

Note**:- Pos agent cannot create the table in the Offline mode.

That’s all for Laravel-eCommerce-restaurant-pos-system

To Know about the features of Laravel eCommerce Point of Sale please refer to the User Guide of the Laravel eCommerce Point of Sale.

Still, have any issue feel free to add a ticket.

Also, let us know your views to make the module laravel-eCommerce-restaurant-pos-system better https://bagisto.uvdesk.com/en/