An On-Line Ordering With Billing System For Xhang's Shoppers

lOMoARcPSD|3739948
IT Practicum - Thesis
Bachelor of Science in Information Technology (Polytechnic University of the

Philippines)
StuDocu is not sponsored or endorsed by any college or university

Downloaded by Glenn Mark Anduiza (carlchrysolite_37@yahoo.com)
lOMoARcPSD|3739948
AN ON-LINE ORDERING WITH BILLING SYSTEM FOR

XHANG'S SHOPPERS
A Project
Presented to
the Faculty of STI College San Fernando
In Partial Fulfillment
of the Requirements for the Degree of
Bachelor of Science in Information Technology
by:
Cortez, Marvic C.
Dimaun, MM U.
Gutierrez, Kier Clinton D.
Malig, Ian Karl Sydney, L.
Mr. Ian Jasper P. Santos

Project Adviser
October 2017

lOMoARcPSD|3739948
ADVISER’S RECOMMENDATION SHEET
This Project entitled
An On-Line Ordering with Billing System for Xhang’s Shoppers
by:
Cortez, Marvic C.
Dimaun, MM U.
submitted in partial fulfillment of the requirements of the

Bachelor of Science in Information Technology degree
has been examined and is hereby recommended
for acceptance and approval
Mr. Ian Jasper P. Santos

Project Adviser
October 2017

lOMoARcPSD|3739948
PANEL’S APPROVAL SHEET
developed by:
Cortez, Marvic C.
Dimaun, MM U.
after having been presented is hereby approved

by the following members of the panel
Mr. Louie A. Ruiz Ms. Fides Celeste

C. Arceo
Panelist Panelist
Mr. Ramil D. Dery

Lead Panelist
October 2017

lOMoARcPSD|3739948
PROJECT COORDINATOR AND DEAN’S ACCEPTANCE SHEET
by:
Cortez, Marvic C.
Dimaun, MM U.
After having been recommended and approved is hereby accepted

by the Information Technology Department
of STI College San Fernando
Ms. Fides Celeste C. Arceo

Project Coordinator/Dean
October 2017

lOMoARcPSD|3739948
TABLE OF CONTENTS
Abstract
Preface
Chapter 1 INTRODUCTION
1.1 Statement of the Problem 1-2

1.2 Current State of the Technology 1-3
1.3 Objectives 1-8
1.3.1 General Objective 1-8
1.3.2 Specific Objectives 1-9
1.3.3 Scope and Limitations 1-10
Chapter 2 THEORETICAL FRAMEWORKS
2.1 Introduction 2-1

2.2 Internet 2-1
2.3 World Wide Web 2-1
2.4 Hypertext Markup Language 2-2
2.5 Hypertext Transfer Protocol 2-2
2.6 Client and Server 2-2
2.7 Web browser 2-3
2.8 Information System 2-3
2.9 PHP (Hypertext Preprocessor) 2-4
2.10 Graphical User Interface 2-4
2.11 Database 2-4
2.11.1 Database Normalization 2-5
2.11.2 Data Security 2-6
2.11.3 Data Integrity 2-6

lOMoARcPSD|3739948
2.12 Rapid Application Development (RAD) 2-7

2.12.1 Planning Requirements 2-7
2.12.2 User Design 2-8
2.12.3 Rapid Construction 2-8
2.12.4 Cutover 2-8
2.13 Summary 2-9
Chapter 3 AN ON-LINE ORDERING WITH BILLING SYSTEM FOR

XHANG’S SHOPPERS

3.2 System Design Specification 3-1
3.3 Architectural Design 3-4
3.3.1 Context Diagram 3-6
3.3.2 Data Flow Diagram Level 0 3-7
3.3.3 Data Flow Diagram Level 1 3-8
3.3.4 Entity Relationship Diagram 3-9
3.3.5 Hierarchy Input Process Output Chart 3-10
3.4 System Function
3.4.1 Front End 3-14
3.4.2 Back End 3-15
3.5 Summary 3-17
Chapter 4 PERFORMANCE ANALYSIS

4.2 Experimental 4-1
4.2.1 Unit Testing 4-1
4.2.2 System Testing 4-2
4.2.3 Integration Testing 4-2
4.2.4 Alpha Testing 4-2

lOMoARcPSD|3739948
4.2.5 Beta Testing 4-3

4.3 Result and Analysis 4-4
4.4 Summary 4-6
Chapter 5 CONCLUSION 5-1
Bibliography
Acknowledgement
Appendices
Appendix A (Certification) A-1
Appendix B (Transcript of Interview) B-1
Appendix C (Survey Form) C-1
Appendix D (Resource Person) D-1
Appendix E (Personal Technical Vitae) E-1
Appendix F (Screen Shots) F-1
Appendix G (User Manual) G-1
Appendix H (Program Listing) H-1

lOMoARcPSD|3739948
ABSTRACT
The On-Line Ordering with Billing System for Xhang’s Shoppers aims to lessen
time consumed in processing the transaction, lessen paper works and promote their
products easily. To achieve the objectives of the system the developers has designed,
developed different modules that involve in the on-line system.
Currently the Xhang’s Shoppers is using manual system in all of their business
transaction such as inquiry, purchasing, payment and sales report. All this processes are
time consuming that usually caused problem in the part of the customer that a prospective
buyer must wait to entertain if ever someone had comes first on the store. For people who
live far from the store they will have a hard time in buying the products they wanted to
buy. In sales report the employee will also have a hard time in doing their sales report and
it might cause errors and data redundancy because of using the manual system.
Upon analyzing the system and process of the company, the developers concluded
that the on-line ordering system with billing is a big help in productivity of the business
especially in ordering process and promoting or advertising the products on-line is
concerned.

lOMoARcPSD|3739948
PREFACE
Currently Xhang’s Shoppers uses a manual system in all of the business

transaction particularly in ordering, advertisement and inquiry. Customers who are
interested in buying fashionable products are required to go to the boutique located at
Brgy. Lagundi, Mexico Pampanga, in order to purchase their desired products.
On-Line Ordering will help the Xhang’s Shoppers in improving and enhancing
the current system used by the said company. The said system allow customers to order
and pay their purchased products via on-line transaction, this will speed up the ordering
process and gain more satisfaction from the customer in acquiring information and
purchasing products from the company.
The implementation of the developed on-line ordering system with billing for
Xhang’s Shoppers will significantly benefit the company, employees and especially the
customers because it will give more convenient by means of acquiring information and
transact easily by just visiting the site. In addition some people such as the developers,
future thesis student and researcher would also gain benefit upon the completion of the
developed system. The developers’ knowledge will be enhanced and developed at the
same time. All the knowledge that the developers learned during the entire college years
will now be used in completing this thesis project.
These documents include the Chapter 1 that contains the introduction, statement
of the problem, current state of the technology, objectives, scope and limitation of the
project. The Chapter 2 discussed about all the theories that were applied in the
completion of the project. Chapter 3 discussed about system design and specification
wherein all the system requirements were stated. Chapter 4 discussed about the
performance analysis wherein developers conducted an experiment or testing and survey.
And lastly, the Chapter 5 that contain summary of the problem, the developed system, the
major result of the performance analysis and the recommendation for further works were
all stated.

lOMoARcPSD|3739948
Chapter 1 INTRODUCTION
1. INTRODUCTION
Internet has a great contribution on how technology transformed the world to
digitalization. Many individuals use internet in order to communicate, do business
transactions, purchase products, and even watch videos for entertainment purposes.
More businesses make use of today’s technology to make their business more
productive, attract more potential customers and gain their satisfaction through the fast
accessibility and high reliability of their transactions.
Business-minded people have brought their business process to a new platform
via on-line. Through this innovation, on-line shopping has paved its way to the digital
world with the use of internet that makes it available anytime and anywhere.
In the early days of the Internet, most people connected to the Internet using a
home computer. Mobile devices, such as tablets and smart phones, make it possible for
people to be connected to the Internet at all times. The internet has turned common
appliances and home systems into smart devices that can be monitored and controlled
over the Internet. As the Internet continues to grow and evolve, you can expect it to
become an even more integral part of daily life.[SNOW2013]
Internet sometimes referred to as cyberspace, is a collection of local, regional,
national, and international computer networks linked together to exchange data and
distribute processing tasks. Most people are familiar with its capability to carry e-mail
messages, store all sorts of useful information, and provide access to online
shopping.[PARS2004]
An online ordering with billing system, in the most basic definition, it's the
heart of any ecommerce website. Running on the web server where your online store is
located, this advanced application allows customers to find and buy products and
services on the Internet without any hassles. [VARI2009]
Xhang’s Shoppers is a fashion boutique that offers variety of dresses that fit
perfectly on every customer’s fashion statement. It is owned by Ms. Jean Paula
Estrella and it is located at Brgy. Lagundi Mexico, Pampanga. It has one supplier
which is Rissa Tan. The shop is only receiving cash and they also do shipping by
money transfer. The online shop of Mrs. Jean started last 2013 but started selling
An Online Ordering with Billing System for Xhang’s Shoppers 1–1

lOMoARcPSD|3739948
fashion products in her boutique last 2011.Xhang’s shoppers has three employees: the
supervisor, the online handler and the saleslady. The boutique is open from Monday to
Sunday, 7:30AM up to 8:00PM.
1.1 Statement of the Problem

1.1.1 Major Problem
 How will the developers design, develop and implement an online
ordering system for Xhang’s Shoppers?
The company is having slow transactions because of the manual

process, miscommunication with the customer, lack of advertisement,
inability to monitor inventories and lost track of records. When it
comes in gathering information about the customer, the personnel in
charge will list down all the orders of the customer with the price and
compute it by using a calculator for billing process.
1.1.2 Minor Problem

 How to prevent all the unauthorized persons to access the system?
Everybody can access the current system because it only has low
security system so the files are exposed and vulnerable to unauthorized
person.
 How will the customer easily purchase their desired product?
The personnel in-charge list down the orders and compute the total
amount on a piece of paper. Because of that the transaction process is
time-consuming.
 How to monitor the availability of the products?
The company currently uses manual inventory system. There is a

possibility that an error in counting the stocks of the products will occur. It
will definitely cause inconvenience for the personnel who is in-charge in
monitoring the inventory.
 How can the customer easily search for their desired items?

lOMoARcPSD|3739948
The personnel in-charge gives information about the products. But

sometimes the customers do not get enough information about the
products that they want to buy. The desired items of the customer will
manually search by the personnel in-charge so it is really time-
consuming in searching that product.
 How to generate a fast and more accurate report?
The personnel are having a hard time in preparing the reports. It
takes a lot of time and effort in generating reports. There are also
instances that mistakes are committed in doing it because of a lot of
paper works to finish.
1.2 Current State of the Technology
On the current process, customers can inquire through phone calls or
personally visit the boutique. A sales assistant will answer the phone inquiries and
attend their fashion needs. However, the sales assistant would still suggest that the
customer will visit the store to have a look of the item they are looking for. At the
boutique, customers can choose from their displayed items and ask the sales
assistant for any availability of the product they have chosen. The sales assistant
will hand the item to the customer for fitting purposes. If the customer has liked
the item, the cashier will compute for the total amount that the customer will pay.
In terms of return and exchange, customers are given seven days from the date of
purchased and must present the official receipt. The sales assistant will inspect if
the damage is by factory defect or due to the negligence of the customer. If
proven that the damage was not cause by the customer, it will be replaced by a
new item. In case that the customer will request for a new item as a replacement,
it must be of higher price or equal to the previously bought item. If the customer
will insist to a lower priced item, the excess amount from the previous transaction
will not be refunded. Otherwise, the customer will pay for the remaining amount.
Customers are only given one chance to ask for an exchange of their items.
Xhang’s Shoppers has its own Facebook page that serves as its major
advertisement and marketing strategy. It is known by other customers through
word-of-mouth. For further understanding of the study, the developers made use

lOMoARcPSD|3739948
of different reading materials related to the proposed on-line system. These

materials such as thesis and other web articles are essential in broadening the
knowledge of the developers. These will also guide the developers to achieve
their target objectives by getting ideas on other related studies and literature and
make improvements as possible.
These will also guide the developers to achieve their target objectives by
getting ideas on other related studies and literature and make improvements as
possible. The following related studies are written below.
 OLX
Figure 1.2.1 www.olx.ph
OLX is a classified-ads website that caters primarily to Philippine

market. It is an on-line marketplace where people can buy and sell a wide
variety of goods, products, and services under different categories such as
real estate, automotives, careers, business products and services, and many
more among Filipino individuals and business groups all over the world
[OROS2015].
Sometimes, OLX app does not works good and the users have to
take it like from the beginning. There is no option to call anyone without
chatting with them. Number of products in our area is very low. Filters are

lOMoARcPSD|3739948
also limited which means more difficult to find anything from this site.
More ungenuine users for this site that when we post any ads in this site so
many chats would come but from that we would find only one or two
persons who personally wants to buy a product.
The said on-line site can be accessed through its web address
ofwww.olx.com.ph and contains the following features:
-Up - this is where the customer creates an account for
transactions.
- this is where the customer can
select a product according to its category.
- this is where the system verifies
the member accounts for security purposes and accounts integrity
 Lazada
Figure 1.2.2 www.lazada.com

Lazada is a privately owned German e-commerce company
founded by Rocket Internet in 2011. As of 2014, Lazada Group operated
sites in Indonesia, Malaysia, the Philippines, Singapore, Thailand, and
Vietnam and had raised approximately US$647 million over several
investment rounds from its investors such as Tesco, Temasek Holdings,
Summit Partners, JPMorgan Chase, Investment AB Kinnevik and Rocket
Internet.

lOMoARcPSD|3739948
Its sites launched in March 2012, with a business model of selling

inventory to customers from its own warehouses. In 2013 it added a
marketplace model that allowed third-party retailers to sell their products
through Lazada's site; the marketplace accounted for 65% of its sales by
the end of 2014.[ROTH2016]
Lazada is not the best online ordering system because there are
some customers that are not satisfied with their customer service. Out of
stock is one of the issues of lazada because there’s this one customer that
posted on reviews about lazada and he wait until two weeks only figure
the order status become closed. When asking the customer service, they
only tell you:I'm so sorry, the item already out stock. We will proceed
refund for you.
ofwww.lazada.com.ph and it has the following features:
- this feature can help the customer on finding
the products.
Intuitive website interface – the website per se is very easy to

use. There are no fancy and complicated buttons on the interface.
Mobile version – The proliferation of smart phones, tablets and

such similar devices has made internet access increasingly mobile.
That is why more and more businesses are now releasing mobile
versions of their websites so they can be accessed by their
prospective clients whenever and wherever.

lOMoARcPSD|3739948
 AI Online Shop
Figure 1.2.3 www.aionlineshop.com.ph
AI Online Shop appears too good to be true. And well, it is. The
shop offers very low prices for items such as clothing, earrings, necklaces,
and rings that are directly bought from China. But as with other wholesale
sites from China, the products appear only nice in
photographs.[MORR2012]
The problem of ai online shop is that the website has not created a
way to edit orders once a user sends the form. In other online shops, you
can add orders even after the order form is sent. This makes sense because
it helps the shop earn more. Some even allow users to cancel an order
from their database if they see that better items have been made available.
The reason they give when customer suggested this to a customer service
representative is this: our invoices will be messy.
ofwww.aionlineshop.com.ph and contains the following features:
- this feature can help the customer on finding the

products they intend to buy.

lOMoARcPSD|3739948
Subscription - this feature allow the

customer to receive emails and newsletters from the company
about their latest offerings.
- customers can select any payment method

such as credit cards, GCash from Globe, and offline payment.
The developers intend to design and develop an on-line ordering system

with billing for Xhang’s Shoppers that will improve the current ordering process
implemented by the said fashion boutique and will eventually solve all the
problems it encounters in regards to their manual process. In order to achieve its
goal, the developers will implement a sign-up module. The system will also allow
customers to easily browse and locate products that they are looking for. This
feature is similar to the quick search implemented by AI On-Line Shop on their
website. Lastly, the proposed online system will make use of shopping cart module
that will store all the items purchased by the customer before checking out and
proceeding to the payment. With this given features and functionality, the
proposed online ordering with billing system for Xhang’s Shoppers will surely be
a great tool in speeding up its business process and expanding its market share.
1.3 Objectives
1.3.1 General Objective
 To design, develop and implement an online ordering system for
Xhang’s Shoppers.
The main objective of this study is to design, develop and
implement an online ordering system for Xhang’s Shoppers. The
proposed online system will help the company to advertise their
product with the use of the technology which is the internet, to help
expand their business advertisement, to make it accessible to customers
to seldom go out for shopping fashion products they wanted to buy, to
make their products more appealing to the taste of the customers, and to
operate their sales transaction and inventory faster, more accurate and
reliable than the manual system.

lOMoARcPSD|3739948
1.3.2 Specific Objectives
 To design, develop, and implement a Log-in module.

This can secure important information from accessing of
unauthorized user. This module will have a username and password
verification to make sure that only authorized user can access the
system.
 To design, develop and implement an on-line shopping cart module
that will help the customer to purchase products.
Once the customer has clicked the Add to Cart button the item
purchased will be automatically added on the shopping cart. The
customers need not to worry if ever the details of their orders will be
misplaced because the details of their orders are also listed on the
shopping cart.
 To design, develop and implement a module for inventory
management.
This module will list down the availability of the stocks. It can
help the company to monitor the availability of their stocks in order to
avoid overstock, understock and no stock situation.
 To design, develop and implement an online product catalog module
that will help the customer search for products they want to buy.
This module will help the customer on searching for the products
they would like to buy. By this module the list of all the various fashion
products will be display properly and by category. Customers can easily
search and buy the products they want without any hassle and it will not
be time consuming for them.
 To design, develop and implement a module that will generate reports.
The developers will design a module that will generate reports
such as sales reports, list of products, employees and receipts.

lOMoARcPSD|3739948
1.3.3 Scope and Limitations

Scope (Front-End)
 Registration Form
This is where the customer can create an account in the system.
The customers must fill up the required fields in order to have their
records saved in the database.
 Log In and Log Out
This is where customer and user entering their information an email
and password in order to access the system.
 Home Page
This is the starting point or the front page of a website. It often
describes and provides information on the purpose of the system.
 Search Engine
This engine will be used in locating and accessing specific
products.
 Product Catalog
This module will display the products of Xhang’s Shopperswith
product description and price.
 Ordering
Customer will be able to make an order through online to lessen
the time and effort in making orders and to help the customer in saving
money.
 Online Module for Payment
This module will let customer pay through on-line using their
PayPal account. The customer is required to have an account on
PayPal if he/she wishes to pay on-line.
 Email Notification
The system will send Email notifications when the orders of the
customer are currently on delivered.
 Contact Us and About Us
An Online Ordering with Billing System for Xhang’s Shoppers 1 – 10

lOMoARcPSD|3739948
This module will contain information about Xhang’s Shoppers and

how can customers communicate the company.
 My Account
This page will allow only the customer to update the accounts, and
transaction logs.
 Frequently Asked Question(FAQs)
This module contains lists of questions and answers that are
commonly asked in the website that pertains to a particular topic.
 Terms and Conditions
This page is where the general and special arrangements,
provisions, requirements, rules, specifications and standards that form
an integral part of an agreement or contract.
 Visitor’s Counter
This module will keep track on the number of visitors in the
webpage.
Scope (Back-End)
 File Maintenance
This module will be used updating and maintaining records of

the system. This will also allow valid users to add, edit and delete
particular record. Under this module are the following sub-modules.
 Category Maintenance
This will maintain the category of the products.
 Employee Maintenance
This will maintain the employee information of the company.
 FAQ Maintenance
This will maintain the frequently asked questions of the
applicants.
 Product Maintenance
This will maintain the products of the company.
 Customer Maintenance

lOMoARcPSD|3739948
This will maintain the information of the customer.

 About Us
 Transactions
 List of Orders
This module contains the list of all orders that are needed to
provide by the company, it also contains the detailed
information about the orders.
 Shipping
This module will display information about the orders that
are subject for deliver. Only orders that are paid can be seen on
this page.
 Billing
This module will form as a payment module that displays
information about the payment transaction of the customer.
 Reports
 Sales Report
This report allows user to view all record of the products done
in every transaction and the products that are being purchased
and sold.
 List of Employee
This report allow user to view all the list of employees.
 Product Master List
This report views the list of products with their corresponding
descriptions and details.
 Inventory Report
This report displays all the available products of the system.
 Utilities
 Archive

lOMoARcPSD|3739948
This module contains the data that have been deleted in the
system.
 Audit Trail
This module keeps track of all the activities that the user has-
been doing in the system
 Back-Up and Restore
This module will help the company to back-up and restore
their records in case of system failure.
 Level of Access
This module will allow the administrator to adjust the
permission of a certain employee to the system.
 User Management
This module will allow the administrator to add, edit, delete,
update and search user’s information of the system.
Limitations:
The proposed Internet Shopping Cart System for Xhang’s

Shoppers has the following limitations:
 Out of the country shipping will not be acceptable. The

shipping products are only available within in the Philippines
only.
 Customization of fashion products will not be catered by the
system.
 The system will not accept credit card.

lOMoARcPSD|3739948
Chapter 2 THEORETICAL FRAMEWORK
2.1 Introduction
A theoretical framework consists of concepts and, together with their

definitions and reference to relevant scholarly literature, existing theory that is used
for your particular study. The theoretical framework must demonstrate an
understanding of theories and concepts that are relevant to the topic of your research
paper and that relate to the broader areas of knowledge being considered.
The theoretical framework is most often not something readily found within
the literature. You must review course readings and pertinent research studies for
theories and analytic models that are relevant to the research problem you are
investigating. The selection of a theory should depend on its appropriateness, ease of
application, and explanatory power.[LABA2017]
Some of the theories below were chosen by the developers as suitable

framework and related to the study being conducted.
2.2 Internet
The Internet is a global wide area network that connects computer systems
across the world. It includes several high-bandwidth data lines that comprise the
Internet "backbone." These lines are connected to major Internet hubs that distribute
data to other locations, such as web servers and ISPs.[CHRI2017]
The developers used the internet to gather information on how the system can
be develop and designed according to what the clients need. By the use of the
internet, the developers downloaded some tutorials and free web template that can
help in developing the system.
2.3 World Wide Web (WWW)
The World Wide Web, or just "the Web," as ordinary people call it, is a subset
of the Internet. The Web consists of pages that can be accessed using a Web browser.
The Internet is the actual network of networks where all the information resides.

lOMoARcPSD|3739948
Things like Telnet, FTP, Internet gaming, Internet Relay Chat (IRC), and e-mail are
all part of the Internet, but are not part of the World Wide Web. The Hyper-Text
Transfer Protocol (HTTP) is the method used to transfer Web pages to your
computer. With hypertext, a word or phrase can contain a link to another Web site.
All Web pages are written in the hyper-text markup language (HTML), which works
in conjunction with HTTP.[ CHRI2017]
The developers used the World Wide Web to access some of the resources
need and available over the net. By the use of the World Wide Web, it will enable to
spread of information over the internet through an easy-to-use and flexible format.
2.4 Hypertext Markup Language (HTML)
HTML (Hypertext Markup Language) is a set of special instructions called

tags or markups that specify links to other documents, as well as how the page is
displayed.[DENI2000]
The developers used HTML to develop structured documents by denoting
structural semantics for text as well as for links, quotes and other items. Since, web
browsers only read HTML tags, so the developers used this language to design the
interface of the on-line system and layout its elements.
2.5 Hypertext Transfer Protocol (HTTP)
HTTP (Hypertext Transfer Protocol) is the set of rules for transferring files on
the World Wide Web. As soon as a Web user opens their Web browser, the user is
indirectly making use of HTTP. HTTP is an application protocol that runs on top of
the TCP/IP suite of protocols [MARG2006].
The developers used HTTP for transferring text, graphics, images, and other
multimedia files on the World Wide Web that is necessary in accessing and
navigating the site for Xhang’s Shoppers.
2.6 Client and Server
An architecture in which the user's PC (the client) is the requesting machine
and the server is the supplying machine, both of which are connected via a local area
network (LAN) or a wide area network (WAN) such as the Internet. Throughout the
late 1980s and early 1990s, client/server was the hot buzzword as applications

lOMoARcPSD|3739948
migrated from minicomputers and mainframes with input/output terminals to

networks of desktop computers [ZIFF2014].
By the use of the client and server model, the system can be easily exchange
service including web access and database. The developers have also used this model
in accessing the database from one computer going to another computer
2.7 Web Browser
A web browser is a software application used to locate, retrieve and display
content on the World Wide Web, including Web pages, images, video and other files.
As a client/server model, the browser is the client run on a computer that contacts the
Web server and requests information. The Web server sends the information back to
the Web browser which displays the results on the computer or other Internet-enabled
device that supports a browser [VANG2014].
The developers used the web browser in order to view the output of the system
being developed. Most of the time, the developers used Google Chrome in viewing the
output of the system. It was also used in applying the database schema of the entire
system.
2.8 Information System (IS)
Information system is an integrated set of components for collecting, storing,
and processing data and for delivering information, knowledge, and digital products.
Business firms and other organizations rely on information systems to carry out and
manage their operations, interact with their customers and suppliers, and compete in
the marketplace. For instance, corporations use information systems to reach their
potential customers with targeted messages over the Web, to process financial
accounts, and to manage their human resources [VLAD2014].
The developers have applied the theory of information system in
conceptualizing and analyzing the flow of the on-line system. The concept of on how
information will be displayed on the front-end of the system and how viewers will
make use of that information posted were served as the backbone of the information
system.

lOMoARcPSD|3739948
2.9 PHP Hypertext Preprocessor (PHP)

PHP is a recursive acronym for PHP Hypertext Preprocessor, a scripting
language used to create dynamic and interactive HTML Web pages. A server
processes PHP commands when a website visitor opens a page, then sends results to
the visitor’s browser.PHP is very easy for beginners and also offers many advanced
features for professional programmers. PHP runs most efficiently on an Apache
server, but it can also run on IIS. PHP is an open-source and cross-platform language.
It can be built as an Apache module or a CGI script. As an Apache module, PHP is
very fast and lightweight, allowing for quick turnaround [CORY2010].
The developers have used PHP as the main programming and scripting
language in translating the design into working modules. Since the language is open-
source and cross platform, the developers have not experienced difficulties in testing
the system on different web browsers.
2.10 Graphical User Interface (GUI)
GUI is a computer program that enables a person to communicate with a
computer through the use of symbols, visual metaphors, and pointing devices. The
GUI has replaced the arcane and difficult textual interfaces of earlier computing with
a relatively intuitive system that has made computer operation not only easier to learn
but more pleasant and natural. The GUI is now the standard computer interface, and
its components have themselves become unmistakable cultural artifacts [STEV2014].
The developers have included the concept of having an interactive graphic
user interface in order for the users to easily navigate both the front-end and back-
end of the system. It quantifies and qualifies the user-friendliness of the system using
buttons, textboxes, drop-down menus, and other clickable components with the use of
any pointing device such as the mouse.
2.11 Database
A database is a data structure that stores organized information. Most

databases contain multiple tables, which may each include several different fields.
For example, a company database may include tables for products, employees, and

lOMoARcPSD|3739948
financial records. Each of these tables would have different fields that are relevant to
the information stored in the table [TECH2009].
2.11.1 Database Normalization
In relational database design, the process of organizing data

to minimize redundancy. Normalization usually involves dividing a
database into two or more tables and defining relationships between
the tables. The objective is to isolate data so that additions, deletions,
and modifications of a field can be made in just one table and then
propagated through the rest of the database via the defined
relationships. There are three main normal forms, each with increasing
levels of normalization:
First Normal Form (1NF): Each field in a table contains different
information. For example, in an employee list, each table would
contain only one birth date field.
Second Normal Form (2NF): Each field in a table that is not a
determiner of the contents of another field must itself be a function of
the other fields in the table.
Third Normal Form (3NF): No duplicate information is permitted.
So, for example, if two tables both require a birthdate field, the
birthdate information would be separated into a separate table, and the
two other tables would then access the birthdate information via an
index field in the birthdate table. Any change to a birthdate would
automatically be reflect in all tables that link to the birthdate table.
There are additional normalization levels, such as Boyce Codd
Normal Form (BCNF), fourth normal form (4NF) and fifth normal
form (5NF). While normalization makes databases more efficient to
maintain, they can also make them more complex because data is
separated into so many different tables [VANG2013].

lOMoARcPSD|3739948
The developers have considered up to third normalization level

in designing the database schema. Normalization was applied in
designing the database used in the system in order to avoid
redundancy of data and for easy access of records stored in the
database.
2.11.2 Data Security
Data security refers to protective digital privacy measures that

are applied to prevent unauthorized access to computers, databases and
websites. Data security also protects data from corruption. Data
security is the main priority for organizations of every size and genre.
Data security is also known as information security (IS) or computer
security [CORY2014].
The developers have considered the theory of data security in
the overall structure of the database. This prohibits unauthorized
access of records from unintended user. Using the revoke and grant
feature of the database, the system can control who can request
records and who can make use of it.
2.11.3 Data Integrity
Data integrity refers to the overall completeness, accuracy and

consistency of data. This can be indicated by the absence of alteration
between two instances or between two updates of a data record,
meaning data is intact and unchanged. Data integrity is usually
imposed during the database design phase through the use of standard
procedures and rules. Data integrity can be maintained through the use
of various error checking methods and validation procedures
[CORY2014].
The developers have implemented integrity of all records found
in the database. This assures that data will not be lost nor altered in
case of some unexpected errors brought by internal or external events.

lOMoARcPSD|3739948
2.12 Rapid Application Development (RAD) Model

Rapid application development (RAD) describes a method of software
development which heavily emphasizes rapid prototyping and iterative delivery. The
RAD model is, therefore, a sharp alternative to the typical waterfall development
model, which often focuses largely on planning and sequential design practices. First
introduced in 1991 in James Martin’s book by the same name, rapid application
development has become one of the most popular and powerful development
methods, which falls under the parental category of agile development techniques.
Perhaps the biggest advantage of rapid application development is its inherent

synergy with the requirements of the medium itself: software. Whereas other forms of
creation, such as a towering skyscraper or a sleek new automobile, require meticulous
planning and logical development, the very essence of software is both malleable and
in constant evolution. Since code itself — and by extension, the software which is
powered by said code — can be morphed quickly and easily during development,
software is inherently adaptable, lending itself well to iteration and
experimentation..[MORS2016]
The developers choose the method of Rapid Application Development (RAD)

Model because it increases system development speed. Errors can be detected much
earlier. Early visibility of the prototype gives users an idea of what the final system
looks like. The developers choose RAD because deliverables are easier to transfer
as high-level abstractions, scripts, and intermediate codes are used. It provides
greater flexibility as redesign is done according to the developer and it has the
possibility of lesser defects due to prototyping in nature.
2.12.1 Planning Requirements
During this initial stage designer, developers, and users come

to a rough agreement on project scope and application requirements,
so that future stages with prototyping can begin.
In this phase, the developers must know all the requirements of

the developing proposed system so that the developers will now plan

lOMoARcPSD|3739948
for an interview, gathering of information, observations and research.

The developers will do this to gather accurate information that are
needed for developing the proposed system.
2.12.2 User Design
User feedback is gathered with heavy emphasis on determining

the system architecture. This allows initial modeling and prototypes to
be created. This step is repeated as often as necessary as the project
evolves.
In this phase, the developers gathered all of the important

information in order to design properly the proposed system. All of the
details are properly identify and analyze so that it will fit accurately
on the system.
2.12.3 Rapid Construction
Once basic user and system design has begun, the construction
phase is where most of the actual application coding, testing, and
integration takes place. Along with User Design, the Rapid
Construction phase is repeated as often as necessary, as new
components are required or alterations are made to meet the needs of
the project.
In this phase, the developers gathered information and

designed system, will now coded in order to achieve the proper flow of
the proposed system and all of its objectives.
2.12.4 Cutover
The final Cutover (or Transition) stage allows the development

team time to move components to a live production environment,
where any necessary full-scale testing or team training can take
place.[MORS2016]

lOMoARcPSD|3739948
In this phase, the system is tested if it is properly working. The

developers inspect the system if all of the objectives are there and if
there are any improvements that must do. The developers design and
implement a maintenance that will maintain the system for some
improvements and changes.
2.13 Summary
In order to achieve the main purpose of developing an “Online Ordering

with Billing System for Xhang’s Shoppers”, the developers used the following:
Internet for the research for further understanding about the developing system. The
developers used World Wide Web with a web browser to ensure that the website
will work. Hypertext Markup Language. Hypertext Transfer Protocol to transfer
text, graphics, images, and other multimedia files on the World Wide Web. A Client
and Server Model, by the used of this model, the system can be easily exchange
service including web access and database access. Information System (IS) to easily
manage the operations, and interact with the clients. In order to view the developing
system the developers used web browser such as Google and Mozilla Firefox. The
developers used different kinds of tools and technique such as Hypertext
Preprocessor (PHP). In order to easily interact with the developing system the
developers used graphical user interface (GUI). Concept of database is used to
easily store, retrieve, edit and delete important data. The developers also used the
concept of database normalization to have reliable information and reduce data
redundancy. Lastly the developers used Rapid Application Development (RAD)
method in order to analyze, design and construct the developing system.

lOMoARcPSD|3739948
Chapter 3 AN ONLINE ORDERING WITH BILLING SYSTEM FOR

XHANG’S SHOPPERS
3.1 INTRODUCTION
The developer studied further more to improve the current transaction of the
company. With the use of the proposed system, the company will be able to have a
fast transaction and reduce the errors that may arise during each transaction. Storage
of files is accurate and protected with the use of database.
The proposed system will also help the company to promote their products
over the internet that attracts more customers. A module which accepts question and
answers question of the customers will also be implemented.
The other sections that have been discussed in the previous chapters are
connected with each other that can be classified as a step by step process in
designing, developing and implementing the proposed system of the company.
Different analysis, research and studies are to be applied to complete the project in
developing process.
3.2 System Design Specification
Systems design implies a systematic and rigorous approach to design.

An approach demanded by the scale and complexity of many systems problems.
Systems design first appeared shortly before World War II as engineers

grappled with complex communications and control problems. They formalized
their work in the new disciplines of information theory, operations research, and
cybernetics. In the 1960s, members of the design methods movement
(especially Horst Rittel and others at Ulm and Berkeley) transferred this
knowledge to the design world. Systems design continues to flourish at schools
interested in design planning and within the world of computer science. Among
its most important legacies is a research field known as design rationale, which
concerns systems for making and documenting design decisions.

lOMoARcPSD|3739948
Today, ideas from design methods and systems design may be more
relevant to designers than ever before—as more and more designers collaborate
on designing software and complex information spaces. Frameworks suggested
by systems design are especially useful in modeling interaction and
conversation. They are also useful in modeling the design process itself
[LAUR2006].
The developers will design and develop an online membership

application system that will help the company increase their efficiency and will
make the business more profitable.
3.2.1 Resources
Hardware Resources
 In information technology, hardware is the physical aspect of
computers, telecommunications, and other devices. The term arose as
a way to distinguish the "box" and the electronic circuitry and
components of a computer from the program you put in it to make it
do things. Hardware includes not only the computer proper but also
the cables, connectors, power supply units, and peripheral devices
such as the keyboard, mouse, audio speakers, and printers
[ROUS2000].
Getting down to the technical data, more than 4.9 million
computers of all sizes, shapes and colors make up the hardware part
of the Internet.[ENGS1993]
Hardware Requirements:
 Processor
Intel® Core™ i-3-7320 CPU @ 4.10GHz
 Memory
4GB of RAM
 LAN card
Gigabit Ethernet, Wake-on-LAN readyBluetooth® 4.0
 Video card

lOMoARcPSD|3739948
NVIDIA® GeForce® 710M 2 GB VRAM

 Hard disk
500 GB Sata cable
 Monitor
16” Samsung – LCD flat screen
 Laser Printer
HP Deskjet D2600
Software Resources
 Software is a general term for the various kinds of programs used to
operate computers and related devices. Software can be thought of as
the variable part of a computer and hardware the invariable part.
Software is often divided into application software (programs that do
work users are directly interested in) and system software (which
includes operating systems and any program that supports
application software [ROUSE2015].
Software Requirements:
 Operating System(OS) Windows 7(Minimum requirement)

The operating system will be used in developing the system.
 Web Browser(Google Chrome, Mozilla Firefox, Internet Explorer)
This application will be used to access the web pages for

research to complete the documentation of the project as well
as the developing of the system.
 PHP
This programming language will be used in coding the said
online ordering system with Email Technology for Xhang’s
Shoppers.
 Microsoft Word 2007

This will be used in making the documentation.

lOMoARcPSD|3739948
 Microsoft Excel 2007

The developers will use this to develop the Gantt chart.
 Microsoft Power Point 2007
This will be used in making the presentation.
 XAMPP
This program is a collection of easy to install web servers
that let the developers test web pages locally.
 MySql
This software will be used to managed and create database
storage of files and information of the proposed system. This
database software can handle a large amount of data.
 Notepad ++ and Sublime
This software will be used for the coding of the project.
3.3 Architectural Design
In architectural design the developers used three diagrams namely

Entity Relationship Diagram (ERD) is a data modeling technique that
graphically illustrates an information system’s entities and the relationships
between those entities. Entities are equivalent to database tables in a
relational database, with each row of the table representing an instance of
that entity. An attribute of an entity is a particular property that describes the
A relationship is the association that describes the interaction

between entities. Then the Data Flow Diagram (DFD) a data flow model is
diagrammatic representation of the flow and exchange of information within
a system. Data flow models are used to graphically represent the flow of data
in an information system by describing the processes involved in transferring
data from input to file storage and reports generation. Lastly, the Hierarchy
Input Process Output (HIPO Chart) was used to develop requirements,
construct the design, and support implementation of a system to demonstrate

lOMoARcPSD|3739948
automated rendezvous. Verification was then conducted systematically

because of the method of design and implementation it also shows the input,
process and output of the system.

lOMoARcPSD|3739948
Context Diagram

lOMoARcPSD|3739948
Data Flow Diagram
Level 0 (Current Manual Process)

lOMoARcPSD|3739948
Data Flow Diagram
Level 1 (Online Process)

lOMoARcPSD|3739948
Entity Relationship Diagram

lOMoARcPSD|3739948
Hierarchy Input Process Output (Front End)

lOMoARcPSD|3739948
Hierarchy Input Process Output (Back End)
Hierarchy Input Process Output

lOMoARcPSD|3739948

lOMoARcPSD|3739948

lOMoARcPSD|3739948
3.4 System Function
3.4.1 Front End
 Registration Form
This is where the customer can create an account in the system. The
customers must fill up the required fields in order to have their records
saved in the database.
 Log In and Log Out
This is where customer and user entering their information an email and
password in order to access the system.
 Home Page
This is the starting point or the front page of a website. It often
describes and provides information on the purpose of the system.
 Search Engine
This engine will be used in locating and accessing specific products.
 Product Catalog
This module will display the products of Xhang’s Shopperswith
product description and price.
 Ordering
Customer will be able to make an order through online to lessen the
time and effort in making orders and to help the customer in saving money.
 Online Module for Payment
This module will let customer pay through on-line using their PayPal
account. The customer is required to have an account on PayPal if he/she
wishes to pay on-line.
 Email Notification
The system will send Email notifications when the orders of the
customer are currently on delivered.
 Contact Us and About Us
This module will contain information about Xhang’s Shoppersand how

lOMoARcPSD|3739948
can customers communicate the company.

 My Account
This page will allow only the customer to update the accounts, and
transaction logs.
 Frequently Asked Question(FAQs) and Inquiry Module
This module contains lists of questions and answers that are commonly
asked in the website that pertains to a particular topic.
 Terms and Conditions
This page is where the general and special arrangements, provisions,
requirements, rules, specifications and standards that form an integral part of
an agreement or contract.
 Visitor’s Counter
This module will keep track on the number of visitors in the webpage.
3.4.2 Back End
 File Maintenance
This module will be used updating and maintaining records of the

system. This will also allow valid users to add, edit and delete particular
record. Under this module are the following sub-modules.
 Category Maintenance
This will maintain the category of the products.
 Employee Maintenance
This will maintain the employee information of the company.
 FAQ Maintenance
This will maintain the frequently asked questions of the applicants.
 Product Maintenance
This will maintain the products of the company.
 Customer Maintenance
This will maintain the information of the customer.
 About Us
 Transaction

lOMoARcPSD|3739948
 List of Orders
This module contains the list of all orders that are needed to
provide by the company, it also contains the detailed
information about the orders.
 Shipping
This module will display information about the orders that are
subject for deliver. Only orders that are paid can be seen on
this page.
 Billing
This module will form as a payment module that displays
information about the payment transaction of the customer.
 Reports
 Sales Report
This report will allow user to view all the products that are
being purchased and sold.
 List of Employee
This report will display all the list of the employee.
 Product Master List
This report views the list of products with their
corresponding descriptions and details
 Inventory Report
This report displays all the available products of the

system.
 Utilities
 Archive
This module contains the data that have been deleted in the
system.
 Audit Trail

lOMoARcPSD|3739948
This module keeps track of all the activities that the user has-
been doing in the system
 Back-Up and Restore
This module will help the company to back-up and restore
their records in case of system failure.
 Level of Access
This module will allow the administrator to adjust the
permission of a certain employee to the system.
 User Management
This module will allow the administrator to add, edit, delete,
update and search user’s information of the system.
3.5 Summary
An On-Line Ordering with Billing System is design to improve the

current process of ordering in the company. In this chapter the different
functionalities and different modules of the system are introduced by the
developers. Also the system design specification as well as the hardware and
software requirements that used in completing the developing system. The
developers also studied different diagrams and chart like DFD, ERD, and
HIPO chart to show the flow of the whole transaction in the developing
system.

lOMoARcPSD|3739948
Chapter 4 PERFORMANCE ANALYSIS
4.1 Introduction
The developers ensures that the system entitled An Online Ordering with
Billing System for Xhang’s Shoppers will functions properly and correctly by
conducting some testing. The purpose of this testing is to help the developers
determine and evaluate if the system work appropriately as it expected.
The different criteria in evaluating the overall output of the system are as
follows: Accuracy, Consistency, Completeness, Design, Functionality, Software
Performance, Usability and Maintainability. The developers have tested the different
module to check if the system meets all the requirements needed or not.
To be able to perform the different test, the developers presented the system to
the possible users that suggest and give feedback through survey. These users are the
employees of Xhang’s Shoppers. The suggestions of the users will help to improve
the function of the system and meet all the requirements needed.
4.2 Experimental
Different test were conducted by the developers to trace for some errors and to
check if the system performance meet the requirements and produces the right output.
This test will help the developers to understand the different functionalities of the
modules. The developers conducted the following testing below.
4.2.1 Unit Testing
Unit testing is a software development process in which the smallest

testable parts of an application, called units, are individually and
independently scrutinized for proper operation. Unit testing is often
automated but it can also be done manually. This testing mode is a
component of Extreme Programming (XP), a pragmatic method of software
development that takes a meticulous approach to building a product by
means of continual testing and revision. [MARG2014]

lOMoARcPSD|3739948
The developers conducted a unit testing. It is the first phase of

testing a system. Unit testing increases confidence in changing/
maintaining code. In this testing debugging is easy. When a test fails, only
the latest changes need to be debugged. With testing at higher levels,
changes made over the span of several days/ weeks/ months need to be
scanned.
4.2.2 System Testing
System integration testing (SIT) is a high-level software testing

process in which testers verify that all related systems maintain data
integrity and can operate in coordination with other systems in the same
environment. The testing process ensures that all subcomponents are
integrated successfully to provide expected results. [CORY2014]
The developers conducted a system testing. The main goal of this

testing is to test the dependencies that exist in the system. After the system
testing is performed the integration testing takes place.
4.2.3 Integration Testing
Integration testing is a software testing methodology used to test

individual software components or units of code to verify interaction
between various software components and detect interface defects.
Components are tested as a single group or organized in an iterative
manner. After the integration testing has been performed on the
components, they are readily available for system testing. [CORY2014]
The developers conducted an integration testing. It is the second

phase after the unit testing. In this test the individual units are combined
and tested as a group to observe if the system performs its function
properly.
4.2.4 Alpha Testing

lOMoARcPSD|3739948
An alpha test is a preliminary software field test carried out by a

team of users in order to find bugs that were not found previously through
other tests. The main purpose of alpha testing is to refine the software
product by finding and fixing the bugs that were not discovered through
previous tests. [CORY2014]
The developers conduct an alpha testing to ensure that the clients

requirement are properly met by the developers in terms of performance,
functionality and durability of the system.
4.2.5 Beta Testing
Beta testing is a test for a computer product prior to commercial

release. Beta testing is the last stage of testing, and normally can involve
sending the product to the outside of the company for real-world exposure
or offering the product for a free trial download over the Internet.
[VANG2014]
The developers conduct a beta testing this is the final testing phase
where the system is test by the end-user. Developers also conduct survey
to gather information including suggestions, comments and feedbacks of
the users.
The table below contains list of criteria that based on survey forms
that were given to the end-user or the employees of Xhang’s Shoppers
regarding the presented system.

lOMoARcPSD|3739948
Criteria Excellent Good Average Poor

Accuracy
Completeness
Consistency
Design
Functionality
Software
Performance
Usability
Maintainability
Table 4.2.1 Survey Form
4.3 Results and Analysis
After several testing and survey conducted the developers found

out that there are still modules that need to be improved. Improving the
system makes it user friendly to the customer and builds up the system
reliability.
Criteria Excellent Good Average Poor

Accuracy 30% 50% 20%
Completeness 20% 60% 20%
Consistency 10% 55% 35%
Design 50% 35% 15%

Functionality 30% 50% 20%
Software 30% 30% 40%
Performance
Usability 50% 25% 25%
Maintainability 40% 60%
Table 4.3.1 Survey Result

lOMoARcPSD|3739948
The table above states the percentage of 20 respondents who tested

and answered the survey presented by the developers.
Accuracy
30% of the respondent said it is “Excellent”
50% of the respondents said it is “Good”
20% of the respondents said it is “Average”
Completeness
20% of the respondents said it is “Excellent”
Consistency

Design
Functionality
Software Performance
Usability
5% of the respondents said it is “Good”

lOMoARcPSD|3739948
5% of the respondents said it is “Average”

Maintainability
4.4 Summary
In this chapter the different testing in every module of the system is conducted
to ensure that the developed system met all the expectations of the host company. The
system is tested by the users or employees of the company after the testing, users
provide suggestions, comments and feedback that used to improve the developed
system. The result of the testing provide the developers an idea on what modules are
need to be improved to met the satisfaction of the host company and customers.

lOMoARcPSD|3739948
Chapter 5 CONCLUSION
The developers gathered information about Xhang’s Shoppers current system.

The developers found out that the company is currently using a manual system in all of
its business transaction. With the limitations of the manual, Xhang’s Shoppers
encountered problems in terms of slow transaction because of the manual method,
miscommunication with the customer in regards to phone call inquiry, lack of
advertisement, inability to monitor inventories and lost track of records. The present
ordering process takes a lot of time and effort for the customer. This process is
inconvenient for some customers that are located far from the Xhang’s Shoppers.
In order to solve this problem the developers design, develop and implement an
Online Ordering with Billing System. This system will give information about the
fashion products of Xhang’s Shoppers and allow ordering and payments. The developers
also gathered additional information and features on related literature that can help the
developers to design the proposed system.
On the following chapter, the developers listed all the possible theories being used
in building the system. Database normalization, data integrity, data security and other
theories that are considered to avoid data redundancies are also used in developing the
system.
Different test that the developers conducted is a great help especially in
determining the modules that needs to be improved. The developers also conducted a
survey to the 20 respondents including the employees and customers of Xhang’s
Shoppers. The respondents provide feedbacks, comments and justification that
developers used to improve the system to meet the satisfaction of the customer and other
possible users of the system.
The output of this project will be put on the library of the STI College San
Fernando. This will be a great basis or reference to the future researcher who will be
developing an on-line system. This online system was developed and recommended by
the developers not only for Xhang’s Shoppers but to all the companies who operate the
same manner as Xhang’s Shoppers. The recommendation of this system was based on the
data gathered, surveys and testing conducted.
An Online Ordering with Billing System for Xhang’s Shoppers 5– 1

lOMoARcPSD|3739948
BIBLIOGRAPHY
Books:
[ENGS1993] Adam C. Engst (1993). Internet Starter Kit for Macintosh

Third Edition. United States of America: Hayden books, a
division of Macmillan Computer Publishing.
[PARS2004] June Jamrich Parsons (2004) Computer Concepts. United

States of America:Course Technology a division of
Thomson Learning, Inc.
World Wide Web:
[ROUS2000] Margaret Rouse (2000). ‘Tech Target’.

http://searchnetworking.techtarget.com/definition/hardware
[LAUR2004] Brenda Laurel (2004). ‘Designing for Interaction’

http://www.designingforinteraction.com/dubberly.html
[MORSE2016] Andrew Morse (2016). ‘Totally Rad’

https://airbrake.io/blog/sdlc/rapid-application-development
[BASU2011] Chirantan Basu (2011). ‘Project Rationale’

http://smallbusiness.chron.com/examples-project-rationale-
31234.html
[MORR2012] Jason Morrow (2012) ‘Ai Online Shop Review’

http://philippineshopreviews.blogspot.com/2012/07/ai-
online-shop-review.html
[GANT2011] Henry Gantt (2011). ‘What is a Gantt Chart?’

http://www.gantt.com/
[OROS2015] Karen Orosco (2015). ‘OLX’

https://www.slideshare.net/kharenorosco/olxppt
[ROTH2016] Terence Roth (2016). ‘Lazada Group’

https://en.wikipedia.org/wiki/Lazada_Group
[VARI2009] Fuquay Varina (2009). ‘Online Store’

http://www.emarketingdictionary.com/Internet_Marketing_
dictionary_Online_Store_definition.html

lOMoARcPSD|3739948
[SNOW2013] Jon Snow (2013). ‘Introduction to Computer Information

Systems/Computers in Your Life’
https://en.wikibooks.org/wiki/Introduction_to_Computer_I
nformation_Systems/Computers_in_Your_Life
[LABA2017] Robert Labaree (2017). ‘Organizing Your Social Sciences
Research Paper: Theoretical Framework’
http://libguides.usc.edu/writingguide/theoreticalframework
[CHRI2017] Per Christensson (2017). ‘Internet’
https://techterms.com/definition/internet
[MARG2014] Margaret Rouse (2014). ‘Prototyping Model and Unit
Testing’.http://searchio.techtarget.com/definition/Prototypi
ng-Model
http://searchsoftwarequality.techtarget.com/definition/unit-
testing

lOMoARcPSD|3739948
ACKNOWLEDGEMENT
First of all the developers would like to thank our Almighty God for giving as all
the wisdom and strength in accomplishing the thesis project. To our adviser and thesis
coordinator Ms. Fides Celeste C. Arceo who inspired, encourage and helped us all
throughout the thesis. To our thesis adviser Mr. Ian Jasper Santos who provides things we
need and help us accomplish our thesis project. And to all the instructor of STI College
San Fernando Pampanga for the support and enthusiasm they’ve showed to us, especially
to Mr. Reynold DeAla who share his knowledge to us.
Secondly the developers would like to think our family for supporting us, giving
us courage and financial help throughout this thesis project, and also to our fellow
classmates and friends who encourage us to strive more to come up a good project.
And lastly, the developers would like to think Xhang’s Shoppers in San Fernando
Pampanga for letting us use their branch as our host company to fulfill this project. The
developers would like to give their deepest gratitude to Ms. Jean Paula Estrella who give
us time, patient and shared her knowledge regarding to their business transaction.

lOMoARcPSD|3739948
Appendix A
(Certification)

lOMoARcPSD|3739948

lOMoARcPSD|3739948
Appendix B
(Transcript of
Interview)

lOMoARcPSD|3739948

lOMoARcPSD|3739948
Appendix C
(Survey Forms)

lOMoARcPSD|3739948

lOMoARcPSD|3739948

lOMoARcPSD|3739948

lOMoARcPSD|3739948

lOMoARcPSD|3739948

lOMoARcPSD|3739948

lOMoARcPSD|3739948

lOMoARcPSD|3739948

lOMoARcPSD|3739948

lOMoARcPSD|3739948

lOMoARcPSD|3739948
Appendix D
(Resource Person)

lOMoARcPSD|3739948
Resource Person
Mrs. Jean Paula Estrella

Owner
Xhang’s Shoppers
09364684149
Mr. Reynold De Ala

IT – Instructor
STI College San Fernando
Mr. Ian Jasper Santos

IT – Instructor
STI College San Fernando

lOMoARcPSD|3739948
Appendix E
(Personal Technical
Vitae)

lOMoARcPSD|3739948
Personal Technical Vitae
Cortez, Marvic C.
marviccortez0221@gmail.com
09758426814
Brgy. Sta Catalina, San Luis Pampanga
Dimaun, MM U.
mm.dimaun.bsit4b2017@gmail.com
09066552839
Brgy. San Lorenzo, Mexico Pampanga
Gutirrez, Kier Clinton D.

kier.gutirrez.bsit4b2017@gmail.com
09058571119
Brgy. Sto Rosario, Mexico Pampanga
Malig, Ian Karl Sydney L.

aileron24@gmail.com
09067820824
Brgy. Cacutud, San Fernando Pampanga

lOMoARcPSD|3739948
Appendix F
(Screen Shots)

lOMoARcPSD|3739948
Backend Log-in
This module will log-in you to access the system

lOMoARcPSD|3739948
Dashboard
This module will show you the statistics of the company

lOMoARcPSD|3739948
Stock Adjustment
This module will let you update the stocks

lOMoARcPSD|3739948
File Maintenance
This module will let you access of the database

lOMoARcPSD|3739948
List of orders
This module will let you show the list of orders of the customers

lOMoARcPSD|3739948
Audit Trail
This module will let you show all of the transactions of the user of the system

lOMoARcPSD|3739948
Utilities - Level of Access

This module will let you edit the level of access of the employees

lOMoARcPSD|3739948
Archive
This module will let you to backup and restore the files in your system

lOMoARcPSD|3739948
Transaction – Cart
This module will let you start the transaction

lOMoARcPSD|3739948
Transaction – List of Products

This module will show you the list of the Products

lOMoARcPSD|3739948
Transaction – Cart (With Product)

This module will show your selected products

lOMoARcPSD|3739948
Transaction – Checkout
This module will proceed you to the checkout

lOMoARcPSD|3739948
Front End – Home Page

This module is the home page of the front end of the system

lOMoARcPSD|3739948
Front End – Top sellers

This module will show you the top selling products

lOMoARcPSD|3739948
Front End – List of Products

This module will show you the range of products

lOMoARcPSD|3739948
Gallery
This module will show you the gallery of the products

lOMoARcPSD|3739948
Frequently Asked Questions

This module will show you the Frequently asked questions of the customers

lOMoARcPSD|3739948
About us
This module will show you about the company

lOMoARcPSD|3739948
Vicinity Map
This module is the map where the company is located

lOMoARcPSD|3739948
Terms And Conditions

This module will show you the terms and conditions of the company

lOMoARcPSD|3739948
User’s Profile
This module is the user’s profile where your information can be found

lOMoARcPSD|3739948
Order History
This module will show the transaction history of the customer

lOMoARcPSD|3739948
Appendix G
(User’ Manual)

lOMoARcPSD|3739948
2
3
1. Enter your username here

2. Click to see next page

lOMoARcPSD|3739948
3 2
1. Type your password

2. Click to login
3. Click to see previous page

lOMoARcPSD|3739948
1. Type to search
2. Click to update quantity of the product
3. Enter physical quant

lOMoARcPSD|3739948
2 3
1. Click to Add new category

2. Click to Edit category
3. Click to Delete category
4. Type to search

lOMoARcPSD|3739948
1. Type to search
2. Click to order product

lOMoARcPSD|3739948
1. Click to receive the ordered product

lOMoARcPSD|3739948
1. Click when the product is ready to ship

2. Click to inform the system that the product was received by the customer

lOMoARcPSD|3739948
1. Click here to start shopping

lOMoARcPSD|3739948
3
2
1. This is where you search the items

2. This is where you filter the category
3. This button will search your desired item
4. This button will add your item to your cart
5. This button will direct you to your cart

lOMoARcPSD|3739948
1
2
1. Click to continue shopping

2. Click to remove selected items
3. Click to proceed to checkout

lOMoARcPSD|3739948
1 1
3
6
4
7
5
9
10 11
1. Input customer’s name 7. Input the cash tendered

2. Input customer’s address 8. Click to input discount
3. Input shipping address 9. Click to tender
4. Input shipping date 10. Click to clear transaction
5. Click if the transaction will be shipped 11. Click to cancel transaction
6. Mode of payment

lOMoARcPSD|3739948
2 3
1. Select Cashier
2. Select Date From
3. Select Date to
4. Print Reports

lOMoARcPSD|3739948
1. Click to backup all the data

2. Click to restore data

lOMoARcPSD|3739948
1. Click to add new user

2. Click to delete user

lOMoARcPSD|3739948
2 2
1 1
1. Select date from

2. Select date to

lOMoARcPSD|3739948
1. Click to edit the level of access

lOMoARcPSD|3739948
2
1
1. Click to change the user’s password

2. Click to log-out

lOMoARcPSD|3739948
4
2
5 6
8 1
7 3
9
10
1. Click this to user log-in 9. Go to the Terms and Conditions

2. Type to search a product 10. Click this to shop
3. Go to cart or checkout
4. Go to home page
5. Go to product lists
6. Go to gallery section
7. Go to Frequently asked questions section
8. Go to terms and conditions

lOMoARcPSD|3739948
5
1 4
2
7
3
6 9
8 11
10
12
13
14
1. Input email 9. Input Birthday

2. Input password 10. Input Password
3. Click this to log-in 11. Confirm Password
4. Input First Name 12. Click to pass captcha
5. Input Last Name 13. Click to agree to the terms and conditions
6. Input Email Address 14. Click to Register
7. Input Phone Number
8. Input Address

lOMoARcPSD|3739948
1. Click to view product

lOMoARcPSD|3739948
3
4
1. Choose Category
2. Choose Price range
3. Click to apply filter
4. Click to add product to cart

lOMoARcPSD|3739948
1. Click to view the product

lOMoARcPSD|3739948
1. Click to show the answer

lOMoARcPSD|3739948
2 3
4 5
6
1
7 8
1. Click to go to order history 9. Confirm Password

2. Edit First Name
3. Edit Last Name
4. Edit Email Address
5. Edit Phone number
6. Edit Address
7. Edit Password
8. Confirm Password

lOMoARcPSD|3739948
1. Click to see order details

2. Click to return to profile

lOMoARcPSD|3739948
Appendix H
(Program Listing)

lOMoARcPSD|3739948
Customer’s }
if (isset($_POST['g-recaptcha-response'])
Login/Registration && $_POST['g-recaptcha-response']) {
<?php $secret =
include'db-controller.php'; "6Lc8Si4UAAAAAJuS72fyluZT1-
86j4dg4fwJaVsG";
include("PHPMailer/PHPMailer.php");
$ip = $_SERVER['REMOTE_ADDR'];
$active = 'login';
$captcha = $_POST['g-recaptcha-
response'];
if (isset($_POST['btnLogin'])) { $rsp =
file_get_contents("https://www.google.com/
$user = $_POST['txtEmail'];
recaptcha/api/siteverify?secret=$secret&resp
$pass = $_POST['txtPassword']; onse=$captcha&remoteip$ip");
$arr = json_decode($rsp, true);
$queryLog = mysqli_query($dbCon, if ($arr['success']) {
"SELECT * FROM customer_tbl WHERE
cust_email = '$user' AND cust_password = if (isset($_POST['btnReg'])) {
'$pass' AND cust_active = 1"); $txtFname = $_POST['txtFname'];
$sessionLog = $txtLname = $_POST['txtLname'];
mysqli_fetch_assoc($queryLog);
$txtEmailReg =
$fetchLog = $_POST['txtEmailReg'];
mysqli_num_rows($queryLog);
$txtPass = $_POST['txtPass'];
if ($fetchLog == 1) {
$txtConPass = $_POST['txtConPass'];
$_SESSION['login'] =
$sessionLog['cust_id']; $txtContact = $_POST['txtContact'];
$_SESSION['name'] = $txtAddress = $_POST['txtAddress'];

$sessionLog['cust_fname']." $txtBirthdate = $_POST['txtBirthdate'];
".$sessionLog['cust_lname'];
header('location:index.php');
$queryCheck = mysqli_query($dbCon,
} "SELECT * FROM customer_tbl WHERE
else{ cust_email = '$txtEmailReg'");
$checkLogin = 1; $sessionCheck =
mysqli_num_rows($queryCheck);
}
if ($sessionCheck == 1) {

lOMoARcPSD|3739948
$error = 1; 
mysqli_query($dbCon, "INSERT
INTO customer_tbl() VALUES(null, <head>
'$txtFname', '$txtLname', '$txtEmailReg',
<meta charset="utf-8">
'$txtPass', '$txtAddress', '$txtBirthdate',
'$txtContact', NOW(), NOW(), '', 0)"); <title>Login / Register Account
$addAddress = $txtEmailReg; </title>
$cust_id = mysqlI_insert_id($dbCon); 
$subject = "Xhang's Shoppers - <meta name="description"
Account Activation"; content="Unishop - Universal E-Commerce
Template">
$body = "Please click <a
href='localhost/thesis/front/activate_account. <meta name="keywords" content="shop,
php?cust_id=$cust_id'>here</a> to activate e-commerce, modern, flat style, responsive,
your account."; online store, business, mobile, blog,
bootstrap 4, html5, css3, jquery, js, gallery,
slider, touch, creative, clean">
fnEmail($addAddress, $subject,
<meta name="author"
$body);
content="Rokaux">
$success = 1;

}
<meta name="viewport"
} content="width=device-width, initial-
scale=1.0, maximum-scale=1.0, user-
} scalable=no">
else{ 
echo "SPam"; <link rel="icon" type="image/x-icon"
} href="favicon.ico">
} <link rel="icon" type="image/png"

href="favicon.png">
?>
<link rel="apple-touch-icon" href="touch-
<!DOCTYPE html> icon-iphone.png">
<html lang="en"> <link rel="apple-touch-icon"
sizes="152x152" href="touch-icon-
ipad.png">

lOMoARcPSD|3739948
<link rel="apple-touch-icon" html?id='+i+dl;f.parentNode.insertBefore(j,f

sizes="180x180" href="touch-icon-iphone- );
retina.png">
<link rel="apple-touch-icon" })(window,document,'script','dataLayer','GT
sizes="167x167" href="touch-icon-ipad- M-T4DJFPZ');
retina.png">


<link rel="stylesheet" media="screen"
href="css/vendor.min.css"> <script
src="js/modernizr.min.js"></script>

<script
<link id="mainStyles" rel="stylesheet"
src='https://www.google.com/recaptcha/api.j
media="screen" href="css/styles.min.css">
s'></script>
<link rel="stylesheet" type="text/css"
</head>
href="font-awesome/css/font-
awesome.css"> 
<link rel="stylesheet" type="text/css" <body>
awesome.min.css"> 
 <noscript>
<link rel="stylesheet" media="screen" <iframe

href="customizer/customizer.min.css"> src="http://www.googletagmanager.com/ns.
html?id=GTM-T4DJFPZ" height="0"
 width="0" style="display: none; visibility:
hidden;"></iframe>
<script>
</noscript>
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({ 
'gtm.start':
new
Date().getTime(),event:'gtm.js'});var 
f=d.getElementsByTagName(s)[0], <div class="offcanvas-container"
id="shop-categories">
j=d.createElement(s),dl=l!='dataLayer'?'&l=' <div class="offcanvas-header">
+l:'';j.async=true;j.src=
<h3 class="offcanvas-title">Shop
Categories</h3>
'../../www.googletagmanager.com/gtm5445.

lOMoARcPSD|3739948
</div> <ul class="offcanvas-submenu">

<nav class="offcanvas-menu"> <li><a href="#">Shirts &
Tops</a></li>
<ul class="menu">
<li><a href="#">Pants</a></li>
<li class="has-children"><span><a
href="#">Men's Shoes</a><span <li><a href="#">Jackets</a></li>
class="sub-menu-toggle"></span></span>
<li><a href="#">View
<ul class="offcanvas-submenu"> All</a></li>
<li><a href="#">Sneakers</a></li> </ul>
<li><a href="#">Loafers</a></li> </li>
<li><a href="#">Boat <li class="has-children"><span><a
Shoes</a></li> href="#">Women's Clothing</a><span
<li><a href="#">Sandals</a></li>
<ul class="offcanvas-submenu">
All</a></li> <li><a href="#">Dresses</a></li>
</ul> <li><a href="#">Shirts &
Tops</a></li>
</li>
<li><a href="#">Shorts</a></li>
href="#">Women's Shoes</a><span <li><a
class="sub-menu-toggle"></span></span> href="#">Swimwear</a></li>
<ul class="offcanvas-submenu"> <li><a href="#">View
All</a></li>
</ul>
<li><a href="#">Flats</a></li>
</li>
<li><a href="#">Sneakers</a></li>
<li><a href="#">Heels</a></li>
href="#">Kid's Shoes</a><span class="sub-
<li><a href="#">View menu-toggle"></span></span>
All</a></li>
</ul>
<li><a href="#">Boots</a></li>
</li>
<li><a href="#">Crib
href="#">Men's Clothing</a><span
Shoes</a></li>
<li><a href="#">Loafers</a></li>

lOMoARcPSD|3739948
<li><a href="#">View </ul>

All</a></li>
</nav>
</ul>
</div>
</li>

href="#">Bags</a><span class="sub-menu-
toggle"></span></span> <?php include'html/mobile-menu.php';?>
<li><a 
href="#">Handbags</a></li>
<li><a
href="#">Backpacks</a></li> 
<li><a href="#">Luggage</a></li>
<li><a href="#">Wallets</a></li> 
All</a></li>
<header class="navbar navbar-sticky">
</ul>

</li>
href="#">Accessories</a><span class="sub- <?php include'html/head-nav.php';?>
menu-toggle"></span></span>
<ul class="offcanvas-submenu"> 
<li><a
href="#">Sunglasses</a></li>
<?php include'html/toolbar.php';?>
<li><a href="#">Hats</a></li>
<li><a href="#">Watches</a></li>
</header>
<li><a href="#">Jewelry</a></li>

<li><a href="#">Belts</a></li>
<div class="offcanvas-wrapper">
All</a></li> 
</ul> <div class="page-title">
</li> <div class="container">

lOMoARcPSD|3739948
<div class="column"> <div class="col-md-12"

align="center">
<h1>Login / Register Account</h1>
<label style="color: red; font-
</div>
weight: bold; font-size:
<div class="column"> 10px;">Email/Password is incorrect</label>
<ul class="breadcrumbs"> </div>
<li><a href="index- <div class="form-group input-

2.html">Home</a> group">
</li> <input class="form-control"

type="email" id="txtEmail" style="border-
<li class="separator"> </li> color: red;" name="txtEmail" value="<?php
<li><a href="account- print $_POST['txtEmail'];?>"
orders.html">Account</a> placeholder="Email" required><span
class="input-group-addon"><i class="icon-
</li> mail"></i></span>
<li class="separator"> </li> </div>
<li>Login / Register</li> <div class="form-group input-
</ul> group">
</div> <input class="form-control"

type="password" id="txtPassword"
</div> style="border-color: red;"
</div> name="txtPassword"
placeholder="Password" required><span
 class="input-group-addon"><i class="icon-
<div class="container padding-bottom- lock"></i></span>
3x mb-2"> </div>
<div class="row"> <div class="d-flex flex-wrap
<div class="col-md-6"> justify-content-between padding-bottom-
1x">
<form class="login-box"
method="post"> <a class="navi-link"
href="#">Forgot password?</a>
<h4 class="margin-bottom-
1x">Login</h4> <button class="btn btn-
primary margin-bottom-none"
<?php name="btnLogin" id="btnLogin"
type="submit">Login</button>
if (isset($checkLogin)) {
</div>
?>

lOMoARcPSD|3739948
<?php </div>
}else{ <div class="col-md-6">
?> <div class="padding-top-3x hidden-
md-up"></div>
<div class="form-group input-
group"> <h3 class="margin-bottom-1x">No
Account? Register</h3>
<input class="form-control"
type="email" id="txtEmail" <p>Registration takes less than a
name="txtEmail" placeholder="Email" minute but gives you full control over your
required><span class="input-group- orders.</p>
addon"><i class="icon-mail"></i></span>
<p>All fields are required.</p>
</div>
<form class="row" method="post">
<div class="form-group input-
<div class="col-sm-6">
group">
<div class="form-group">
type="password" id="txtPassword" <label for="reg-fn"><span
name="txtPassword" style="color: red;">*</span> First
placeholder="Password" required><span Name</label>
class="input-group-addon"><i class="icon-
lock"></i></span> <input class="form-control"
type="text" maxlength="255"
</div> id="txtFname" name="txtFname" required>
<div class="d-flex flex-wrap </div>
justify-content-between padding-bottom-
1x"> </div>
<a class="navi-link" <div class="col-sm-6">

href="#">Forgot password?</a> <div class="form-group">
<button class="btn btn- <label for="reg-ln"><span
primary margin-bottom-none" style="color: red;">*</span> Last
name="btnLogin" id="btnLogin" Name</label>
type="submit">Login</button>
</div> type="text" maxlength="255"
<?php id="txtLname" name="txtLname" required>
} </div>
?> </div>
</form> <div class="col-sm-6">

lOMoARcPSD|3739948
<div class="form-group"> <label for="reg-phone"><span

style="color: red;">*</span>
<label for="reg-email"><span
Birthdate</label>
style="color: red;">*</span> E-mail
Address</label> <input class="form-control"
type="date" id="txtBirthdate"
name="txtBirthdate" required>
type="email" maxlength="255"
id="txtEmailReg" name="txtEmailReg" </div>
required>
</div>
</div>
</div>
<label for="reg-pass"><span
<div class="form-group"> style="color: red;">*</span>
Password</label>
<label for="reg-phone"><span
style="color: red;">*</span> Phone <input class="form-control"
Number</label> type="password" maxlength="255"
id="txtPass" name="txtPass" required>
type="text" maxlength="255" </div>
id="txtContact" name="txtContact"
</div>
required>
</div>
</div>
<label for="reg-pass-
confirm"><span style="color:
<div class="form-group"> red;">*</span> Confirm Password</label>
<label for="reg-phone"><span <input class="form-control"
style="color: red;">*</span> type="password" id="txtConPass"
Address</label> maxlength="255" name="txtConPass"
required>
type="text" id="txtAddress" </div>
name="txtAddress" required>
</div>
</div>
<div class="col-sm-12 form-
</div> group">
<div class="col-sm-6"> <div class="g-recaptcha" data-
sitekey="6Lc8Si4UAAAAAC_i5xOmwhnI
8zU2xgepBlyIRxDY"></div>

lOMoARcPSD|3739948
</div> <a

class="scroll-to-top-btn" href="#"><i
<div class="col-sm-12 form-
class="icon-arrow-up"></i></a>
group">

<label class="custom-control
custom-checkbox d-block"> <div class="site-backdrop"></div>
<input class="custom-control- 
type="checkbox"><span class="custom-
<script src="js/vendor.min.js"></script>
control-indicator"></span><span
class="custom-control-description">I agree <script src="js/scripts.min.js"></script>
to the Xhang's Shoppers <a
href="terms.php">Terms of 
Service</a></span> <script
</label> src="customizer/customizer.min.js"></script
>
</div>
<?php
<div class="col-12 text-center text-
sm-right"> if (isset($success)) {
<button class="btn btn-primary ?>

margin-bottom-none" id="btnReg" <script type="text/javascript">
name="btnReg"
type="submit">Register</button> $(function(){
</div> $('#modal_form').modal('show');
</form> })
</div> </script>
</div> <?php
</div> }
 ?>

<?php
<?php include'html/footer.php';?> if (isset($error)) {

?>
</div> <script type="text/javascript">

$(function(){
$('#modalerror').modal('show');

lOMoARcPSD|3739948
}) <h5>Someone already has that

email.</h5>
</script>
</div>
<?php
</div>
}
</div>
?>
</div>
<script type="text/javascript">
<div class="modal fade" id="modal_form"
$(function(){
tabindex="-1" role="dialog" aria-
$('#btnReg').prop('disabled', true); labelledby="myModalLabel" aria-
hidden="true">
$(document).on('click', '#checkTerms',
function(){ <div class="modal-dialog">
if <div class="modal-content">
(document.getElementById('checkTerms').c
<div class="modal-header">
hecked) {
<h4 class="modal-title"
$('#btnReg').prop('disabled', false);
id="myModalLabel"><i class="fa fa-
} check"></i>Success</h4>
else{ </div>
$('#btnReg').prop('disabled', true); <div class="modal-body"

align="center">
}
<h5>Check your email to verify
}) your account.</h5>
}) </div>
</script> <div class="modal-footer">
</body> <button type="button" class="btn
<div class="modal fade" id="modalerror" btn-default" data-
tabindex="-1" role="dialog" aria- dismiss="modal">Close</button>
labelledby="myModalLabel" aria- </div>
hidden="true">
</div>
<div class="modal-dialog">
</div>
<div class="modal-content">
</div>
<div class="modal-body"
align="center">

lOMoARcPSD|3739948

</html>

lOMoARcPSD|3739948
BETWEEN $filterMin AND $filterMax

Selecting Product ORDER BY prod_price ASC");
<?php }elseif (isset($_GET['prodSearch'])) {
include'db-controller.php'; $name = $_GET['prodSearch'];
$active = 'product'; $sqlCategory = mysqli_query($dbCon,
"SELECT * FROM product_tbl WHERE
prod_name = '$name'");
if (isset($_GET['id'])) {
}
$id = $_GET['id'];
else{
}
$sqlCategory = mysqli_query($dbCon,
if (isset($_GET['id']) && prod_delete = 0 ORDER BY prod_price
isset($_POST['btnFilter'])) { ASC");
$filterMin = $_POST['filterMin']; }
$filterMax = $_POST['filterMax']; ?>
$sqlCategory = mysqli_query($dbCon, <!DOCTYPE html>

"SELECT * FROM product_tbl WHERE <html lang="en">
prod_delete = 0 AND prod_cat_id = $id
AND prod_price BETWEEN $filterMin
AND $filterMax ORDER BY prod_price 
$sqlCategory = mysqli_query($dbCon, <head>
prod_delete = 0 AND prod_cat_id = $id <meta charset="utf-8">
ORDER BY prod_price ASC"); <title>Xhang's Shoppers
} </title>
elseif (isset($_POST['btnFilter'])) { 
$filterMin = $_POST['filterMin']; <meta name="description"
$filterMax = $_POST['filterMax']; content="Unishop - Universal E-Commerce
Template">
$sqlCategory = mysqli_query($dbCon,
"SELECT * FROM product_tbl WHERE <meta name="keywords" content="shop,
prod_delete = 0 AND prod_price e-commerce, modern, flat style, responsive,

lOMoARcPSD|3739948
online store, business, mobile, blog, <link rel="stylesheet" type="text/css"

bootstrap 4, html5, css3, jquery, js, gallery, href="font-awesome/css/font-
slider, touch, creative, clean"> awesome.css">
<meta name="author" <link rel="stylesheet" type="text/css"
content="Rokaux"> href="font-awesome/css/font-
awesome.min.css">

content="width=device-width, initial- <link rel="stylesheet" media="screen"
scale=1.0, maximum-scale=1.0, user- href="customizer/customizer.min.css">
scalable=no">


<script>
<link rel="icon" type="image/x-icon"
href="favicon.ico">
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({
<link rel="icon" type="image/png" 'gtm.start':
href="favicon.png">
new
<link rel="apple-touch-icon" href="touch- Date().getTime(),event:'gtm.js'});var
icon-iphone.png"> f=d.getElementsByTagName(s)[0],
<link rel="apple-touch-icon"
sizes="152x152" href="touch-icon- j=d.createElement(s),dl=l!='dataLayer'?'&l='
ipad.png"> +l:'';j.async=true;j.src=
sizes="180x180" href="touch-icon-iphone- '../../www.googletagmanager.com/gtm5445.
retina.png"> html?id='+i+dl;f.parentNode.insertBefore(j,f
);
sizes="167x167" href="touch-icon-ipad-
retina.png"> })(window,document,'script','dataLayer','GT
M-T4DJFPZ');
<link rel="stylesheet" media="screen" </script>
href="css/vendor.min.css">

<script
<link id="mainStyles" rel="stylesheet" src="js/modernizr.min.js"></script>
</head>


lOMoARcPSD|3739948
<body> </ul>
 </li>
<noscript> <li class="has-children"><span><a
href="#">Women's Shoes</a><span
<iframe
src="http://www.googletagmanager.com/ns.
html?id=GTM-T4DJFPZ" height="0" <ul class="offcanvas-submenu">
width="0" style="display: none; visibility:
hidden;"></iframe>
</noscript>

All</a></li>

</ul>
<div class="offcanvas-container"
</li>
<div class="offcanvas-header">
<h3 class="offcanvas-title">Shop class="sub-menu-toggle"></span></span>
Categories</h3>
</div>
<li><a href="#">Shirts &
<nav class="offcanvas-menu"> Tops</a></li>
<ul class="menu"> <li><a href="#">Pants</a></li>
<li class="has-children"><span><a <li><a href="#">Jackets</a></li>
href="#">Men's Shoes</a><span
All</a></li>
</ul>
</li>
<li><a href="#">Boat href="#">Women's Clothing</a><span
Shoes</a></li> class="sub-menu-toggle"></span></span>
<li><a href="#">Sandals</a></li> <ul class="offcanvas-submenu">
<li><a href="#">View <li><a href="#">Dresses</a></li>
All</a></li>

lOMoARcPSD|3739948
<li><a href="#">Shirts & <li><a href="#">View

Tops</a></li> All</a></li>
<li><a href="#">Shorts</a></li> </ul>
<li><a </li>
href="#">Swimwear</a></li>
<li><a href="#">View href="#">Accessories</a><span class="sub-
All</a></li> menu-toggle"></span></span>
</ul> <ul class="offcanvas-submenu">
</li> <li><a
href="#">Kid's Shoes</a><span class="sub- <li><a href="#">Hats</a></li>
<li><a href="#">Crib All</a></li>
Shoes</a></li>
</ul>
</li>
</ul>
All</a></li>
</nav>
</ul>
</div>
</li>
toggle"></span></span>
<?php include'html/mobile-menu.php';?>
<li><a
href="#">Handbags</a></li> 
<li><a 
<li><a href="#">Wallets</a></li>

lOMoARcPSD|3739948
<div class="shop-sorting">
<?php include'html/head-nav.php';?> <?php
if (isset($_POST['btnFilter'])) {
 $filterMin1 =
$_POST['filterMin'];
$filterMax1 =
<?php include'html/toolbar.php';?>
$_POST['filterMax'];
$queryFilter1 =
</header> mysqli_query($dbCon, "SELECT
COUNT(*) FROM product_tbl WHERE
 prod_delete = 0 AND prod_price
<div class="offcanvas-wrapper"> BETWEEN $filterMin1 AND $filterMax1
ORDER BY prod_price ASC");

$fetchFilter1 =
<div class="page-title"> mysqli_fetch_array($queryFilter1);
<div class="container"> if ($fetchFilter1[0] == 0) {
<div class="column"> echo "<span class='text-
<h1>Products</h1> muted'>No items within the price
range.</span>";
</div>
}
</div>
elseif ($fetchFilter1[0] == 1) {
</div>
echo "<span class='text-
 muted'>Showing: </span><span>$fet
<div class="container padding-bottom- chFilter1[0] item</span>";
3x mb-1"> }
<div class="row"> else{
 echo "<span class='text-
<div class="col-xl-9 col-lg-8 push-xl- muted'>Showing: </span><span>1 -
3 push-lg-4"> $fetchFilter1[0] items</span>";
 }
<div class="shop-toolbar padding- }

bottom-1x mb-2"> else{
<div class="column">

lOMoARcPSD|3739948
$queryFilter1 = ps_prod_id = $sale_id AND sale_active =

mysqli_query($dbCon, "SELECT 1");
$fetchSale =
prod_delete = 0 ORDER BY prod_price
mysqli_fetch_assoc($querySale);
ASC");
$fetchSaleRow =
$fetchFilter1 =
mysqli_num_rows($querySale);
mysqli_fetch_array($queryFilter1);
$queryRate =
?>
mysqli_query($dbCon, "SELECT
<span class='text- SUM(rev_rating) FROM review_tbl
muted'>Showing: </span><span>1 - WHERE rev_delete = 0 AND rev_prod_id =
<?php print $fetchFilter1[0];?> $sale_id");
items</span>
$queryDivide =
<?php mysqli_query($dbCon, "SELECT * FROM
review_tbl WHERE rev_delete = 0 AND
}
rev_prod_id = $sale_id");
?>
$fetchDivide =
</div> mysqli_num_rows($queryDivide);
</div> $fetchRate =
mysqli_fetch_array($queryRate);
</div>
$numReview =
 mysqli_num_rows($queryDivide);
<div class="isotope-grid cols-3 mb- if ($fetchDivide != 0) {
2">
$rate = $fetchRate[0] /
<div class="gutter-sizer"></div> $fetchDivide;
<div class="grid-sizer"></div> }
 else{
<?php $rate = 0;
while($fetch = }
mysqli_fetch_assoc($sqlCategory))
?>
{
<div class="grid-item">
$sale_id = $fetch['prod_id'];
<div class="product-card">
$querySale =
mysqli_query($dbCon, "SELECT * FROM <div class="product-badge
sale_tbl JOIN products_insale_tbl ON text-danger">
sale_products = ps_sale_uid WHERE

lOMoARcPSD|3739948
<?php if ($fetchSaleRow == <del>₱<?php print

1) { print $fetchSale['sale_discount'].'% $fetch['prod_price'];?></del>
OFF';}?>
₱<?php print
</div> $fetchSale['ps_sale_price'];?>
<div class="rating-stars"> <?php
<?php }else{
for ($i=1; $i <= 5; $i++) { ?>
if ($i <= $rate) { ₱<?php print
$fetch['prod_price'];?>
echo "<i class='icon-star
filled'></i>"; <?php
}else{ }
echo "<i class='icon- ?>
star'></i>";
</h4>
}
<div class="product-
} buttons">
?> <a
href="shop.php?prod_id=<?php print
</div>
$fetch['prod_id'];?>" class="btn btn-outline-
<a class="product-thumb" primary btn-sm" >Add to Cart</a>
</div>
$fetch['prod_id'];?>"><img style="margin-
top: 20px; height: 180px; border-radius: </div>
10%;" src="../image/product/<?php print
</div>
$fetch['prod_image'];?>"
alt="Product"></a> <?php
<h3 class="product-title"><a }
$fetch['prod_id'];?>"><?php print ?>
$fetch['prod_name'];?></a><small><?php </div>
print $fetch['prod_size'];?></small></h3>

<h4 class="product-price">
<?php
if ($fetchSaleRow == 1) {
</div>
?>


lOMoARcPSD|3739948
<div class="col-xl-3 col-lg-4 pull-xl-9 prod_delete = 0 AND prod_cat_id =

pull-lg-8"> '".$fetchCategory['cat_id']."'");
<aside class="sidebar"> $fetchNumCat =
mysqli_fetch_array($queryNumCat);
<div class="padding-top-2x hidden-
lg-up"></div> ?>
 <li><a
href="products.php?id=<?php print
<section class="widget widget-
$fetchCategory['cat_id'];?>"><?php print
categories">
$fetchCategory['cat_name'];?></a><span>(
<h3 class="widget-title">Shop <?php print
Categories</h3> $fetchNumCat[0];?>)</span></li>
<ul> <?php
<?php }
$queryClothing = ?>
</ul>
prod_delete = 0"); </li>
$fetchClothing = </ul>
mysqli_fetch_array($queryClothing);
</section>
?>

<li class="has-children
expanded"><a
categories">
href="#">Clothing</a><span>(<?php print
$fetchClothing[0];?>)</span> <h3 class="widget-title">Price
Range</h3>
<ul>
<form class="price-range-slider"
<?php
method="post" data-start-min="<?php
$queryCategory = if(isset($_POST['btnFilter'])){ print
mysqli_query($dbCon, "SELECT * FROM $_POST['filterMin']; }else{ print
category_tbl WHERE cat_delete = 0"); "100";}?>" data-start-max="<?php
if(isset($_POST['btnFilter'])){ print
while($fetchCategory =
$_POST['filterMax']; }else{ print
mysqli_fetch_assoc($queryCategory))
"500";}?>" data-min="1" data-max="1000"
{ data-step="1">
$queryNumCat = <div class="ui-range-
mysqli_query($dbCon, "SELECT slider"></div>

lOMoARcPSD|3739948
<footer class="ui-range-slider- <h3 class="widget-title">Filter by

footer"> Size</h3>
<div class="column"> <label class="custom-control
custom-checkbox d-block">
<button class="btn btn-
outline-primary btn-sm" id="btnFilter" <input class="custom-control-
name="btnFilter" input" type="checkbox"><span
type="submit">Filter</button> class="custom-control-
indicator"></span><span class="custom-
</div>
control-description">XL <span
<div class="column"> class="text-muted">(208)</span></span>
<div class="ui-range-values"> </label>
<div class="ui-range-value- <label class="custom-control

min">₱<span></span> custom-checkbox d-block">
<input type="hidden" <input class="custom-control-

name="filterMin" id="filterMin"> input" type="checkbox"><span
class="custom-control-
</div> - indicator"></span><span class="custom-
<div class="ui-range-value- control-description">L <span
max">₱<span></span> class="text-muted">(311)</span></span>
<input type="hidden" </label>

name="filterMax" id="filterMax"> <label class="custom-control
</div> custom-checkbox d-block">
</div> <input class="custom-control-

input" type="checkbox"><span
</div> class="custom-control-
</footer> indicator"></span><span class="custom-
control-description">M <span
</form> class="text-muted">(485)</span></span>
</section> </label>
 <label class="custom-control
custom-checkbox d-block">
<input class="custom-control-
input" type="checkbox"><span
 class="custom-control-

ls.html by HTTrack Website Copier/3.x
 [XR&CO'2014], Sat, 19 Aug 2017 04:24:48
GMT -->
</html>
</aside>
</div>
</div>
</div>

<?php include'html/footer.php';?>
</div>
<a

<div class="site-backdrop"></div>

<script src="js/scripts.min.js"></script>

<script
src="customizer/customizer.min.js"></script
>
</body>

lOMoARcPSD|3739948
$fetchDivide =
Adding Product to Cart mysqli_num_rows($queryDivide);
<?php $fetchRate =
include'db-controller.php'; mysqli_fetch_array($queryRate);
$active = 'product'; $numReview =

mysqli_num_rows($queryDivide);
$id = $_GET['prod_id'];
if ($fetchDivide != 0) {
$rate = $fetchRate[0] / $fetchDivide;
$querySale = mysqli_query($dbCon,
"SELECT * FROM sale_tbl JOIN }
products_insale_tbl ON sale_products = else{
ps_sale_uid WHERE ps_prod_id = $id
AND sale_active = 1"); $rate = 0;
$fetchSale = }
$fetchSaleRow =
if (isset($_POST['btnSubRev'])) {
$name = $_POST['txtCustName'];
$rating = $_POST['txtRating'];
$query = mysqli_query($dbCon, "SELECT
* FROM product_tbl JOIN category_tbl ON $subject = $_POST['txtSubject'];
cat_id = prod_cat_id WHERE prod_id =
$review = $_POST['txtReview'];
$id");
if (isset($_SESSION['login'])) {
$fetch = mysqli_fetch_assoc($query);
$custID = $_SESSION['login'];
mysqli_query($dbCon, "INSERT INTO
$queryReview = mysqli_query($dbCon,
review_tbl() VALUES(null, $id, $custID,
"SELECT * FROM review_tbl LEFT JOIN
'$name', '$rating', '$subject', '$review',
customer_tbl ON rev_cust_id = cust_id
NOW(), 0)");
WHERE rev_delete = 0 AND rev_prod_id =
$id ORDER BY rev_id DESC LIMIT 5"); }else{
$queryRate = mysqli_query($dbCon, mysqli_query($dbCon, "INSERT INTO
"SELECT SUM(rev_rating) FROM review_tbl() VALUES(null, $id, 0, '$name',
review_tbl WHERE rev_delete = 0 AND '$rating', '$subject', '$review', NOW(), 0)");
rev_prod_id = $id");
}
$queryDivide = mysqli_query($dbCon,
header("location:shop.php?prod_id=$id");
"SELECT * FROM review_tbl WHERE
rev_delete = 0 AND rev_prod_id = $id"); }

lOMoARcPSD|3739948
mysqli_query($dbCon, "INSERT INTO

cart_tbl() VALUES(null, $custID, $id,
if (isset($_POST['btnAddCart'])) {
$txtquantity, $amount)");
$txtquantity = $_POST['txtquantity'];
}else{
mysqli_query($dbCon, "UPDATE
$amount = $fetchSale['ps_sale_price'] * cart_tbl SET cart_qty = cart_qty +
$txtquantity; $txtquantity, cart_amount = cart_amount +
$amount WHERE cart_prod_id = $id");
}else{
}
$amount = $fetch['prod_price'] *
$txtquantity; $add = 1;
} mysqli_query($dbCon, "UPDATE
product_tbl SET prod_quantity =
if (isset($_SESSION['login'])) { prod_quantity - $txtquantity WHERE
$custID = $_SESSION['login']; prod_id = $id");
}else{ }
$custID = 0; ?>
} <!DOCTYPE html>
<html lang="en">
if (isset($_SESSION['login'])) {
$cust_id = $_SESSION['login']; 
cart_cust_id = $cust_id");
<head>
}else{
<meta charset="utf-8">
$queryCheckProduct =
mysqli_query($dbCon, "SELECT * FROM <title>Single Product
cart_tbl WHERE cart_prod_id = $id AND </title>
cart_cust_id = $custID");

}
<meta name="description"
$fetchCheckProduct = content="Unishop - Universal E-Commerce
mysqli_num_rows($queryCheckProduct); Template">
if ($fetchCheckProduct == 0) {

lOMoARcPSD|3739948
<meta name="keywords" content="shop, <link rel="stylesheet" type="text/css"

e-commerce, modern, flat style, responsive, href="font-awesome/css/font-
online store, business, mobile, blog, awesome.css">
slider, touch, creative, clean">
<meta name="author" awesome.min.css">
content="Rokaux">
<meta name="viewport" href="customizer/customizer.min.css">
content="width=device-width, initial-
scale=1.0, maximum-scale=1.0, user-
scalable=no"> <script>

(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({
<link rel="icon" type="image/x-icon"
'gtm.start':
href="favicon.ico">
new
<link rel="icon" type="image/png"
Date().getTime(),event:'gtm.js'});var
href="favicon.png">
f=d.getElementsByTagName(s)[0],
icon-iphone.png">
j=d.createElement(s),dl=l!='dataLayer'?'&l='
<link rel="apple-touch-icon" +l:'';j.async=true;j.src=
ipad.png">
<link rel="apple-touch-icon" html?id='+i+dl;f.parentNode.insertBefore(j,f
sizes="180x180" href="touch-icon-iphone- );
retina.png">
<link rel="apple-touch-icon" })(window,document,'script','dataLayer','GT
sizes="167x167" href="touch-icon-ipad- M-T4DJFPZ');
retina.png">
</script>

href="css/vendor.min.css"> <script
</head>
media="screen" href="css/styles.min.css"> 

lOMoARcPSD|3739948
<body> </ul>
 </li>
<noscript> <li class="has-children"><span><a
<iframe
src="http://www.googletagmanager.com/ns.
html?id=GTM-T4DJFPZ" height="0" <ul class="offcanvas-submenu">
width="0" style="display: none; visibility:
hidden;"></iframe>
</noscript>

All</a></li>

</ul>
</li>
<h3 class="offcanvas-title">Shop class="sub-menu-toggle"></span></span>
Categories</h3>
</div>
<nav class="offcanvas-menu"> Tops</a></li>
<ul class="menu"> <li><a href="#">Pants</a></li>
<li class="has-children"><span><a <li><a href="#">Jackets</a></li>
href="#">Men's Shoes</a><span
All</a></li>
</ul>
</li>
<li><a href="#">Boat href="#">Women's Clothing</a><span
Shoes</a></li> class="sub-menu-toggle"></span></span>
<li><a href="#">Sandals</a></li> <ul class="offcanvas-submenu">
<li><a href="#">View <li><a href="#">Dresses</a></li>
All</a></li>

lOMoARcPSD|3739948
<li><a href="#">Shirts & <li><a href="#">View

Tops</a></li> All</a></li>
<li><a href="#">Shorts</a></li> </ul>
<li><a </li>
<li><a href="#">View href="#">Accessories</a><span class="sub-
</li> <li><a
href="#">Kid's Shoes</a><span class="sub- <li><a href="#">Hats</a></li>
<li><a href="#">Crib All</a></li>
Shoes</a></li>
</ul>
</li>
</ul>
All</a></li>
</nav>
</ul>
</div>
</li>
<li><a

page.-->

lOMoARcPSD|3739948
<div class="product-gallery">
<div class="gallery-wrapper">

<div class="gallery-item
active"><a href="Image/Product/<?php
print $fetch['prod_image'];?>" data-
<?php include'html/toolbar.php';?> hash="one" data-
size="700x667"></a></div>
</header> </div>
 <div class="product-carousel owl-

carousel">
<div data-hash="one"><img
 style="height: 400px; width: 550px;"
<div class="page-title"> src="../Image/Product/<?php print
$fetch['prod_image'];?>"
<div class="container"> alt="Product"></div>
<div class="column"> </div>
<h1>Single Product</h1>
</div> </div>
<div class="column"> </div>
</div> 
</div> <div class="col-md-7">
</div> <div class="padding-top-2x mt-2
 hidden-md-up"></div>
<div class="container padding-bottom- <div class="rating-stars">

3x mb-1"> <?php
<form method="post"> for ($i=1; $i <= 5; $i++) {
<div class="row"> if ($i <= $rate) {
 echo "<i class='icon-star
<div class="col-md-5"> filled'></i>";
}else{

lOMoARcPSD|3739948
echo "<i class='icon- <p><?php print

star'></i>"; $fetch['prod_description'];?></p>
} <div class="row margin-top-1x">
} <div class="col-sm-4">
?> <div class="form-group">
</div><span class="text-muted <label
align-middle"> <?php print for="quantity">Quantity</label>
number_format($rate,1)?> | <?php print
<input type="number"
$fetchDivide?> customer reviews</span>
class="form-control" min="1" value="1"
<h2 class="padding-top-1x text- name="txtquantity" id="txtquantity">
normal"><?php print

$fetch['prod_name'];?></h2>
<small>Remaining stock: <span
<span class="h2 d-block"> id="spanQuantity"><?php print
$fetch['prod_quantity'];?></small>
<?php
</div>
</div>
?>
<del>₱<?php print
number_format($fetch['prod_price'],
2);?></del>
</div>
₱<?php print
number_format($fetchSale['ps_sale_price'],
2);?>
<?php </div>
}else{ </div>
?> <div class="padding-bottom-1x
mb-2"><span class="text-
₱<?php print
medium">Category: </span><a
number_format($fetch['prod_price'], 2);?>
class="navi-link"
<?php href="products.php?id=<?php print
$fetch['prod_cat_id'];?>"><?php print
}
$fetch['cat_name'];?></a></div>
?>
<hr class="mb-3">
</span>
<div class="d-flex flex-wrap
justify-content-between">

lOMoARcPSD|3739948
<div class="entry-share mt-2 mb- while ($fetchReview =

2"> mysqli_fetch_assoc($queryReview)) {
?>
</div> <div class="comment">
<div class="sp-buttons mt-2 mb- <div class="comment-author-
2"> ava"><img src="Image/Customer/<?php
if($fetchReview['rev_cust_id'] == 0){ print
<button class="btn btn-primary"
"user.png";}else{ print
name="btnAddCart" id="btnAddCart"><i
$fetchReview['cust_image'];}?>"
class="icon-bag"></i> Add to
alt="Review author"></div>
Cart</button>
<div class="comment-body">
</div>
<div class="comment-header d-
</div>
flex flex-wrap justify-content-between">
</div>
<h4 class="comment-
</div> title"><?php print
$fetchReview['rev_subject'];?></h4>
</form>
<div class="mb-2">

<div class="rating-stars">
<div class="row padding-top-3x mb-
3"> <?php
<div class="col-lg-10 offset-lg-1"> for ($i=1; $i <= 5; $i++)
{
<ul class="nav nav-tabs"
role="tablist"> if ($i <=
$fetchReview['rev_rating']) {
<li class="nav-item"><a
class="nav-link active" href="#reviews" ?>
data-toggle="tab" role="tab">Reviews
<i class="icon-star
(<?php print $numReview;?>)</a></li>
filled"></i>
</ul>
<?php
<div class="tab-content">
}
<div class="tab-pane fade show
else{
active" id="reviews" role="tabpanel">
?>

<i class="icon-
<?php
star"></i>
<?php

lOMoARcPSD|3739948
} <input class="form-control
form-control-rounded" <?php
}
if(isset($_SESSION['login'])){ print
?> "value='".$_SESSION['name']."'"."
"."readonly"; }?> type="text"
</div> id="txtCustName" name="txtCustName"
</div> required>
</div> </div>
<p class="comment- </div>

text"><?php print <div class="col-sm-6">
$fetchReview['rev_review'];?></p>
<div class="comment-
footer"><span class="comment- <label
meta"><?php print for="review_rating">Rating</label>
$fetchReview['rev_cust_name'];
<select class="form-control
if($fetchReview['rev_cust_id'] == 0){ print "
form-control-rounded" id="txtRating"
(Guest)";}?></span><span
name="txtRating">
class="comment-meta pull-right"><?php
print date('M. d, Y', <option value="5">5
strtotime($fetchReview['rev_date']));?></sp Stars</option>
an></div>
<option value="4">4
</div> Stars</option>
</div> <option value="3">3
Stars</option>
<?php
<option value="2">2
}
Stars</option>
?>
<option value="1">1
 Star</option>
<h5 class="mb-30 padding-top- </select>

1x">Leave Review</h5>
</div>
<form class="row"
</div>
method="post">
<label
<label
for="review_subject">Subject</label>
for="review_name">Your Name</label>

lOMoARcPSD|3739948
<input class="form-control <div class="owl-carousel" data-owl-

form-control-rounded" type="text" carousel="{ "nav": false,
id="txtSubject" name="txtSubject" "dots": true,
required> "margin": 30,
"responsive":
</div>
{"0":{"items":1},&
</div> quot;576":{"items":2},&q
uot;768":{"items":3},&qu
<div class="col-12"> ot;991":{"items":4},&quo
<div class="form-group"> t;1200":{"items":4}} }">
<label 

for="review_text">Review </label> <?php
<textarea class="form-control $ab = mysqli_query($dbCon,
form-control-rounded" id="txtReview" "SELECT * FROM product_tbl WHERE
name="txtReview" rows="8" prod_delete = 0 ORDER BY prod_id DESC
required></textarea> LIMIT 4");
</div> while($bc =
</div> mysqli_fetch_assoc($ab)){
<div class="col-12 text-right"> ?>
<button class="btn btn-outline- <div class="grid-item">

primary" type="submit" <div class="product-card">
name="btnSubRev">Submit
Review</button> <div class="product-badge text-
danger"></div><a class="product-thumb"
</div> href="shop.php?prod_id=<?php print
</form> $bc['prod_id'];?>"><img style="height:
200px;" src="../image/Product/<?php print
</div> $bc['prod_image'];?>" alt="Product"></a>
</div> <h3 class="product-title"><a
</div> href="shop-single.html"><?php print
$bc['prod_name'];?></a></h3>
</div>
<h4 class="product-price">

₱<?php print
<h3 class="text-center padding-top-2x $bc['prod_price'];?>
mt-2 padding-bottom-1x">You May Also
Like</h3> </h4>
 <div class="product-buttons">

lOMoARcPSD|3739948
<button class="btn btn-outline- <div class="pswp__ui pswp__ui--

primary btn-sm" data-toast data-toast- hidden">
type="success" data-toast-
<div class="pswp__top-bar">
position="topRight" data-toast-icon="icon-
circle-check" data-toast-title="Product" <div class="pswp__counter"></div>
data-toast-message="successfuly added to
cart!">Add to Cart</button> <button class="pswp__button
pswp__button--close" title="Close
</div> (Esc)"></button>
</div> <button class="pswp__button
pswp__button--share"
</div>
title="Share"></button>
<?php
<button class="pswp__button
} pswp__button--fs" title="Toggle
fullscreen"></button>
?>
<button class="pswp__button
</div>
pswp__button--zoom" title="Zoom
</div> in/out"></button>
 <div class="pswp__preloader">

<div
class="pswp__preloader__icn">
<div
class="pswp__preloader__cut">
</div> <div
 class="pswp__preloader__donut"></div>
<div class="pswp" tabindex="-1" </div>

role="dialog" aria-hidden="true"> </div>
<div class="pswp__bg"></div> </div>
<div class="pswp__scroll-wrap"> </div>
<div class="pswp__container"> <div class="pswp__share-modal
<div class="pswp__item"></div> pswp__share-modal--hidden pswp__single-
tap">
<div class="pswp__item"></div>
<div class="pswp__share-
<div class="pswp__item"></div> tooltip"></div>
</div> </div>

lOMoARcPSD|3739948
<button class="pswp__button var quantitToBuy =

pswp__button--arrow--left" title="Previous $('#txtquantity').val();
(arrow left)"></button>
if (quantitToBuy >
<button class="pswp__button parseFloat(quantity)) {
pswp__button--arrow--right" title="Next
$('#modalNotif').modal('show');
(arrow right)"></button>
$('#notifLabel').text('Insufficient
<div class="pswp__caption">
Stock.');
<div
$('#txtquantity').val(quantity);
class="pswp__caption__center"></div>
$('#notifMod').addClass('modal-sm');
</div>
}
</div>
if (quantitToBuy == 0 || quantitToBuy
</div>
== '') {
</div>
$('#txtquantity').val(1);
}
class="icon-arrow-up"></i></a> })
 </script>
<div class="site-backdrop"></div> <?php

</html>

lOMoARcPSD|3739948
<!DOCTYPE html>
Shopping Cart
<html lang="en">
<?php
include'db-controller.php';

$id = $_SESSION['login']; <head>
mysqli_query($dbCon, "DELETE <meta charset="utf-8">
FROM cart_tbl WHERE cart_cust_id =
$id"); <title>Cart
}else{ </title>
mysqli_query($dbCon, "DELETE 

FROM cart_tbl"); <meta name="description"
} content="Unishop - Universal E-Commerce
Template">
}
<meta name="keywords" content="shop,
e-commerce, modern, flat style, responsive,
if (isset($_SESSION['login'])) { online store, business, mobile, blog,
$id = $_SESSION['login']; slider, touch, creative, clean">
$queryGetCart = mysqli_query($dbCon, <meta name="author"
"SELECT * FROM cart_tbl JOIN content="Rokaux">
product_tbl ON prod_id = cart_prod_id
WHERE cart_cust_id = $id"); 
}else{ <meta name="viewport"

$queryGetCart = mysqli_query($dbCon, scale=1.0, maximum-scale=1.0, user-
"SELECT * FROM cart_tbl JOIN scalable=no">
product_tbl ON prod_id = cart_prod_id
WHERE cart_cust_id = 0"); 
} <link rel="icon" type="image/x-icon"

href="favicon.ico">
$fetchGetCartRows =
mysqli_num_rows($queryGetCart); <link rel="icon" type="image/png"
href="favicon.png">
?>

lOMoARcPSD|3739948

icon-iphone.png"> j=d.createElement(s),dl=l!='dataLayer'?'&l='
ipad.png"> '../../www.googletagmanager.com/gtm5445.
html?id='+i+dl;f.parentNode.insertBefore(j,f
);
sizes="180x180" href="touch-icon-iphone-
retina.png">
})(window,document,'script','dataLayer','GT
M-T4DJFPZ');
retina.png">

<script
</head>

<body>
href="font-awesome/css/font- 
awesome.css">
<noscript>
href="font-awesome/css/font- <iframe
awesome.min.css"> src="http://www.googletagmanager.com/ns.
html?id=GTM-T4DJFPZ" height="0"
 width="0" style="display: none; visibility:
hidden;"></iframe>
href="customizer/customizer.min.css"> </noscript>
 
<script> 
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({ id="shop-categories">
'gtm.start':
new
Date().getTime(),event:'gtm.js'});var <h3 class="offcanvas-title">Shop
f=d.getElementsByTagName(s)[0], Categories</h3>

lOMoARcPSD|3739948
</div> <ul class="offcanvas-submenu">

<nav class="offcanvas-menu"> <li><a href="#">Shirts &
Tops</a></li>
<ul class="menu">
href="#">Men's Shoes</a><span <li><a href="#">Jackets</a></li>
<ul class="offcanvas-submenu"> All</a></li>
<li><a href="#">Sneakers</a></li> </ul>
<li><a href="#">Loafers</a></li> </li>
<li><a href="#">Boat <li class="has-children"><span><a
Shoes</a></li> href="#">Women's Clothing</a><span
All</a></li> <li><a href="#">Dresses</a></li>
</ul> <li><a href="#">Shirts &
Tops</a></li>
</li>
href="#">Women's Shoes</a><span <li><a
class="sub-menu-toggle"></span></span> href="#">Swimwear</a></li>
All</a></li>
</ul>
</li>
href="#">Kid's Shoes</a><span class="sub-
<li><a href="#">View menu-toggle"></span></span>
All</a></li>
</ul>
</li>
Shoes</a></li>

lOMoARcPSD|3739948
<li><a href="#">View </ul>

All</a></li>
</nav>
</ul>
</div>
</li>
toggle"></span></span> <?php include'html/mobile-menu.php';?>
<li><a 
href="#">Handbags</a></li>

<li><a href="#">Luggage</a></li> <header class="navbar navbar-sticky">
<li><a href="#">Wallets</a></li> 
All</a></li>
<?php include'html/head-nav.php';?>
</ul>
</li>

href="#">Accessories</a><span class="sub-
menu-toggle"></span></span> <?php include'html/toolbar.php';?>
<li><a </header>

<li><a href="#">Hats</a></li>

<div class="page-title">
<div class="container">
All</a></li> <div class="column">
</ul> <h1>Shopping Cart</h1>
</li> </div>

lOMoARcPSD|3739948
<div class="column"> </thead>

<ul class="breadcrumbs"> <tbody>
<li><a href="index- <?php
2.html">Home</a>
while ($fetchGetCart =
</li> mysqli_fetch_assoc($queryGetCart)) {
<li class="separator"> </li> $product_id =
$fetchGetCart['prod_id'];
<li>Cart</li>
$querySale =
</ul>
mysqli_query($dbCon, "SELECT * FROM
</div> sale_tbl JOIN products_insale_tbl ON
sale_products = ps_sale_uid WHERE
</div> ps_prod_id = $product_id AND sale_active
</div> = 1");
 $fetchSale =

<div class="container padding-bottom-
3x mb-1"> $fetchSaleRow =

?>
<form method="post">
<tr>
<div class="table-responsive
shopping-cart"> <td>
<table class="table"> <div class="product-item"><a

class="product-thumb" href="shop-
<thead> single.html"><img style="height: 100px;
<tr> border-radius: 5%;"
src="../image/Product/<?php print
<th>Product Name</th> $fetchGetCart['prod_image'];?>"
<th class="text- alt="Product"></a>
center">Quantity</th> <div class="product-info">
<th class="text- <h4 class="product-title"><a
center">Subtotal</th> href="shop-single.html"><?php print
<th class="text-center"><button $fetchGetCart['prod_name'];?></a></h4><s
type="submit" name="btnClearCart" pan><em>Size:</em> <?php print
id="btnClearCart" class="btn btn-sm btn- $fetchGetCart['prod_size'];?></span>
outline-danger">Clear Cart</button></th> </div>
</tr> </div>

lOMoARcPSD|3739948
</td> </div>
<td class="text-center"> </form>
<div class="count-input"> <div class="shopping-cart-footer">
<input type="number" <div class="column text-lg">Subtotal:
min="1" class="form-control" <span class="text-medium">₱<?php
value="<?php print print number_format($fetchTotalAmount[0],
$fetchGetCart['cart_qty'];?>" name=""> 2);?></span></div>
</div> </div>
</td> <div class="shopping-cart-footer">
<td class="text-center text-lg <div class="column"><a class="btn
text-medium"> btn-outline-secondary"
href="products.php"><i class="icon-arrow-
₱<?php
left"></i> Back to
if($fetchSaleRow == 1){ print
Shopping</a></div>
$fetchSale['ps_sale_price']; }else{ print
$fetchGetCart['prod_price']; }?> <div class="column"><a class="btn
btn-primary" href="#">Update Cart</a><a
</td>
class="btn btn-success"
<form method="post"> href="checkout.php">Checkout</a></div>
<td class="text-center"> </div>
<button class="remove-from- 

cart" name="btnRemoveItem"
<h3 class="text-center padding-top-2x
style="background-color: transparent;
mt-2 padding-bottom-1x">You May Also
border: none; cursor: pointer;" data-
Like</h3>
toggle="tooltip" title="Remove item"><i
class="icon-cross"></i></button> 
</td> <div class="owl-carousel" data-owl-
carousel="{ "nav": false,
</form>
"dots": true,
</tr> "margin": 30,
"responsive":
<?php {"0":{"items":1},&
} quot;576":{"items":2},&q
uot;768":{"items":3},&qu
?> ot;991":{"items":4},&quo
</tbody> t;1200":{"items":4}} }">
</table> 


lOMoARcPSD|3739948
<div class="product-card"> src="img/shop/products/12.jpg"

alt="Product"></a>
<div class="rating-stars"><i
class="icon-star filled"></i><i class="icon- <h3 class="product-title"><a
star filled"></i><i class="icon-star href="shop-single.html">Vented Straw
filled"></i><i class="icon-star Fedora</a></h3>
filled"></i><i class="icon-star"></i>
<h4 class="product-
</div><a class="product-thumb" price">$49.50</h4>
href="shop-single.html"><img
<div class="product-buttons">
src="img/shop/products/03.jpg"
alt="Product"></a> <button class="btn btn-outline-
secondary btn-sm btn-wishlist" data-
<h3 class="product-title"><a
toggle="tooltip" title="Whishlist"><i
href="shop-single.html">Oakley
class="icon-heart"></i></button>
Kickback</a></h3>
<button class="btn btn-outline-
<h4 class="product-
primary btn-sm" data-toast data-toast-
price">$155.00</h4>
<div class="product-buttons"> position="topRight" data-toast-icon="icon-
circle-check" data-toast-title="Product"
cart!">Add to Cart</button>
class="icon-heart"></i></button> </div>
<button class="btn btn-outline- </div>
</div>
position="topRight" data-toast-icon="icon- 
data-toast-message="successfuly added to <div class="grid-item">
cart!">Add to Cart</button> <div class="product-card">
</div> <div class="rating-stars"><i
</div> class="icon-star filled"></i><i class="icon-
star filled"></i><i class="icon-star
</div> filled"></i><i class="icon-star
filled"></i><i class="icon-star filled"></i>

</div><a class="product-thumb"
<div class="product-card"><a src="img/shop/products/11.jpg"
class="product-thumb" href="shop- alt="Product"></a>
single.html"><img

lOMoARcPSD|3739948
<h3 class="product-title"><a toggle="tooltip" title="Whishlist"><i

href="shop-single.html">Top-Sider class="icon-heart"></i></button>
Fathom</a></h3>
<h4 class="product- primary btn-sm" data-toast data-toast-
price">$90.00</h4> type="success" data-toast-
<div class="product-buttons">
<button class="btn btn-outline- data-toast-message="successfuly added to
secondary btn-sm btn-wishlist" data- cart!">Add to Cart</button>
</div>
class="icon-heart"></i></button>
</div>
primary btn-sm" data-toast data-toast- </div>

circle-check" data-toast-title="Product" <div class="grid-item">
cart!">Add to Cart</button> <div class="product-card">
</div> <div class="product-badge text-

danger">50% Off</div><a class="product-
</div> thumb" href="shop-single.html"><img
</div>
alt="Product"></a>

<h3 class="product-title"><a
<div class="grid-item"> href="shop-single.html">Unionbay
Park</a></h3>
<div class="product-card"><a
class="product-thumb" href="shop- <h4 class="product-price">
single.html"><img
<del>$99.99</del>$49.99
alt="Product"></a> </h4>
<h3 class="product-title"><a <div class="product-buttons">
href="shop-single.html">Waist Leather
Belt</a></h3> <button class="btn btn-outline-
<h4 class="product- toggle="tooltip" title="Whishlist"><i
price">$47.00</h4> class="icon-heart"></i></button>
<div class="product-buttons"> <button class="btn btn-outline-

lOMoARcPSD|3739948
circle-check" data-toast-title="Product" [XR&CO'2014], Sat, 19 Aug 2017 04:25:37

data-toast-message="successfuly added to GMT -->
cart!">Add to Cart</button>
</html>
</div>
</div>
</div>
</div>
</div>

</div>

<div class="site-backdrop"></div>

$id = 0; <head>
} <meta charset="utf-8">
<title>Checkout
$queryCustomer = mysqli_query($dbCon, </title>
"SELECT * FROM customer_tbl WHERE
cust_id = $id"); 
$fetchCustomer = <meta name="description"

mysqli_fetch_assoc($queryCustomer); content="Unishop - Universal E-Commerce
Template">
$queryCheckout = mysqli_query($dbCon,
"SELECT SUM(cart_amount) FROM <meta name="keywords" content="shop,
cart_tbl WHERE cart_cust_id = $id"); e-commerce, modern, flat style, responsive,
online store, business, mobile, blog,
$fetchCheckout = bootstrap 4, html5, css3, jquery, js, gallery,
mysqli_fetch_array($queryCheckout); slider, touch, creative, clean">
$total = $fetchCheckout[0]; <meta name="author"
$tax = $total * 0.12; content="Rokaux">
$sub = $total - $tax; 
if($total < 1500){ <meta name="viewport"

$ship = 200; scale=1.0, maximum-scale=1.0, user-
}else{ scalable=no">
$ship = 0.00; 
} <link rel="icon" type="image/x-icon"

href="favicon.ico">
$total = $total + $ship;

lOMoARcPSD|3739948
<link rel="icon" type="image/png" new

href="favicon.png"> Date().getTime(),event:'gtm.js'});var
f=d.getElementsByTagName(s)[0],
icon-iphone.png">
j=d.createElement(s),dl=l!='dataLayer'?'&l='
ipad.png">
html?id='+i+dl;f.parentNode.insertBefore(j,f
sizes="180x180" href="touch-icon-iphone-
);
retina.png">
})(window,document,'script','dataLayer','GT
M-T4DJFPZ');
retina.png">
Font Icons, Plugins, etc.--> </script>
<link rel="stylesheet" media="screen" 
<script
 src="js/modernizr.min.js"></script>
<link id="mainStyles" rel="stylesheet" </head>

<body>
awesome.css"> 
<link rel="stylesheet" type="text/css" <div class="offcanvas-container"
href="font-awesome/css/font- id="shop-categories">
awesome.min.css">
<h3 class="offcanvas-title">Shop
<link rel="stylesheet" media="screen" Categories</h3>
href="customizer/customizer.min.css">
</div>
<nav class="offcanvas-menu">
<script>
<ul class="menu">
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({ <li class="has-children"><span><a

'gtm.start': href="#">Men's Shoes</a><span

lOMoARcPSD|3739948

All</a></li>
</ul>
</li>
<li><a href="#">Boat
Shoes</a></li> <li class="has-children"><span><a
href="#">Women's Clothing</a><span
All</a></li>
<li><a href="#">Dresses</a></li>
</ul>
</li>
Tops</a></li>
class="sub-menu-toggle"></span></span> <li><a
All</a></li>
</ul>
</li>
<li><a href="#">View href="#">Kid's Shoes</a><span class="sub-
</li> <li><a href="#">Boots</a></li>
<li class="has-children"><span><a <li><a href="#">Sandals</a></li>

Shoes</a></li>
Tops</a></li>
All</a></li>
</ul>
<li><a href="#">Jackets</a></li>
</li>

lOMoARcPSD|3739948
<li class="has-children"><span><a 

<li><a
page.-->
All</a></li>
</ul> <?php include'html/head-nav.php';?>
</li>
<li class="has-children"><span><a 
href="#">Accessories</a><span class="sub-
<ul class="offcanvas-submenu"> <?php include'html/toolbar.php';?>
<li><a
href="#">Sunglasses</a></li> </header>
<li><a href="#">Hats</a></li> 
<li><a href="#">Watches</a></li> <div class="offcanvas-wrapper">
<li><a href="#">Jewelry</a></li> 
<li><a href="#">Belts</a></li> <div class="page-title">
<li><a href="#">View <div class="container">
All</a></li>
</ul>
<h1>Checkout</h1>
</li>
</div>
</ul>
</nav>
<ul class="breadcrumbs">
</div>

lOMoARcPSD|3739948
<li><a href="index- <div class="form-group">

2.html">Home</a>
<label for="checkout-
</li> fn">First Name</label>
<li class="separator"> </li> <input class="form-control"
type="text" value="<?php
<li>Checkout</li>
if(isset($_SESSION['login'])){ print
</ul> $fetchCustomer['cust_fname']; }?>"
id="txt_fname">
</div>
</div>
</div>
</div>
</div>

<div class="container padding-bottom- ln">Last Name</label>
3x mb-2">
<div class="row"> type="text" value="<?php
 if(isset($_SESSION['login'])){ print
$fetchCustomer['cust_lname']; }?>"
<div class="col-xl-9 col-lg-8"> id="txt_lname">
<h4>Customer & Shipping </div>
Information</h4>
</div>
<hr class="padding-bottom-1x">
</div>
<div class="accordion"
id="accordion" role="tablist"> <div class="row padding-
bottom-1x">
<div class="card">
<div class="card-header"
role="tab"> <div class="form-group">
</div> <label for="checkout-

address1">Address</label>
<div class="collapse show"
id="card" role="tabpanel"> <textarea class="form-
control" id="txtAddress" rows="2"><?php
<div class="card-block"> if(isset($_SESSION['login'])){ print
<div class="row"> $fetchCustomer['cust_address'];
}?></textarea>
</div>

lOMoARcPSD|3739948
</div> class="custom-control-description">Same
as billing address</span>
</label>
</div>
address2">Shipping Address</label> </div>
<textarea class="form- </div>
control" id="txtShippingAddress"
</div>
rows="2"></textarea>
</div>
</div>
<div class="checkout-footer margin-
</div>
top-1x">
<div class="column"><a class="btn
<div class="form-group"> btn-outline-secondary" href="checkout-
shipping.html"><i class="icon-arrow-
left"></i><span class="hidden-xs-
address2">Shipping Date</label>
down"> Back</span></a></div>
<input type="Date"
<div class="column"><a class="btn
id="txt_shippingDate" min="<?php echo
btn-primary" href="checkout-
date('Y-m-d', strtotime(' + 3 days')); ?>"
review.html"><span class="hidden-xs-
value="<?php echo date('Y-m-d', strtotime('
down">Continue </span><i
+ 3 days')); ?>" class="form-control">
class="icon-arrow-right"></i></a></div>
</div>
</div>
</div>
</div>
</div>

<h4>Shipping Address</h4>
<hr class="padding-bottom-

1x">
<div class="col-xl-3 col-lg-4">
<aside class="sidebar">
<label class="custom-control
custom-checkbox"> <div class="padding-top-2x hidden-
lg-up"></div>
<input class="custom-
control-input" type="checkbox" 
id="sameAddress"><span class="custom-
control-indicator"></span><span
order-summary">

lOMoARcPSD|3739948
<h3 class="widget-title">Order </tr>

Summary</h3>
<tr>
<table class="table">
<td> <button type="button"
<tr> data-toggle="modal" data-
target="#modalNotif" class="btn btn-sm
<td>Cart Subtotal:</td>
btn-primary" >Check out with
<td class="text- <i>P</i>ayPal</button></td>
medium">₱<?php print
<td><button type="button"
number_format($sub, 2);?></td>
class="btn btn-primary btn-sm" data-
</tr> toggle="modal" data-
target="#CardModal"><i class="fa fa-
<tr> credit-card"></i></button></td>
<td>Shipping:</td> </tr>
<input type="hidden" </table>
name="txt_shippingFee"
id="txt_shippingFee" value="<?php print </section>
$ship;?>">
</form>
<td class="text-
number_format($ship, 2);?></td>
</tr>
<tr> 
<td>Estimated tax:</td> <section class="widget widget-
featured-products">
<td class="text-
medium">₱<?php print <h3 class="widget-title">Best
number_format($tax, 2);?></td> Sellers</h3>
</tr> 
<tr> <div class="entry">
<td>Total:</td> <div class="entry-thumb"><a
<td class="text-
src="img/shop/widget/01.jpg"
alt="Product"></a></div>
number_format($total, 2);?></td>
<div class="entry-content">
<input type="hidden"
name="txt_total" id="txt_total" <h4 class="entry-title"><a
value="<?php print $total?>"> href="shop-single.html">Oakley

lOMoARcPSD|3739948
Kickback</a></h4><span class="entry- <div class="entry-thumb"><a

meta">$155.00</span> href="shop-single.html"><img
src="img/shop/widget/04.jpg"
</div>
</div>

<h4 class="entry-title"><a
<div class="entry"> href="shop-single.html">Big Wordmark
Tote</a></h4><span class="entry-
<div class="entry-thumb"><a meta">$29.99</span>
src="img/shop/widget/02.jpg" </div>
</div>
</section>
</aside>
href="shop-single.html">Top-Sider
Fathom</a></h4><span class="entry- </div>
meta">$90.00</span>
</div>
</div>
</div>
</div>


<div class="entry">
<div class="entry-thumb"><a
src="img/shop/widget/03.jpg" </div>
<div class="entry-content"> class="scroll-to-top-btn" href="#"><i
href="shop-single.html">Vented Straw 
Fedora</a></h4><span class="entry-
meta">$49.50</span> <div class="site-backdrop"></div>
</div> 
<div class="entry">

lOMoARcPSD|3739948
<script var c =
src="customizer/customizer.min.js"></script document.getElementById('txtAddress').val
> ue;
<script src="../input- var a =
mask/jquery.inputmask.js"></script> document.getElementById('txt_fname').valu
e;
var b =
$('[data-mask]').inputmask();
document.getElementById('txt_lname').valu
</script> e;
<script type="text/javascript"> var d =

document.getElementById('txt_shippingDat
$(document).on('change', e').value;
'#sameAddress', function(){
var e =
if ($('#sameAddress').is(':checked')) { document.getElementById('txt_shippingFee'
).value;
$('#txtShippingAddress').val($('#txtAddress' var f =
).val()); document.getElementById('txt_total').value;
var g = a + ":" + b + ":" + c + ":" + d +
$('#txtShippingAddress').prop('readonly', ":" + e + ":" + f + ":" + h;
true);
xmlhttp.onreadystatechange = function()
}else{ {
$('#txtShippingAddress').val(''); if (xmlhttp.readyState == 4 &&
xmlhttp.status == 200) {
$('#txtShippingAddress').prop('readonly',
false); document.getElementById("txtHint").inner
} HTML = xmlhttp.responseText;
}) }
</script> }
<script type="text/javascript"> xmlhttp.open("GET",

"getcustomerinfo.php?info=" + g, true);
function sendCustInfo() {
xmlhttp.send();
var xmlhttp = new XMLHttpRequest();
}
var h =
document.getElementById('txtShippingAddr </script>
ess').value; </body>

lOMoARcPSD|3739948
<div class="modal fade" id="modalNotif" <p><strong>1. Acceptance of

tabindex="-1" role="dialog" aria- Agreement.</strong> You agree to the terms
labelledby="myModalLabel" aria- and conditions outlined in this Terms and
hidden="true"> Conditions of use Agreement ("Agreement")
with respect to our site (the "Site"). This
<form name="_xclick"
Agreement constitutes the entire and only
action="https://www.sandbox.paypal.com/w
agreement between us and you, and
ebscr">
supersedes all prior or contemporaneous
<div class="modal-dialog modal-lg"> agreements, representations, warranties and
understandings with respect to the Site, the
<div class="modal-content"> content, products or services provided by or
<div class="modal-header"> through the Site, and the subject matter of
this Agreement. This Agreement may be
<h4 class="modal-title" amended by us at any time and from time to
id="myModalLabel"><i class="fa fa- time without specific notice to you. The
warning"></i> Terms of Service</h4> latest Agreement will be posted on the Site,
<button type="button" and you should review this Agreement prior
class="close" data-dismiss="modal" aria- to using the Site.</p>
label="Close"><span aria- <p><strong>2.
hidden="true">×</span></button> Copyright.</strong> The content,
</div> organization, graphics, design, compilation,
magnetic translation, digital conversion and
<input type="hidden" name="cmd" other matters related to the Site are protected
value="_xclick"> under applicable copyrights, trademarks,
<input type="hidden" registered trademarks and other proprietary
name="business" (including but not limited to intellectual
value="m4kz.baguio.24@gmail.com"> property) rights. The copying, redistribution,
use or publication by you of any such
<input type="hidden" matters or any part of the Site, except as
name="currency_code" value="PHP"> allowed by Section 4, is strictly prohibited.
<input type="hidden" You do not acquire ownership rights to any
name="item_name" value="Ordering"> content, document or other materials viewed
through the Site. The posting of information
<input type="hidden" or materials on the Site does not constitute a
name="return" waiver of any right in such information and
value="http://localhost/Thesis/Front/paymen materials.</p>
t-success.php">
<p style="text-align: right;"><a
<input type="hidden" href="terms.php" style="color:
name="amount" value="<?php print $total; #FF6C60;"><b>View More...</b></a></p>
?>">
</div>
<div class="modal-body">
<div class="modal-footer">

lOMoARcPSD|3739948
<button type="button" class="btn <label>Card Number</label>

btn-primary" data-dismiss="modal"><i
</div>
class="fa fa-close"></i> Close</button>
</div>
<button type="submit"
class="btn btn-sm btn-success" <div class="row">
onclick="return sendCustInfo();" >Check
out with <i>P</i>ayPal</button> <div class="col-md-6">
</div> <input type="text" required

style="font-size: 20px;" class="form-
</div> control" name="">
</div> </div>
</form> <div class="col-md-6">
</div> <input type="text" required
style="font-size: 20px;" class="form-
<div class="modal fade" id="CardModal"
control" name="">
tabindex="-1" role="dialog" data-
backdrop="static" aria- </div>
hidden="true"> </div>
<form method="post" id="card" <div class="row">

role="form"> <div class="col-md-4">
<div class="modal-dialog"> <label>Expiry
<div class="modal-content"> Month</label>
<div class="modal-header"> </div>
<h4 class="modal-title" <div class="col-md-4">

id="myModalLabel"><i class="fa fa-credit- <label>Expiry Year</label>
card"></i> Card</h4>
</div>
</div>
<div class="col-md-4">
<label>CCV</label>
<div class="row">
</div>
<label>Card Holder
Name</label> <select required
class="form-control" style="font-size:
</div> 15px;">

lOMoARcPSD|3739948
<option selected
disabled>Select Month</option> <option>2018</option>
<option>January</option> <option>2019</option>
<option>February</option> <option>2020</option>
<option>March</option> <option>2021</option>
<option>April</option> <option>2022</option>
<option>May</option> </select>
<option>June</option> </div>
<option>July</option> <div class="col-md-4">
<input type="text"
<option>August</option> style="font-size: 20px;" id="ccv"
class="form-control" data-
inputmask="'mask': '9999'" data-mask
<option>September</option>
name="">
</div>
<option>October</option>
</div>
<option>November</option> </div>
<option>December</option>
<button type="button" class="btn
</select> btn-primary" data-dismiss="modal"
onclick="return backToCash();"><i
</div>
class="fa fa-close"></i> Close</button>
<a id="btnCard" href="payment-
<select required success.php" type="button" class="btn btn-
class="form-control" style="font-size: success"><i class="fa fa-arrow-circle-
15px;"> right"></i> Submit</a>
<option selected </div>
disabled>Select Year</option>
</div>
</div>
<option>2017</option>

lOMoARcPSD|3739948
</form>
</div>

</html>

lOMoARcPSD|3739948


Stock Adjustment
<?php

$active = "stock"; href="css/default-blue-white.css" id="dev-
css">
?> 
<!DOCTYPE html>
<html lang="en"> 
[XR&CO'2014], Tue, 27 Jun 2017 01:50:21
GMT --> 
<meta http- <script type="text/javascript"

equiv="content-type" src="js/plugins/modernizr/modernizr.js"></s
content="text/html;charset=utf-8" />

<head>

<style>.dev-page{visibility:
<title>Xhang's Shoppers</title> hidden;}</style>
</head>
<meta http-equiv="Content-Type" <body>

content="text/html; charset=utf-8" >

<meta http-equiv="X-UA-Compatible"
<div class="dev-page">
content="IE=edge" >
content="width=device-width, initial- <?php include'html/header.php'; ?>
scale=1, user-scalable=no" >


<link rel="icon" href="favicon.ico"
<div class="dev-page-container">
type="image/x-icon" >

lOMoARcPSD|3739948
<div class="table-
responsive">

<table id="example2"
<?php include'html/side-bar.php'
class="table table-bordered table-striped">
?>
<thead>

<tr>
<th>Product

Id</th>
<div class="dev-page-content">
<th>Product
Name</th>
<th>Category</th>
<th>Size</th>
<th>Stocks</th>
 <th>Physical
<div class="page-title"> Count</th>
<h1>Stock
Adjustment</h1> <th>Action</th>
</div> </tr>
 </thead>

<tbody
id="tableStock">


</tbody>
<div class="wrapper
wrapper-white"> </table>
</form>
<div class="page- </div>

subtitle"> </div>
</div> 

lOMoARcPSD|3739948
</div> <button type="button"

class="btn btn-primary" data-
</div>
dismiss="modal"><i class="fa fa-
 close"></i> Close</button>
</div> </form>
 </div>
</div>
</div>
 </div>
<div class="modal fade" 
role="dialog" data-backdrop="static" aria-
hidden="true"> 
<div class="modal-dialog modal-
sm">
<?php include 'html/footer.php'; ?>
check"></i> Success</h4>
</div> 
<div class="modal-body"> <div class="dev-search">
<form method="post" <div class="dev-search-
role="form"> container">
<p>Process <div class="dev-search-form">
Successful</p>
<form
<input type="hidden" action="http://aqvatarius.com/themes/intuiti
name="empIdDel" id="empIdDel"> ve/index.html" method="post">
<div class="dev-search-
field">
</div>

lOMoARcPSD|3739948
<input type="text" $('#tableStock').html(data);

placeholder="Search..." value="Nature">
}
</div>
});
</form>
}
</div>
function updateQty(a){
var id = a;
results"></div>
var qty = $('#a' + a).val();
</div>
$.ajax({
</div>
url: "loadStock.php",

type: "POST",
</div>
data: {

update: 1,
qty: qty,

id: id
<?php include'html/js.php'; ?>
},
success: function(){
$(function(){
loadStock();
})
loadStock();
function loadStock(){
}
$.ajax({
})
url: "loadStock.php",
}
type: "POST",
</script>
data: {
<script>
stock: 1
$(function () {
},
$('#example2').DataTable({
success: function(data){
"paging": true,
"lengthChange": false,
$('#example2').DataTable().destroy();
"searching": true,

lOMoARcPSD|3739948
"ordering": false, <td><?php print

$fetch['prod_name'];?></td>
"info": true,
<td><?php print
"autoWidth": false,
$fetch['cat_name'];?></td>
"pageLength": 10
<td><?php print
}); $fetch['prod_size'];?></td>
}); <td><?php print

$fetch['prod_quantity'];?></td>
</script>
<td><input type="number"
 class="form-control" name="a<?php print
</body> $fetch['prod_id'];?>" id="a<?php print
$fetch['prod_id'];?>"></td>
<td>
 rounded btn-primary btnrestore"><i
class="fa fa-edit"></i> Update
</html> Quantity</button>
<?php </td>
include'db-controller.php'; </tr>
if (isset($_POST['stock'])) { <?php
$query = mysqli_query($dbCon, }
"SELECT * FROM product_tbl JOIN
category_tbl ON cat_id = prod_cat_id }
WHERE prod_delete = 0 ORDER BY if (isset($_POST['update'])) {
prod_id DESC");
$id = $_POST['id'];
while ($fetch =
mysqli_fetch_assoc($query)) { $qty = $_POST['qty'];
?>
<tr> $query = mysqli_query($dbCon,
<td><?php print prod_id = $id");
$fetch['prod_uid'];?></td>
$fetch = mysqli_fetch_assoc($query);

lOMoARcPSD|3739948
$prev = $fetch['prod_quantity'];
INTO stock_tbl() VALUES(null, $id, $prev,
$qty, NOW(), NOW())");
product_tbl SET prod_quantity = $qty
WHERE prod_id = $id");
}
?>
<script>
$(function () {
"paging": true,
"searching": true,
"ordering": false,
"info": true,
"autoWidth": false,
"pageLength": 10
});
});
</script>

lOMoARcPSD|3739948
<head>
Walk-In Cart
<?php
<title>Xhang's Shoppers</title>
$active = "walkin";
<meta http-equiv="Content-Type"
if (isset($_POST['deletePro'])) { <meta http-equiv="X-UA-Compatible"
foreach ($_POST['selectedItems'] as content="IE=edge" >
$prod_id) { <meta name="viewport"
$queryVoid = content="width=device-width, initial-
mysqli_query($dbCon, "SELECT * FROM scale=1, user-scalable=no" >
cart_tbl WHERE cart_prod_id = $prod_id");
$fetchVoid = <link rel="icon" href="favicon.ico"
mysqli_fetch_assoc($queryVoid); type="image/x-icon" >
$quantity = $fetchVoid['cart_qty']; 
mysqli_query($dbCon, "DELETE
FROM cart_tbl WHERE cart_cust_id = 0
AND cart_prod_id = $prod_id"); 
} <link rel="stylesheet" type="text/css"

href="css/default-blue-white.css" id="dev-
} css">
?> 
<!DOCTYPE html>

<meta http-
<script type="text/javascript"
equiv="content-type"
src="js/plugins/modernizr/modernizr.js"></s
content="text/html;charset=utf-8" />
<body>
<div class="dev-page"> 
<?php include'html/header.php'; ?> <form method="post">
<div class="wrapper
wrapper-white">
<div class="page-
<div class="dev-page-container"
subtitle">
style="min-height: 700px;">
<h4>Shopping
Cart</h4>
<?php
$query =
<?php include'html/side-bar.php' mysqli_query($dbCon, "SELECT * FROM
?> cart_tbl WHERE cart_cust_id = 0");
 $row =

mysqli_num_rows($query);
if ($row != 0) {
?>
<div style="float:
right;">
<a href="walk-
in-payment.php"><button style="height:
30px; line-height: 12px;" type="button"
<div class="container"> id="addnew" class="btn btn-success">
Proceed to
 Checkout <i class="fa fa-arrow-circle-
right"></i>
</button></a>

lOMoARcPSD|3739948
</div> <th
style="font-size: 11px;">Image</th>
<div style="float:
left;"> <th
style="font-size: 11px;">Product name</th>
<a
href="shop.php"><button style="height: <th
30px; line-height: 12px; background-color: style="font-size: 11px;">Size</th>
gray; color: white;" type="button"
<th
id="addnew" class="btn">
style="font-size: 11px;">Unit Price</th>
<i class="fa fa-
<th
arrow-circle-left"></i> Continue Shopping
style="font-size: 11px;">Qty.</th>
</button></a>
<th
<button style="font-size: 11px;">Amount</th>
style="height: 30px; line-height: 12px;"
</tr>
type="submit" id="deletePro"
name="deletePro" class="btn btn-danger"> </thead>
<i class="fa fa- <tbody
trash"></i> Remove Selected Items id="aloadcart">
</button>
</div> </tbody>
<?php </table>
} </div>
?> </div>
</div> </form>
<div class="table- </div>
responsive">
<table id="products"
class="table table-bordered table-striped"> <div class="wrapper
wrapper-white">
<thead>
<div class="page-
<tr> subtitle">
<th><input <h4>Payment
type="checkbox" id="selectAll" Breakdown</h4>
name="selectAll"></th>
</div>
<th>#</th>

lOMoARcPSD|3739948
<div class="table- <div class="modal-dialog modal-

responsive"> sm">
<form method="post"> <div class="modal-content">
<table class="table <div class="modal-header">
table-bordered">
<button type="button"
<tbody class="close" data-dismiss="modal" aria-
id="breakdown"> label="Close"><span aria-
hidden="true">×</span></button>
</tbody>
</table> warning"></i> WARNING</h4>
</form> </div>
</div> <div class="modal-body">
</div> <form method="post"

role="form">
</div>
<p id="txtNotif"> Are you
 sure you want to Cancel? </p>
</div> <input type="hidden"
</div> name="empIdDel" id="empIdDel">


</div> </div>
 <div class="modal-footer">

close"></i> Close</button>
<button type="Submit"
id="btnModalDelete"
name="btnModalDelete" class="btn btn-
 danger"><i class="fa fa-trash"></i>
Delete</button>
<div class="modal fade"
id="modalNotif" tabindex="-1" </form>
role="dialog" aria- </div>

lOMoARcPSD|3739948
</div> </div>
</div> <div class="dev-search-
results"></div>
</div>
</div>
</div>
 
 

<?php include 'html/footer.php'; ?> <script type="text/javascript">
$(function(){
loadCart();
loadBreakdown();
});
 // This code will compute
automatically the total amount
<div class="dev-search">
function totalAmount(a){
container"> var qty =
document.getElementById('qty'+a).value;
<div class="dev-search-form">
var price =
<form
document.getElementById('price'+a).innerH
action="http://aqvatarius.com/themes/intuiti
TML;
ve/index.html" method="post">
var id =
document.getElementById('ID'+a).value;
field">
$.ajax({
<input type="text"
placeholder="Search..." value="Nature"> url: "loadcart.php",
</div> type: "POST",
</form> data: {

lOMoARcPSD|3739948
compute: 1,
prod: a, // This code is for payment
breakdown
quantity: qty,
function loadBreakdown(){
price: price,
$.ajax({
id: id
url: "loadcart.php",
},
type: "POST",
success: function(a){
data: {
loadCart();
breakdown: 1
loadBreakdown();
},
}
});
}
$("#breakdown").html(data);
// End
}
});
// This Code will load all the items
}
in the shopping cart
// END
function loadCart(){
</script>
$.ajax({
url: "loadcart.php",
$(document).on('change',
type: "POST",
'#selectAll', function(){
data: {
if
display: 1 ($('#selectAll').prop('checked')) {
}, $('.try').prop('checked', true);
success: function(data){ }else{
$("#aloadcart").html(data); $('.try').prop('checked', false);
} }
}); })
} </script>
// END 

lOMoARcPSD|3739948
</body> ?>
<tr>
 $fetch['prod_id'];?>"><input type="hidden"
id="ID<?php print $ctr = $ctr + 1;?>"
</html>
value="<?php print
$fetch['cart_id'];?>"></td>
<?php <td><span
id="num"><?php print $ctr;?></span></td>
<td><img
$ctr = 0; alt="<?php print $fetch['prod_image'];?>"
if (isset($_POST['display'])) { style="border-radius: 30%; height: 40px;
width: 40px;" src="image/Product/<?php
$query1 = print $fetch['prod_image'];?>"></td>
cart_tbl JOIN product_tbl ON cart_prod_id <td><?php
= prod_id WHERE cart_cust_id = 0"); print $fetch['prod_name']; ?></td>
$row = <td><?php
mysqli_num_rows($query1); print $fetch['prod_size']; ?></td>
if ($row == 0) {
<td>₱<span id="price<?php
?> print $ctr;?>"><?php print
<tr> number_format($fetch['prod_price'], 2);
?></span></td>
<td
colspan="8" align="center">Shopping Cart <td><input
is empty. Click <a type="number" name="txtQuantity"
href="shop.php"><u>here</u></a> to id="qty<?php print $ctr;?>"
shop.</td> onchange="return totalAmount(<?php print
$ctr; ?>);" value="<?php print
</tr> $fetch['cart_qty'];?>" min="1" style="width:
<?php 40px;"></td>
}
<td>₱<span
else{ id="amount<?php print $ctr;?>"><?php
while ($fetch = print number_format($fetch['cart_amount'],
mysqli_fetch_assoc($query1)) { 2); ?></span></td>

lOMoARcPSD|3739948
</tr> 
$total = $fetch[0];
<?php
$tax = $total * 0.12;
if (isset($_POST['compute'])) {
$sub = $total - $tax;
$qty =
mysql_escape_string($_POST['quantity']); ?>
$price = <tr>
mysql_escape_string($_POST['price']);
<td>Subtotal: </td>
$id =
<td id="subtotal"
mysql_escape_string($_POST['id']);
align="right">₱<?php print
$price = str_replace(',', '', number_format($sub, 2);?></td>
$price);
</tr>
if ($qty == 0) {
<tr>
<td>Shipping Fee: </td>
}else{
<td id="shipping"
align="right">₱0.00</td>
</tr>
cart_tbl SET cart_qty = $qty, cart_amount =
$qty * '$price' WHERE cart_id = $id"); <tr>
} <td>Discount: </td>
} <td id="discount"
align="right">₱0.00</td>
?>
</tr>

<tr>

lOMoARcPSD|3739948
<td>Tax(12%): </td>
<td id="tax"
number_format($tax, 2); ?></td>
</tr>
<tr>
<td style="font-weight:
bolder;">Total: </td>
<td id="total"
number_format($total, 2);?></td>
</tr>
<?php
}
?>


lOMoARcPSD|3739948
Walk-In Shopping INTO cart_tbl() VALUES(null, 0, '$id',
<?php '$quantity', '$price')");
include'db-controller.php'; }
$active = "walkin"; $viewCart = mysqli_query($dbCon,

"SELECT count(*) FROM cart_tbl WHERE
cart_cust_id = 0");
// This will count the number of rows in $rowCount =
the table mysqli_fetch_array($viewCart);
$viewCart = mysqli_query($dbCon, }
"SELECT count(*) FROM cart_tbl WHERE
cart_cust_id = 0"); ?>
$rowCount = <!DOCTYPE html>

mysqli_fetch_array($viewCart); <html lang="en">
// END

$prodPRICE = $_POST['prodPRICE']; <meta http-

$price = $prodPRICE * $quantity; content="text/html;charset=utf-8" />
"SELECT * FROM cart_tbl WHERE <head>
cart_prod_id = $id AND cart_cust_id = 0");
$fetchAdd =
mysqli_num_rows($queryAdd); <title>Xhang's Shoppers</title>
if ($fetchAdd != 0) {
mysqli_query($dbCon, "UPDATE <meta http-equiv="Content-Type"
cart_tbl SET cart_qty = cart_qty + content="text/html; charset=utf-8" >
$quantity, cart_amount = cart_amount + <meta http-equiv="X-UA-Compatible"
$price WHERE cart_prod_id = $id"); content="IE=edge" >
} <meta name="viewport"
else{ content="width=device-width, initial-

lOMoARcPSD|3739948

<link rel="icon" href="favicon.ico" <div class="dev-page-container"
type="image/x-icon" > style="min-height: 700px;">

<link rel="stylesheet" type="text/css" <?php include'html/side-bar.php'
href="css/default-blue-white.css" id="dev- ?>
css">



src="js/plugins/modernizr/modernizr.js"></s 
cript>
<h1>Xhang's
Shoppers(Products)</h1>
<style>.dev-page{visibility: </div>
hidden;}</style>

</head>
<body>
<div class="wrapper">
<?php include'html/header.php'; ?>

<div class="row">

lOMoARcPSD|3739948
<div style="float: ?>
left;">
<option
<div class="col- value="<?php print
md-3"> $fetchCat['cat_id'];?>"><?php print
$fetchCat['cat_name']?></option>
<button
class="btn" style="border: none; <?php
background:
}
none;"><strong>SEARCH</strong></butto
n> ?>
</div> </select>
<div class="col- </div>
md-9">
</div>
<input
type="text" class="form-control" name="" <div style="float:
id="txtSearch"> left;">
</div> <div class="col-

md-12">
</div>
<button
<div style="float: type="button" id="viewAll" class="form-
left;"> control btn btn-primary">View
All</button>
<div class="col-
md-12"> </div>
<select </div>
class="form-control" id="searchCategory">
<div style="float:
<option right;">
value="0" disabled selected>Select
Category</option> <a href="walk-in-
transaction.php"><button type="button"
<?php class="btn btn-info">
$queryCat = <i class="fa fa-
mysqli_query($dbCon, "SELECT * FROM shopping-cart"></i> View Cart (<?php print
category_tbl WHERE cat_delete = 0"); $rowCount[0]; ?>)
</button></a>
while($fetchCat =
mysqli_fetch_assoc($queryCat)) { </div>
</form>

lOMoARcPSD|3739948
</div> class="fa fa-bar-chart-o"></i> <?php

print $fetch['prod_size'];?></span>
</div>
</div>
</div>
<div id="searchResult">
<div
<?php
align="center" style="margin-bottom:
$quuery = 10px;">
<span
product_tbl WHERE prod_quantity != 0
style="font-weight: bold; font-size:
AND prod_delete = 0");
15px;"><?php print
while ($fetch = $fetch['prod_name'];?></span><br>
mysqli_fetch_assoc($quuery)) {
<span
?> style="color: gray;">₱ <?php print
$fetch['prod_price'];?></span>
<div class="col-md-3
col-sm-6 col-xs-12"> </div>
<div class="profile"> <div
align="center">
<div
class="wrapper wrapper-white" <button
style="border-radius: 10%;"> onclick="return addCart(<?php print
$fetch['prod_id'];?>);" class="btn btn-
<div success"><i class="fa fa-shopping-cart">
class="profile-image"> Add To Cart </i></button>
<img </div>
style="border-color: gray;"
src="image/product/<?php print </div>
$fetch['prod_image'];?>">
</div>
<div
</div>
class="profile-badges">
<?php
<span
class="profile-badges-left" style="font-size: }
10px;"><i style="border-color: gray;"
?>
class="fa fa-barcode"></i> <?php print
$fetch['prod_uid'];?></span> </div>
<span 
class="profile-badges-right" style="font-
size: 11px;"><i style="border-color: gray;" </div>
</div>

lOMoARcPSD|3739948
 <div class="col-md-

8">
</div>
<div class="form-

group">
<label>Quantity
to purchase</label>
<input
type="text" class="hidden" id="addID"
name="addID">
<input
 type="text" class="hidden" id="prodPRICE"
name="prodPRICE">
</div>
id="modalAddToCart" tabindex="-1" </div>
role="dialog" aria- <div class="col-md-
labelledby="myModalLabel" aria- 4">
hidden="true">
<input
<div class="modal-dialog modal- type="number" min="1" value="1"
sm"> class="form-control" oninput="return
<div class="modal-content"> checkQuantity();" id="qty" name="qty">
<form role="form" <small>No. of

method="post"> stocks <small
id="stocks"></small></small>
</div>
class="close" data-dismiss="modal" aria- </div>
label="Close"><span aria- </div>
id="myModalLabel"><i class="fa fa-plus- <button type="button"
circle"></i> Add Product</h4> class="btn btn-primary" data-
</div> close"></i> Close</button>
<div class="modal-body"> <button type="Submit"
<div class="row"> name="addToCart" id="addToCart"
class="btn btn-success"><i class="fa fa-
shopping-cart"></i> Add</button>

lOMoARcPSD|3739948
</div> <button type="button"

</form>
</div> <button type="Submit"

id="btnModalDelete"
</div> name="btnModalDelete" class="btn btn-
danger"><i class="fa fa-trash"></i>
Delete</button>
id="modalNotif" tabindex="-1" </form>
role="dialog" aria- </div>
<div class="modal-dialog modal- </div>

sm">
</div>
class="close" data-dismiss="modal" aria-
label="Close"><span aria-
<h4 class="modal-title" HERE -->
warning"></i> WARNING</h4>

</div>
<form method="post"
role="form">
sure you want to Cancel? </p>
name="empIdDel" id="empIdDel">
</div> <div class="dev-search">

lOMoARcPSD|3739948
<div class="dev-search- type: "POST",

container">
data: {
displaySearch: 1,
<form
search: search
ve/index.html" method="post"> },
<div class="dev-search- success: function(data){
field">
<input type="text" $('#searchResult').html(data);
}
</div>
})
</form>
})
</div>
$(document).on('click', '#viewAll',
<div class="dev-search- function(){
results"></div>
var search =
</div> $('#txtSearch').val();
</div> $('#searchCategory').val('0');
 $.ajax({
</div> url: "shopLoad.php",
 type: "POST",
data: {
 displaySearch: 1,
<?php include'html/js.php'; ?> search: search
<script type="text/javascript"> },
$(document).on('input', success: function(data){
'#txtSearch', function(){
var search = $('#searchResult').html(data);
$('#txtSearch').val();
}
$('#searchCategory').val('0');
})
$.ajax({
})
url: "shopLoad.php",

lOMoARcPSD|3739948
$(document).on('change', },
'#searchCategory', function(){
var search =
$('#searchCategory').val();
$('#prodPRICE').val(data.prod_price);
$.ajax({
url: "shopLoad.php", document.getElementById('stocks').innerHT
ML = data.prod_quantity;
type: "POST",
}
data: {
})
displaySearchCategory: 1,
}
search: search
</script>
},
function checkQuantity(){
$('#searchResult').html(data); var id = $('#addID').val();
} var qty = $('#qty').val();
}) var stocks =
document.getElementById('stocks').innerHT
})
ML;
</script>
if (parseInt(qty) >
<script type="text/javascript"> parseInt(stocks)) {
function addCart(a){ alert('Insufficient Stocks.');

$('#qty').val(stocks);
$('#modalAddToCart').modal('show');
}
$('#addID').val(a);
}
$.ajax({
</script>
url: "shopLoad.php",
type: "POST",
dataType: "json",
</body>
data: {
display: 1,

src="image/product/<?php print
</html> $fetch['prod_image'];?>">
<div class="profile-badges">
<?php <span class="profile-badges-
left" style="font-size: 10px;"><i
style="border-color: gray;" class="fa fa-
barcode"></i> <?php print
$fetch['prod_uid'];?></span>
if (isset($_POST['display'])) {
<span class="profile-badges-
$query = right" style="font-size: 11px;"><i
mysqli_query($dbCon, "SELECT * FROM style="border-color: gray;" class="fa fa-bar-
product_tbl WHERE prod_id = chart-o"></i> <?php print
'".$_POST['id']."'"); $fetch['prod_size'];?></span>
$fetch = </div>
mysqli_fetch_array($query);
</div>
echo json_encode($fetch);
<div align="center" style="margin-
} bottom: 10px;">
?> <span style="font-weight: bold;
<?php font-size: 15px;"><?php print
$fetch['prod_name'];?></span><br>
if (isset($_POST['displaySearch'])) {
<span style="color:
$name = $_POST['search']; gray;">₱ <?php print
$quuery = mysqli_query($dbCon, $fetch['prod_price'];?></span>
"SELECT * FROM product_tbl WHERE </div>
prod_quantity != 0 AND prod_delete = 0
AND prod_name LIKE '%".$name."%'"); <div align="center">
while ($fetch = <button onclick="return

mysqli_fetch_assoc($quuery)) { addCart(<?php print $fetch['prod_id'];?>);"
?> shopping-cart"> Add To Cart </i></button>
<div class="col-md-3 col-sm-6 col-xs-12"> </div>
<div class="profile"> </div>
<div class="wrapper wrapper-white" </div>
style="border-radius: 10%;">

lOMoARcPSD|3739948
</div> style="border-color: gray;" class="fa fa-bar-

chart-o"></i> <?php print
<?php
$fetch['prod_size'];?></span>
}
</div>
}
</div>
?>
<div align="center" style="margin-
bottom: 10px;">
<?php <span style="font-weight: bold;
font-size: 15px;"><?php print
if $fetch['prod_name'];?></span><br>
(isset($_POST['displaySearchCategory'])) {
<span style="color:
$name = $_POST['search']; gray;">₱ <?php print
$quuery = mysqli_query($dbCon, $fetch['prod_price'];?></span>
"SELECT * FROM product_tbl WHERE </div>
prod_quantity != 0 AND prod_delete = 0
AND prod_cat_id = $name"); <div align="center">
while ($fetch = <button onclick="return
mysqli_fetch_assoc($quuery)) { addCart(<?php print $fetch['prod_id'];?>);"
?> shopping-cart"> Add To Cart </i></button>
<div class="col-md-3 col-sm-6 col-xs-12"> </div>
<div class="profile"> </div>
<div class="wrapper wrapper-white" </div>
style="border-radius: 10%;">
</div>
<div class="profile-image">
<?php
<img style="border-color: gray;"
src="image/product/<?php print }
$fetch['prod_image'];?>">
}
<div class="profile-badges">
?>
left" style="font-size: 10px;"><i
style="border-color: gray;" class="fa fa-
barcode"></i> <?php print
$fetch['prod_uid'];?></span>
right" style="font-size: 11px;"><i

lOMoARcPSD|3739948
if (isset($_POST['btnTender'])) {
Walk-In Payment
$txtFname = $_POST['txtFname'];
<?php
$txtLname = $_POST['txtLname'];
$txtAddress = $_POST['txtAddress'];
$active = "walkin";
$txtShipAdd = $_POST['shipAdd'];
$txtShipDate = $_POST['shipDate'];
$values = mysqli_query($dbCon,
"SELECT SUM(cart_amount) FROM $txtTotalAmount = $_POST['amount'];
cart_tbl WHERE cart_cust_id = 0");
$txtTotalAmount = str_replace(',', '',
$fetch = mysqli_fetch_array($values); $txtTotalAmount);
$total = $fetch[0]; if ($txtShipAdd == '') {
$tax = $total * 0.12; $viewed = 1;
$sub = $total - $tax; }else{

$viewed = 0;
}
$alpaNumeric =
"0123456789ABCDEFGHIJKLMNOPQRS
$queryCount = mysqli_query($dbCon,
TUVWXYZabcdefghijklmnopqrstuvwxyz";
"SELECT COUNT(*) FROM
transaction_tbl");
do { $fetchCount =
mysqli_fetch_row($queryCount);
$generateCode =
substr(str_shuffle($alpaNumeric), -10);
$id = $fetchCount[0] + 1;
$sqlCode = "SELECT * FROM

transaction_tbl WHERE trw_code =
$trans_id = $id;
'$generateCode'";
$trans_uid = fnGenerateUID($trans_id,
$queryCode = mysqli_query($dbCon,
"ORD");
$sqlCode);
$fac_id = $_SESSION['id'];
$numRow =
mysqli_num_rows($queryCode); mysqli_query($dbCon, "INSERT
INTO transaction_tbl() VALUES(null,
} while($numRow != 0);
'$trans_uid', 0, '$fac_id', '$generateCode',
'$txtFname $txtLname', '+639758426814',

lOMoARcPSD|3739948
'$txtAddress', '$txtShipAdd', NOW(),

'$txtShipDate', NOW(), '$txtTotalAmount',
'PAID', $viewed)");
INTO cart2_tbl() VALUES(null, 0,
$cart_prod_id, $cart_qty, $cart_amount,
'$generateCode')");
$invoice_id =
mysqlI_insert_id($dbCon); mysqli_query($dbCon, "UPDATE
$invoice_num = "111" + $invoice_id;
prod_quantity - $cart_qty WHERE prod_id
mysqli_query($dbCon, "INSERT = $cart_prod_id");
INTO invoice_tbl() VALUES(null,
}
'$invoice_id', '$invoice_num', 0)");
mysqli_query($dbCon, "DELETE
$queryInvoice =
FROM cart_tbl WHERE cart_cust_id = 0");
invoice_tbl WHERE invoice_transac_id =
$invoice_id");
$txtShippingFee =
$fetchInvoice = $_POST['txtShippingFee'];
mysqli_fetch_assoc($queryInvoice);
$txtDiscount = $_POST['txtDiscount'];
$invoiceID =
$txtCash = $_POST['cash'];
$fetchInvoice['invoice_num'];
$txtChange = $_POST['sukli'];
echo "<script>";
echo
"window.open('or1.php?code=$generateCod mysqli_query($dbCon, "INSERT
e&invoiceNum=$invoiceID', '_blank', INTO payment_tbl() VALUES(null,
'toolbar=0,location=0,menubar=0');"; '$trans_uid', 0, '$txtFname $txtLname',
NOW(), NOW(), '$txtShippingFee',
echo "</script>";
'Manager', '$txtDiscount', '$txtCash',
$queryTransfer = '$txtTotalAmount', '$txtChange')");
$modePayment = $_POST['btnMode'];
cart_tbl WHERE cart_cust_id = 0");
while($fetchTransfer =
mysqli_fetch_assoc($queryTransfer)){ mysqli_query($dbCon, "INSERT
INTO transaction_mode_tbl()
$cart_prod_id =
VALUES(null, '$generateCode',
$fetchTransfer['cart_prod_id'];
'$modePayment')");
$cart_qty =
$fetchTransfer['cart_qty'];
$user_id = $_SESSION['id'];
$cart_amount =
$fetchTransfer['cart_amount']; $user_fname = $_SESSION['fname'];

lOMoARcPSD|3739948
mysqli_query($dbCon, "INSERT <meta name="viewport"

INTO audit_tbl() VALUES(null, '$user_id', content="width=device-width, initial-
'Xhang\'s Shoppers System (Transaction) - scale=1, user-scalable=no" >
$user_fname', NOW(), NOW())");

echo "<script>"; type="image/x-icon" >
echo "window.location.href = 
'http://localhost/thesis/walk-in-
transaction.php';";

echo "</script>";
}
?> css">
<!DOCTYPE html> 
<html lang="en">

[XR&CO'2014], Tue, 27 Jun 2017 01:50:21
GMT -->
<meta http- 
content="text/html;charset=utf-8" /> src="js/plugins/modernizr/modernizr.js"></s
cript>
<head>
hidden;}</style>
<meta http-equiv="Content-Type" </head>
<body>
content="IE=edge" > 

lOMoARcPSD|3739948
</div>
<?php include'html/header.php'; ?> <div class="row">
 <div class="form-
group">
<div class="dev-page-container"
style="min-height: 700px;"> <label>Customer's
Name</label>
</div>
</div>
?> <div class="form-
group">
<input type="text"
style="border-color: gray;" class="form-
 control" placeholder="First name"
name="txtFname" id="txtFname">
</div>
</div>
<div class="form-
<div class="container"> group">
<form method="post" <input
id="paymentForm"> style="border-color: gray;" type="text"
 class="form-control" placeholder="Last
name" name="txtLname" id="txtLname">
</div>
<div class="wrapper
wrapper-white"> </div>
<div class="page-subtitle" </div>

align="center"> <div class="row">
<h4>Customer and <div class="col-md-3">
Shipping Information</h4>
<div class="form-
<hr> group">

lOMoARcPSD|3739948
<div class="row">
<label>Address</label>
</div>
<div class="form-
</div> group">
<div class="col-md-9"> <label>Shipping
Date</label>
<div class="form-
group"> </div>
<textarea </div>
style="border-color: gray;" rows="4"
class="form-control" name="txtAddress"
id="txtAddress"></textarea> <div class="form-
group">
</div>
<input
</div>
style="border-color: gray; cursor: not-
</div> allowed;" min="<?php print date("Y-m-
d");?>" id="shipDate" type="date"
<div class="row">
class="form-control" name="shipDate">
</div>
<div class="form-
</div>
group">
</div>
<label>Shipping
Address</label> <div class="row">
</div> <div class="col-md-3">
</div> <div class="form-
group">
</div>
<div class="form-
group"> </div>
<textarea <div class="col-md-9">
style="border-color: gray; cursor: not-
<div class="form-
allowed;" name="shipAdd" id="shipAdd"
group">
rows="4" class="form-control"></textarea>
<div
</div>
class="checkbox checkbox-inline">
</div>
<input
</div> type="checkbox" id="check_1"/>

lOMoARcPSD|3739948
<label <td
for="check_1">This transaction will be align="right"><span
shipped</label> id="shipping"></span></td>
</div> <input
type="hidden" name="txtShippingFee"
</div>
id="txtShippingFee">
</div>
</tr>
</div>
<tr>
</div>
<td>Discount:
</div> </td>
<div class="col-md-4"> <td

align="right"><span
<div class="wrapper id="discount">0.00</span></td>
wrapper-white">
<input
<div class="page- type="hidden" name="txtDiscount"
subtitle"> id="txtDiscount">
<h4>Payment </tr>
Breakdown</h4>
<tr>
</div>
<div class="table- <td>Tax(12%): </td>
responsive">
<td id="tax"
<table class="table"> align="right"><?php print
<tbody> number_format($tax, 2); ?></td>
<tr> </tr>
<td>Subtotal: <tr>
</td> <td
<td style="font-weight: bolder;">Total: </td>
id="subtotal" align="right"><?php print <td
number_format($sub, 2);?></td> align="right"><span id="total"
</tr> name="total"><?php print
number_format($total, 2);?></span></td>
<tr>
</tr>
<td>Shipping
Fee: </td> </tbody>
</table>

lOMoARcPSD|3739948
</div> onclick="return CashOrCard();"

id="modePCard"> Card
</div>
</div>
</div>
</div>
<div style="margin-top: 10px;"
class="col-md-4"> </div>
<div class="wrapper <div class="row">
wrapper-white">
<div class="col-md-
<div class="row"> 5">
<div class="col-md- <div class="form-
6"> group">
<div class="form- <label>Cash
group"> Tendered</label>
<label>Mode of </div>
Payment</label>
</div>
</div>
<div class="col-md-
</div> 7">
<div class="col-md- <div class="form-
3"> group">
<div class="form- <input
group"> style="text-align: right; border-color: gray;
color: black;" oninput="return compute();"
<input
value="0" type="text" class="form-control"
type="radio" name="modeP" checked
name="cash" id="cash">
onclick="return CashOrCard();"
id="modePCash"> Cash </div>
</div> </div>
</div> </div>
<div class="col-md- <div class="row">
3">
<div class="col-md-
<div class="form- 5">
group">
<div class="form-
<input group">
type="radio" name="modeP"
<label>Total
Amount</label>

lOMoARcPSD|3739948
</div> allowed; text-align: right; color: black;

border-color: gray;" readonly class="form-
</div>
control" name="sukli" id="sukli">
<div class="col-md-
</div>
7">
</div>
<div class="form-
group"> </div>
<input <div class="row">
type="text" value="<?php print
<div class="col-md-
number_format($total, 2);?>" class="form-
3">
control" readonly style="cursor: not-
allowed; text-align: right; color: black; <div class="form-
border-color: gray;" name="amount" group">
id="amount">
<button
</div> type="button" data-toggle="modal" data-
target="#modalDisc" class="btn-info"
</div>
style="padding: 5px; width:
</div> 70px;">Discount</button>
<input type="hidden" </div>
name="btnMode" id="btnMode"
</div>
value="Cash">
<div class="col-md-
<div class="row">
3">
<div class="col-md-
<div class="form-
5">
group">
<div class="form-
<button
group">
type="Submit" class="btn-success"
name="btnTender" id="btnTender"
<label>Change</label> style="padding: 5px; width:
70px;">Tender</button>
</div>
</div>
</div>
</div>
<div class="col-md-
7"> <div class="col-md-
3">
<div class="form-
group"> <div class="form-
group">
<input
type="text" value="0" style="cursor: not-

lOMoARcPSD|3739948
<button
type="button" class="btn-danger"

id="btnClear" style="padding: 5px; width:
70px;">Clear</button> <div class="modal fade"
id="modalNotif" tabindex="-1"
</div>
role="dialog" aria-
</div> labelledby="myModalLabel" aria-
hidden="true">
<div class="col-md-
3"> <div class="modal-dialog modal-
sm">
<div class="form-
group"> <div class="modal-content">
<button <div class="modal-header">
class="btn-primary" type="button"
style="padding: 5px; width: 70px;"
class="close" data-dismiss="modal" aria-
onclick="document.location.href = 'walk-in-
label="Close"><span aria-
transaction.php'">Cancel</button>
</div>
</div> id="myModalLabel"><i class="fa fa-
warning"></i> WARNING</h4>
</div>
</div>
</div>
</div>
<form method="post"

role="form">
</form>
</div> sure you want to Cancel? </p>
</div> <input type="hidden"

name="empIdDel" id="empIdDel">
</div>
</div>


lOMoARcPSD|3739948
<button type="Submit" <input type="text"

id="btnModalDelete" name="" readonly style="color: gray;"
name="btnModalDelete" class="btn btn- class="form-control" value="Manager">
danger"><i class="fa fa-trash"></i>
</div>
Delete</button>
</div>
</form>
<div class="row">
</div>
<div class="form-
</div>
group">
</div>
<input type="text"
</div> style="border-color: gray;" class="form-
control" id="txtDiscounted"
name="txtDiscounted" placeholder="Please
<div class="modal fade" enter discount here...">
id="modalDisc" tabindex="-1"
</div>
role="dialog" data-backdrop="static" aria-
labelledby="myModalLabel" aria- </div>
hidden="true">
<?php
<form method="post"
if
id="modalDiscForm" role="form">
($_SESSION['position'] != 'Administrator')
<div class="modal-dialog modal- {
sm">
?>
<div class="row">
<div class="form-
<h4 class="modal-title" group">
<input type="text"
warning"></i> Discount</h4>
style="border-color: gray;" class="form-
</div> control" id="adminPassword"
name="adminPassword"
placeholder="Please enter admin's password
<div class="row"> here...">
<div class="form- </div>

group">
</div>
Discount Type:
<?php
}

lOMoARcPSD|3739948
?> <div class="modal-body">

</div> <div class="row">
<div class="modal-footer"> <div class="col-md-6">
<button type="button" <label>Card Holder
id="btnClose" class="btn btn-primary" data- Name</label>
</div>
id="btnDiscount" name="btnDiscount" <label>Card
class="btn btn-success"><i class="fa fa- Number</label>
arrow-circle-right"></i> Submit</button>
</div>
</div>
</div>
</div>
<div class="row">
</div>
</form>
</div>
<input type="text"
 class="form-control" name="">
</div>
<div class="modal fade" <div class="col-md-6">
id="CardModal" tabindex="-1"
role="dialog" data-backdrop="static" aria- <input type="text"
labelledby="myModalLabel" aria- required style="font-size: 20px;"
hidden="true"> class="form-control" data-
inputmask="'mask': '9999 - 9999 - 9999 -
<form method="post" id="card" 9999'" data-mask name="">
role="form">
</div>
<div class="modal-dialog">
</div>
</div>
<div class="row">
id="myModalLabel"><i class="fa fa-credit- <div class="row">
card"></i> Card</h4> <div class="col-md-4">
</div>

lOMoARcPSD|3739948
<label>Expiry
Month</label> <option>July</option>
</div>
<option>August</option>
<label>Expiry
<option>September</option>
Year</label>
</div>
<option>October</option>
<label>CCV</label> <option>November</option>
</div>
<option>December</option>
</div>
</select>
<div class="row">
</div>
<div class="form-
group"> <div class="col-md-
4">
<div class="col-md-
4"> <select required
<select required 15px;">
15px;"> <option selected
disabled>Select Year</option>
<option selected
disabled>Select Month</option>
<option>January</option>
<option>February</option>
<option>March</option>
<option>April</option>
<option>May</option>
<option>June</option> </select>

lOMoARcPSD|3739948

<div class="col-md- <div class="dev-search-
4"> container">
<input type="text" <div class="dev-search-form">
style="font-size: 20px;" id="ccv"
<form
class="form-control" data-
inputmask="'mask': '9999'" data-mask
ve/index.html" method="post">
name="">
</div>
field">
</div>
<input type="text"
</div> placeholder="Search..." value="Nature">
</div> </div>
</div> </form>
<div class="modal-footer"> </div>
<button type="button" <div class="dev-search-
class="btn btn-primary" data- results"></div>
dismiss="modal" onclick="return
</div>
backToCash();"><i class="fa fa-close"></i>
Close</button> </div>
<button id="btnCard" 
type="button" class="btn btn-success"><i
class="fa fa-arrow-circle-right"></i> </div>
Submit</button> 
</div>
</div> 
</div> <?php include'html/js.php'; ?>
</form> <script type="text/javascript">
</div> $(function(){
$('#shipDate').prop('readonly',
 true);
<?php include 'html/footer.php'; ?> $('#shipAdd').prop('readonly',

true);
$('#shipping').text('0.00');

lOMoARcPSD|3739948
$(document).on('change', else{
'#check_1', function(){
$('#shipDate').val(null);
if ($('#check_1').is(':checked'))
$('#shipAdd').val(null);
{
$('#shipDate').css('cursor',
$('#shipDate').css('cursor',
'not-allowed');
'pointer');
$('#shipAdd').css('cursor',
$('#shipAdd').css('cursor',
'not-allowed');
'text');
$('#shipDate').prop('readonly', true);
$('#shipDate').prop('readonly', false);
$('#shipAdd').prop('readonly',
$('#shipAdd').prop('readonly',
true);
false);
var amount =
var number =
$('#amount').val();
$('#amount').val();
var amount1 =
var holder =
Number(amount.replace(/[^0-9\.-]+/g,""))
Number(number.replace(/[^0-9\.-]+/g,""));
var holder = amount1 - 200;
var ship =
document.getElementById('shipping').inner
HTML; document.getElementById('amount').value
= parseFloat(holder,
var total = parseFloat(ship) +
10).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g,
parseFloat(holder);
"$1,").toString();
document.getElementById('amount').value
document.getElementById('txtShippingFee')
= parseFloat(total,
.value = 0;
"$1,").toString();
document.getElementById('total').innerHT
ML = parseFloat(holder,
document.getElementById('txtShippingFee')
.value = 200.00;
"$1,").toString();
}
document.getElementById('total').innerHT
ML = parseFloat(total, });
"$1,").toString(); })
} </script>

lOMoARcPSD|3739948
<?php
$('#modalDisc').modal('hide');
if ($_SESSION['position'] ==
'Administrator') { }
?> })
<script type="text/javascript"> </script>
$(document).on('click', <?php
'#btnDiscount', function(){
}
var disc =
?>
$('#txtDiscounted').val();
var number =
$('#amount').val(); $(function(){
var amount = if ($('#sukli').val() == 0) {
Number(number.replace(/[^0-9\.-]+/g,""));
$('#btnTender').css({'cursor':
if (disc != 0) { 'not-allowed'});
var discount =
(parseFloat(amount) * parseFloat(disc))/100; $('#btnTender').prop('disabled', true);
var discounted = }
parseFloat(amount) - parseFloat(discount);
})
document.getElementById('amount').value </script>
= parseFloat(discounted, <script type="text/javascript">
"$1,").toString(); function compute(){
var amount =
$('#txtDiscount').val(discount.toFixed(2)); $('#amount').val();
var cash = $('#cash').val();
document.getElementById('total').innerHT var changed = $('#sukli').val();
ML = parseFloat(discounted,
10).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, var totalAmount =
"$1,").toString(); Number(amount.replace(/[^0-9\.]+/g,""));
var change = cash -
document.getElementById('discount').inner totalAmount;
HTML = parseFloat(discount, if (totalAmount > cash) {
"$1,").toString();; $('#sukli').val(0);

lOMoARcPSD|3739948
'not-allowed'}); document.getElementById('total').innerHT
ML = $('#amount').val();
$('#btnTender').prop('disabled', true); $('#shipping').text('0.00');
} $('#discount').text('0.00');
else{ $('#txtDiscounted').val('');
$('#txtDiscName').val('');
$('#sukli').val(change.toFixed(2));
})
$(document).on('click',
'pointer'});
'#btnClose', function(){
$('#modalDiscForm')[0].reset();
$('#btnTender').prop('disabled', false);
$('#txtDiscName').val('');
}
})
}
</script>
$(document).on('keypress', '#cash',
function(){ <script type="text/javascript">
if ($('#cash').val() == 0) { function CashOrCard(){
$('#cash').val(''); if
($('#modePCard').is(':checked')) {
}
})
$('#CardModal').modal('show');
$('#btnCard').prop('disabled',
'#btnClear', function(){
true);
$('#btnMode').val('Card');
'not-allowed'});
}else{
$('#btnTender').prop('disabled',
true); $('#cash').val(0);
}) $('#cash').prop('readonly',
false);
</script>
}
}
'#btnClear', function(){ function backToCash(){
$('#paymentForm')[0].reset();

lOMoARcPSD|3739948
$('#modePCash').prop('checked', true);
$('#card')[0].reset();
$('#btnMode').val('Cash');
}
</script>
$(document).on('click', '#btnCard',
function(){
$('#cash').val($('#amount').val());
$('#cash').prop('readonly', true);
$('#CardModal').modal('hide');
})
$(document).on('input', '#ccv',
function(){
$('#btnCard').prop('disabled',
false);
})
</script>
</body>

</html>

lOMoARcPSD|3739948
?>
Back-Order
<!DOCTYPE html>
<?php
<html lang="en">
$active = "purchase";

$queryCheckOrder = equiv="content-type"
mysqli_query($dbCon, "SELECT * FROM content="text/html;charset=utf-8" />
$fetchCheckOrder = <head>
mysqli_fetch_assoc($queryCheckOrder); 
$quantity = <title>Xhang's Shoppers</title>
$fetchCheckOrder['po_order'];
$prod_id =
$fetchCheckOrder['po_prod_id']; <meta http-equiv="Content-Type"
if ($quantity == $order) {
mysqli_query($dbCon, "UPDATE content="IE=edge" >
purchase_order_tbl SET po_order = 0,
po_remarks = 'FINISH' WHERE po_id = <meta name="viewport"
$id"); content="width=device-width, initial-
}else{
purchase_order_tbl SET po_order = <link rel="icon" href="favicon.ico"
po_order - $order, po_remarks = type="image/x-icon" >
'BACKORDER' WHERE po_id = $id"); 
}
mysqli_query($dbCon, "UPDATE 
prod_quantity + $order WHERE prod_id = <link rel="stylesheet" type="text/css"
$prod_id"); href="css/default-blue-white.css" id="dev-
css">
}

lOMoARcPSD|3739948



cript> <div class="page-title">
 <h1>Back Order</h1>
</div>
<style>.dev-page{visibility: 
hidden;}</style>
</head>
<body>
<div class="wrapper
<div class="dev-page"> wrapper-white">
<?php include'html/header.php'; ?> <div class="page-

subtitle">
</div>
<div class="table-
responsive">
<?php include'html/side-bar.php' <thead>
?>
<tr>

lOMoARcPSD|3739948
<button
<th>Name</th> type="button" name="btnOrder"
id="btnOrder" onclick="return order(<?php
print $fetch['po_id'];?>,<?php print
<th>Category</th>
$fetch['po_order'];?>);" class="btn btn-xs
<th>Size</th> btn-rounded btn-success btnrestore"><i
class="fa fa-truck"></i> Order
<th>No. of Now</button>
Orders</th>
<th>Action</th> </td>
</tr> </tr>
</thead> <?php
<tbody> }
<?php ?>
$query = </tbody>
</table>
product_tbl JOIN category_tbl ON cat_id =
prod_cat_id JOIN purchase_order_tbl ON </form>
po_prod_id = prod_id WHERE prod_delete
</div>
= 0 AND po_remarks = 'BACKORDER'
ORDER BY prod_id DESC"); </div>
while ($fetch 
= mysqli_fetch_assoc($query)) {
</div>
?>
</div>
<tr>
<td><?php
print $fetch['prod_name'];?></td> </div>
<td><?php 

print $fetch['cat_name'];?></td>
<td><?php
print $fetch['prod_size'];?></td>
<td><?php
print $fetch['po_order'];?></td>
<td
align="center"> 

lOMoARcPSD|3739948
success"><i class="fa fa-truck"></i>

Receive</button>
id="modalNotif" data-backdrop="static" </form>
</div>
sm">
</div>
truck"></i> Quantity to Receive</h4>
</div> 
<form method="post"
role="form"> 
class="form-control" name="qty" id="qty"
oninput="return check();"> <?php include 'html/footer.php'; ?>
name="id" id="id">
name="rec" id="rec">

</div>
<button type="button" container">
dismiss="modal"><i class="fa fa- <div class="dev-search-form">
close"></i> Close</button> <form
<button type="Submit" action="http://aqvatarius.com/themes/intuiti
id="btnModalOrder" ve/index.html" method="post">
name="btnModalOrder" class="btn btn-

lOMoARcPSD|3739948
<div class="dev-search- }
field">
</script>
<input type="text"
<script>
$(function () {
</div>
</form>
"paging": true,
</div>
results"></div> "searching": true,
</div> "ordering": false,
</div> "info": true,
 "autoWidth": false,
</div> "pageLength": 10
 });
});
 </script>
<?php include'html/js.php'; ?> 
<script type="text/javascript"> </body>
function order(a,b){
$('#modalNotif').modal('show'); 
}
</html>
function check(){
var a = $('#qty').val();
var b = $('#rec').val();
if (parseInt(a) > parseInt(b)) {
$('#qty').val(b);
}

lOMoARcPSD|3739948
List of Orders

<?php
include'db-controller.php'; href="css/default-blue-white.css" id="dev-
$active = "purchase"; css">
?> 
<!DOCTYPE html>
 <style>.dev-page{visibility:
</head>

content="IE=edge" >


lOMoARcPSD|3739948
 <table id="example2"

<thead>
?> <tr>
<th>Transaction Code</th>

<th>Customers Name</th>
<th>Shipping
Address</th>
<th>Amount</th>
<div class="container"> <th>Status</th>

<th>Ordered
 Date</th>
<div class="page-title"> <th>Shipping

Date</th>
<h1>List of Orders</h1>
</tr>
</div>
</thead>
<tbody>
<?php
$query =
 mysqli_query($dbCon, "SELECT * FROM
<div class="wrapper transaction_tbl ORDER BY trw_id DESC");
wrapper-white"> while ($fetch
<div class="page- ?>

subtitle"> <tr>
</div> <td
<div class="table- align="center"><a href="order-
responsive"> details.php?id=<?php print

lOMoARcPSD|3739948
$fetch['trw_id'];?>"><?php print
$fetch['trw_uid'];?></a></td>
<td><?php
print $fetch['trw_customers_name'];?></td>
<td><?php
print $fetch['trw_shipping_address'];?></td>
<td><?php 
print $fetch['trw_amount'];?></td>
</div>
<td><span
class="label label-<?php 
if($fetch['trw_status'] == 'PAID'){ print
'primary'; }else{ print 'success'; }?>"><?php
print $fetch['trw_status'];?></span></td> 
<td><?php <?php include'html/js.php'; ?>

print $fetch['trw_date'];?></td> <script>
<td><?php $(function () {
print $fetch['trw_shipping_date'];?></td>
</tr>
"paging": true,
<?php
}
"searching": true,
?>
"ordering": false,
</tbody>
"info": true,
</table>
"autoWidth": false,
</form>
"pageLength": 50
</div>
});
</div>
});
</script>
</div>
</div>
</body>
</div>
 aqvatarius.com/themes/intuitive/ by

lOMoARcPSD|3739948

[XR&CO'2014], Tue, 27 Jun 2017 01:51:26
GMT -->
</html>

lOMoARcPSD|3739948
Purchase Order content="IE=edge" >
<?php <meta name="viewport"
include'db-controller.php'; content="width=device-width, initial-
if (isset($_POST['btnModalOrder'])) {
$id = $_POST['id']; type="image/x-icon" >
$order =$_POST['qty']; 
mysqli_query($dbCon, "INSERT 

INTO purchase_order_tbl() VALUES(null,
$id, $order, 'ORDER')"); <link rel="stylesheet" type="text/css"
} css">
?> 
<!DOCTYPE html>
 <form method="post">

?> <thead>
 <tr>
<th>Name</th>
<div class="dev-page-content"> <th>Category</th>
<th>Size</th>
<th>Stocks</th>
<div class="container"> <th>Max

Level</th>
 <th>Action</th>

<div class="page-title"> </tr>
<h1>Purchase Order</h1> </thead>
</div> <tbody>
 <?php
$query =
product_tbl JOIN category_tbl ON cat_id =
 prod_cat_id WHERE prod_delete = 0 AND

lOMoARcPSD|3739948
prod_quantity <= prod_minL ORDER BY

prod_id DESC");
</td>
while ($fetch
</tr>
<?php
$queryPO =
mysqli_query($dbCon, "SELECT * FROM }
purchase_order_tbl WHERE po_remarks =
'ORDER'"); }
$fetchPO = ?>
mysqli_fetch_assoc($queryPO); </tbody>
if </table>
($fetchPO['po_prod_id'] !=
$fetch['prod_id']) { </form>
?> </div>
<tr> </div>
<td><?php 

print $fetch['prod_name'];?></td> </div>
<td><?php </div>
<td><?php
print $fetch['prod_size'];?></td> </div>
<td><?php 

print $fetch['prod_quantity'];?></td>
<td><?php
print $fetch['prod_maxL'];?></td>
<td
align="center">
<button
type="button" name="btnOrder" 
print $fetch['prod_id'];?>,<?php print
$fetch['prod_maxL'];?>,<?php print
$fetch['prod_quantity'];?>);" class="btn btn-
id="modalNotif" data-backdrop="static"
xs btn-rounded btn-success btnrestore"><i
class="fa fa-truck"></i> Order
Now</button>
hidden="true">

lOMoARcPSD|3739948

sm">
<h4 class="modal-title" HERE -->
truck"></i> Quantity to Purchase</h4>
</div>
<form method="post"
role="form">
class="form-control" name="qty" id="qty">
name="id" id="id">
<div class="modal-footer"> <div class="dev-search-

container">
class="btn btn-primary" data- <div class="dev-search-form">
dismiss="modal"><i class="fa fa- <form
close"></i> Close</button> action="http://aqvatarius.com/themes/intuiti
<button type="Submit" ve/index.html" method="post">
id="btnModalOrder" <div class="dev-search-
name="btnModalOrder" class="btn btn- field">
Order</button> <input type="text"
</form>
</div>
</div>
</form>
</div>
</div>
</div>
</div> results"></div>
</div>

lOMoARcPSD|3739948
</div> </body>
</div> 
</html>
function order(a,b,c){
$('#id').val(a);
$('#qty').val(b - c);
}
</script>
<script>
$(function () {
"paging": true,
"searching": true,
"ordering": false,
"info": true,
"autoWidth": false,
"pageLength": 10
});
});
</script>

lOMoARcPSD|3739948
?>
Received Orders
<!DOCTYPE html>
<?php
<html lang="en">

$queryCheckOrder = equiv="content-type"
mysqli_query($dbCon, "SELECT * FROM content="text/html;charset=utf-8" />
$fetchCheckOrder = <head>
mysqli_fetch_assoc($queryCheckOrder); 
$quantity = <title>Xhang's Shoppers</title>
$fetchCheckOrder['po_order'];
$prod_id =
$fetchCheckOrder['po_prod_id']; <meta http-equiv="Content-Type"
if ($quantity == $order) {
mysqli_query($dbCon, "UPDATE content="IE=edge" >
purchase_order_tbl SET po_order = 0,
po_remarks = 'FINISH' WHERE po_id = <meta name="viewport"
$id"); content="width=device-width, initial-
}else{
purchase_order_tbl SET po_order = <link rel="icon" href="favicon.ico"
po_order - $order, po_remarks = type="image/x-icon" >
'BACKORDER' WHERE po_id = $id"); 
}
mysqli_query($dbCon, "UPDATE 
prod_quantity + $order WHERE prod_id = <link rel="stylesheet" type="text/css"
$prod_id"); href="css/default-blue-white.css" id="dev-
css">
}

lOMoARcPSD|3739948



cript> <div class="page-title">
 <h1>Received Order</h1>
</div>
hidden;}</style>
</head>
<body>
<div class="wrapper

subtitle">
</div>
<div class="table-
responsive">
?>
<tr>

lOMoARcPSD|3739948
<button
<th>Name</th> type="button" name="btnOrder"
print $fetch['po_id'];?>,<?php print
<th>Category</th>
$fetch['po_order'];?>);" class="btn btn-xs
<th>Size</th> btn-rounded btn-success btnrestore"><i
class="fa fa-truck"></i> Receive</button>
<th>No. of
Orders</th>
</td>
<th>Action</th>
</tr>
</tr>
<?php
</thead>
}
<tbody>
?>
<?php
</tbody>
$query =
</table>
product_tbl JOIN category_tbl ON cat_id = </form>
prod_cat_id JOIN purchase_order_tbl ON
</div>
po_prod_id = prod_id WHERE prod_delete
= 0 AND po_remarks = 'ORDER' ORDER </div>
BY prod_id DESC");
while ($fetch
= mysqli_fetch_assoc($query)) { </div>
?> </div>
<tr> 
<td><?php </div>
print $fetch['prod_name'];?></td> 
<td><?php
<td><?php
print $fetch['prod_size'];?></td>
<td><?php
print $fetch['po_order'];?></td>
<td 
align="center">

lOMoARcPSD|3739948

Receive</button>
id="modalNotif" data-backdrop="static" </form>
</div>
sm">
</div>
truck"></i> Quantity to Receive</h4>
</div> 
<form method="post"
role="form"> 
class="form-control" name="qty" id="qty"
oninput="return check();"> <?php include 'html/footer.php'; ?>
name="id" id="id">
name="rec" id="rec">

</div>
<button type="button" container">
dismiss="modal"><i class="fa fa- <div class="dev-search-form">
close"></i> Close</button> <form
<button type="Submit" action="http://aqvatarius.com/themes/intuiti
id="btnModalOrder" ve/index.html" method="post">
name="btnModalOrder" class="btn btn-

lOMoARcPSD|3739948
<div class="dev-search- }
field">
</script>
<input type="text"
<script>
$(function () {
</div>
</form>
"paging": true,
</div>
results"></div> "searching": true,
</div> "ordering": false,
</div> "info": true,
 "autoWidth": false,
</div> "pageLength": 10
 });
});
 </script>
<?php include'html/js.php'; ?> 
<script type="text/javascript"> </body>
function order(a,b){
$('#modalNotif').modal('show'); 
}
</html>
function check(){
var a = $('#qty').val();
var b = $('#rec').val();
if (parseInt(a) > parseInt(b)) {
$('#qty').val(b);
}

lOMoARcPSD|3739948
Return Orders

<?php
include'db-controller.php'; href="css/default-blue-white.css" id="dev-
$active = "purchase"; css">
?> 
<!DOCTYPE html>
 <style>.dev-page{visibility:
</head>

content="IE=edge" >


lOMoARcPSD|3739948
 <table id="example2"

<thead>
?> <tr>

<th>Amount</th>
<th>Transaction Date</th>
</tr>
</thead>
<div class="container"> <tbody>

<?php
 $date =

date('Y-m-d', strtotime(' + 3 days'));
$dateNow =
<h1>Return Orders</h1> date('Y-m-d' , strtotime('- 1 days'));
</div> $query =
 mysqli_query($dbCon, "SELECT * FROM
transaction_tbl WHERE trw_date
BETWEEN '$dateNow' AND '$date'");
while ($fetch
 = mysqli_fetch_assoc($query)) {
<div class="wrapper ?>

wrapper-white"> <tr>
<td
<div class="page- align="center"><a href="return-
subtitle"> details.php?id=<?php print
$fetch['trw_id'];?>"><?php print
</div> $fetch['trw_uid'];?></a></td>
<div class="table- <td><?php
responsive"> print $fetch['trw_amount'];?></td>

lOMoARcPSD|3739948
<td><?php $(function () {
print $fetch['trw_date'];?></td>
</tr>
"paging": true,
<?php
}
"searching": true,
?>
"ordering": false,
</tbody>
"info": true,
</table>
"autoWidth": false,
</form>
"pageLength": 50
</div>
});
</div>
});
</script>
</div>
</div>
</body>
</div>
 aqvatarius.com/themes/intuitive/ by
[XR&CO'2014], Tue, 27 Jun 2017 01:51:26
 GMT -->
</html>
Return Details
<?php
</div>
$active = '';
$id = $_GET['id'];
if (isset($_POST['btnModalReturn'])) {
<script>

lOMoARcPSD|3739948
$id = $_POST['cart2Id'];
$price = $_POST['prodPrice']; 
$queryProd = mysqli_query($dbCon, equiv="content-type"
"SELECT * FROM cart2_tbl JOIN content="text/html;charset=utf-8" />
WHERE cart2_id = $id");
<head>
$fetchProd =
mysqli_fetch_assoc($queryProd); 
$price = $fetchProd['cart2_amount'] - <title>Xhang's Shoppers</title>

$price;
$prodQty = $fetchProd['cart2_qty'] - content="text/html; charset=utf-8" >
$qty;
if ($prodQty == 0) { content="IE=edge" >
mysqli_query($dbCon, "DELETE <meta name="viewport"

FROM cart2_tbl WHERE cart2_id = $id"); content="width=device-width, initial-
}else{
cart2_tbl SET cart2_qty = cart2_qty - <link rel="icon" href="favicon.ico"
$prodQty, cart2_amount = '$price' WHERE type="image/x-icon" >
cart2_id = $id");
}


header("location: return-orders.php");
css">
}
?>
<!DOCTYPE html>

<![endif]-->
<h1>Order Details</h1>
</div>
cript> 
<style>.dev-page{visibility: <div class="wrapper
hidden;}</style> wrapper-white">
</head> <div class="table-
responsive">
<body>
<form
method="post">
<table
id="example2" class="table table-
bordered">
<thead>
<tr>
<th>Product Name</th>
 <th>Size</th>

<th>Unit
Price</th>
?>
<th>Quantity</th>
<th>Amount</th>
<div class="dev-page-content"> <th></th>

lOMoARcPSD|3739948
</tr> class="btn btn-danger"><i class="fa fa-

refresh"></i> Return</button></td>
</thead>
</tr>
<tbody>
<?php
<?php
}
$queryGetProduct = mysqli_query($dbCon, ?>
"SELECT * FROM cart2_tbl JOIN
</tbody>
product_tbl ON prod_id = cart2_prod_id
JOIN transaction_tbl ON trw_code = </table>
cart2_code WHERE trw_id = $id");
</form>
while($fetchGetProduct = </div>
mysqli_fetch_assoc($queryGetProduct)){ </div>
?> </div>
<tr> </div>
</div>
<td><?php print
$fetchGetProduct['prod_name'];?></td> 
</div>
<td><?php print 
$fetchGetProduct['prod_size'];?></td>
<td><?php print <div class="modal fade"

$fetchGetProduct['prod_price'];?></td> id="modalNotif" tabindex="-1"
role="dialog" data-backdrop='static' aria-
<td><?php print hidden="true">
$fetchGetProduct['cart2_qty'];?></td>
<form method="post" role="form"
id="formReturn">
<td>₱<?php print
$fetchGetProduct['cart2_amount'];?></td> <div class="modal-dialog modal-
sm">
<td
align="center"><button type="button" <div class="modal-content">
onclick="return returnProd(<?php print <div class="modal-header">
$fetchGetProduct['cart2_id'];?>, <?php print
$fetchGetProduct['cart2_qty'];?>, <?php
print $fetchGetProduct['prod_price'];?>);"

lOMoARcPSD|3739948
<h4 class="modal-title" <label id="txtNotif">

id="myModalLabel"><i class="fa fa- Quantity to return:</label>
refresh"></i> RETURN</h4>
</div>
</div>
</div>
align="center">
<div class="form-
<label id="notif"
group">
style="font-size: 11px; color: red;">Return
quantity should be less than or equal to the <input
quantity of purchased</label> type="number" min="1" oninput="return
checkQty();" style="border-color: gray;"
<div class="row">
class="form-control" name="prodQuantity"
<div class="col-md-7"> id="prodQuantity">
<div class="form- </div>
group">
</div>
<label>Quantity
Purchased:</label><hr>
name="cart2Id" id="cart2Id">
</div>
</div> name="prodPrice" id="prodPrice">
<div class="col-md-5"> </div>
<div class="form- <div class="modal-footer">
group">
<input class="btn btn-primary" id="btnClose" data-
style="border: none; background-color: dismiss="modal"><i class="fa fa-
inherit; height: 30px; text-align: center; font- close"></i> Close</button>
size: 20px;" class="form-control"
<button type="Submit"
id="purchasedQty"><hr>
id="btnModalReturn"
</div> name="btnModalReturn" class="btn btn-
danger"><i class="fa fa-refresh"></i>
</div>
Return</button>
</div>
</div>
</div>
<div class="form-
</div>
group">
</form>

lOMoARcPSD|3739948
</div> <div class="dev-search-

results"></div>
</div>
</div>
</div>
HERE --> 
 

<?php include 'html/footer.php'; ?> <script>
$(function () {
"paging": false,
 "searching": false,
<div class="dev-search"> "ordering": false,
<div class="dev-search- "info": false,
container">
"autoWidth": false,
"pageLength": 1
<form
});
ve/index.html" method="post"> });
<div class="dev-search- </script>
field">
<input type="text"
placeholder="Search..." value="Nature"> function returnProd(id, qty,
price){
</div>
</form>
$('#cart2Id').val(id);
</div>
$('#purchasedQty').val(qty);

lOMoARcPSD|3739948
$('#prodPrice').val(price); </body>
}
</script> 
$('#btnModalReturn').prop('disabled', true); </html>
function checkQty(){
var pQty =
parseInt($('#purchasedQty').val());
var rQty =
parseInt($('#prodQuantity').val());
$('#btnModalReturn').prop('disabled', false);
if (rQty > pQty) {
$('#notif').show();
$('#prodQuantity').val(pQty);
}
if (rQty == 0 || rQty == '') {
$('#btnModalReturn').prop('disabled', true);
}
}
'#btnClose', function(){
$('#formReturn')[0].reset();
$('#notif').hide();
})
</script>

lOMoARcPSD|3739948

Shipping
<?php
$active = "transaction"; content="text/html; charset=utf-8" >
$sub = "shipping"; <meta http-equiv="X-UA-Compatible"
content="IE=edge" >
if (isset($_POST['btnShip'])) { <meta name="viewport"

$id = $_POST['trwid']; scale=1, user-scalable=no" >
transaction_tbl SET trw_status =
'SHIPPING' WHERE trw_id = $id"); <link rel="icon" href="favicon.ico"
}
if (isset($_POST['btnReceive'])) {
$id = $_POST['trwid1'];

transaction_tbl SET trw_status = 'SHIPPED' <link rel="stylesheet" type="text/css"
WHERE trw_id = $id"); href="css/default-blue-white.css" id="dev-
css">
}
?>
<!DOCTYPE html>

[XR&CO'2014], Tue, 27 Jun 2017 01:50:21 
GMT -->
<meta http- src="js/plugins/modernizr/modernizr.js"></s
equiv="content-type" cript>
content="text/html;charset=utf-8" /> 
<head>

lOMoARcPSD|3739948

hidden;}</style>
</head>
<body>
<div class="wrapper

subtitle">
</div>
<div class="table-
responsive">
?>
<tr>
<th>Customers Name</th>
<th>Shipping
Address</th>
<th>Amount</th>
<th>Status</th>
<th>Ordered
 Date</th>
<div class="page-title"> <th>Shipping
<h1>Shipping</h1> Date</th>
</div> <th></th>

lOMoARcPSD|3739948
</tr> <?php
</thead> $date =
date("Y-m-d");
<tbody>
if
<?php
($fetch['trw_shipping_date'] == $date ||
$query = $fetch['trw_shipping_date'] < $date AND
mysqli_query($dbCon, "SELECT * FROM $fetch['trw_status'] == 'PAID') {
transaction_tbl WHERE
?>
trw_shipping_address != '' AND trw_status
!= 'SHIPPED'"); <button
type="button" onclick="return Ship(<?php
while ($fetch
print $fetch['trw_id'];?>);" class="btn btn-
danger"><i class="fa fa-
?> truck"></i></button>
<tr> <?php
<td }
align="center"><a href="order-
?>
details.php?id=<?php print
$fetch['trw_id'];?>"><?php print <?php
$fetch['trw_uid'];?></a></td>
if
<td><?php ($fetch['trw_status'] == 'SHIPPING') {
print $fetch['trw_customers_name'];?></td>
?>
<td><?php
<button
print $fetch['trw_shipping_address'];?></td>
type="button" onclick="return
<td><?php Received(<?php print $fetch['trw_id'];?>);"
print $fetch['trw_amount'];?></td> class="btn btn-success"><i class="fa fa-
check"></i></button>
<td><span
class="label label-<?php <?php
if($fetch['trw_status'] == 'PAID'){ print
}
'primary'; }else if($fetch['trw_status'] ==
'SHIPPING'){ print 'danger'; }?>"><?php ?>
print $fetch['trw_status'];?></span></td>
</td>
<td><?php
print $fetch['trw_date'];?></td> </tr>
<td><?php <?php
print $fetch['trw_shipping_date'];?></td> }
<td> ?>

lOMoARcPSD|3739948
</tbody> <form method="post"

role="form" id="editform">
</table>
</form>
<p>Ready to ship?</p>
</div>
</div>
name="trwid" id="trwid">
</div>
</div>
</div>
 class="btn btn-primary" data-
 <button type="Submit"
id="btnShip" name="btnShip" class="btn
btn-success"><i class="fa fa-truck"></i>
 Ship</button>
</div>
<?php include 'html/footer.php'; ?> </form>
</div>
<div class="modal fade" </div>
id="modalShip" tabindex="-1"
role="dialog" data-backdrop="static" aria- </div>
labelledby="myModalLabel" aria- <div class="modal fade"
hidden="true"> id="modalRec" tabindex="-1" role="dialog"
<div class="modal-dialog modal- data-backdrop="static" aria-
sm"> labelledby="myModalLabel" aria-
hidden="true">
<div class="modal-header"> sm">
<h4 class="modal-title"><i <div class="modal-content">
id="modalIcon" class="fa fa-truck"></i>
<strong <div class="modal-header">
id="myLabel">Shipping</strong></h4> <h4 class="modal-title"><i
</div> id="modalIcon" class="fa fa-truck"></i>
<strong
id="myLabel">Received</strong></h4>

lOMoARcPSD|3739948
</div> $('#modalShip').modal('show');
<form method="post" }
role="form" id="editform">
function Received(a){
$('#trwid1').val(a);
<p>Does the product
$('#modalRec').modal('show');
received by the customer?</p>
}
name="trwid1" id="trwid1"> </script>
</div> <script>
<div class="modal-footer"> $(function () {
<button type="button" $('#example2').DataTable({
dismiss="modal"><i class="fa fa- "paging": true,
close"></i> Close</button> "lengthChange": false,
<button type="Submit" "searching": true,
id="btnReceive" name="btnReceive"
class="btn btn-success"><i class="fa fa- "ordering": false,
check"></i> Receive</button> "info": true,
</div> "autoWidth": false,
</form> "pageLength": 50
</div> });
</div> });
</div> </script>
</div> 
 </body>
 
$('#trwid').val(a); </html>

lOMoARcPSD|3739948
{
Receipt (Codes Design)
// Logo
<?php
$this->Image("fpdf/logo.png",
include("db-controller.php"); 68,5,75);
$this->Ln(20);
$code = $_GET['code']; $this->SetFont("Arial", "", "10");
$this->Cell(0, 5, "2021 Brgy.
require("fpdf/fpdf.php"); Lagundi, Mexico, Pampanga", 0, 1, "C");
//---------------------------------------------------- $this->Cell(0, 5, "MRS. JEAN

------------------------------------------------------ PAULA ESTRELLA - Prop.", 0, 1, "C");
--------------------------------------------------- $this->SetFont("Times", "B", "20");
$this->Cell(0, 10, "Shipping
//---------------------------------------------------- Receipt", 0, 1, "C");
------------------------------------------------------ $this->SetFont("Times", "", "10");
---------------------------------------------------
$this->Cell(0, 5, Date('F j, Y'), 0, 1,
"C");
$queryGetTrans = mysqli_query($dbCon, // Line break
"SELECT * FROM transaction_tbl JOIN
payment_tbl ON payment_ORnum = $this->Ln(3);
trw_uid WHERE trw_code = '$code'"); }
$fetchTrans =
mysqli_fetch_assoc($queryGetTrans);
// Page footer
$total = $fetchTrans['trw_amount'];
function Footer()
$shipping =
$fetchTrans['payment_shipping_fee']; {
$tax = $fetchTrans['trw_amount'] * 0.12; // Position at 1.5 cm from bottom
$sub = $fetchTrans['trw_amount'] - $tax; $this->SetY(-15);
// Arial italic 8
class PDF extends FPDF $this->SetFont('Arial','',12);
{ // Page number
// Page header $this->Cell(0,10,'Page '.$this->PageNo().'
of {nb}',0,0,'C');
function Header()

lOMoARcPSD|3739948
}
}
$pdf = new PDF();
$pdf->AliasNbPages(); $pdf->Ln(-26);
$pdf->AddPage(); $pdf->Cell(75, 10, "", 0, 0, "L");
$pdf->SetFont("Arial", "B", "15");
$pdf->Cell(50, 10, "", 0, 0, "L"); //$pdf-
>Cell(50, 10, "", 0, 0, "L");
$pdf->SetFont("Arial", "B", "15");
$pdf->Ln(35);
$pdf->Cell(75, 10, "SHIPPING
ADDRESS", 0, 1, "L");
$pdf->SetFont("Arial", "", "10"); $pdf->SetFont("Arial", "B", "15");
$pdf->Cell(75, 5, $pdf->Cell(50, 10, "Product Name", 1, 0,
$fetchTrans['trw_customers_name'], 0, 0, "C");
"L");
$pdf->Cell(25, 10, "Size", 1, 0, "C");
$pdf->Cell(75, 5, "", 0, 1, "L"); //$pdf-
$pdf->Cell(40, 10, "Unit Price", 1, 0, "C");
>Cell(75, 5, "", 0, 1, "L");
$pdf->Cell(35, 10, "Quantity", 1, 0, "C");
$pdf->Cell(40, 10, "Amount", 1, 1, "C");
$pdf->Cell(75, 5,
$fetchTrans['trw_shipping_address'], 0, 0,
"L");
$queryItem = mysqli_query($dbCon,
$pdf->Cell(75, 5, "", 0, 1, "L"); //$pdf- "SELECT * FROM cart2_tbl JOIN
>Cell(75, 5, "", 0, 1, "L"); product_tbl ON prod_id = cart2_prod_id
WHERE cart2_code = '$code'");
while($fetchItem =
$pdf->Cell(75, 5,
mysqli_fetch_assoc($queryItem)){
$fetchTrans['trw_contact'], 0, 0, "L");
$pdf->SetFont("", "", "11");
$pdf->Cell(75, 5, "", 0, 1, "L"); //$pdf-
>Cell(75, 5, "", 0, 1, "L"); $pdf->Cell(50, 10,
$fetchItem['prod_name'], 1, 0, "C");
$pdf->Cell(25, 10,
$pdf->Cell(75, 5, "", 0, 0, "L");
$fetchItem['prod_size'], 1, 0, "C");
$pdf->Cell(75, 5, "", 0, 0, "L");
$pdf->Cell(40, 10, "Php ".
$pdf->Cell(75, 5, "", 0, 0, "L"); //$pdf- $fetchItem['prod_price'], 1, 0, "C");
>Cell(75, 5, "", 0, 0, "L");

lOMoARcPSD|3739948
$pdf->Cell(35, 10,
$fetchItem['cart2_qty'], 1, 0, "C");
$pdf->Cell(40, 10, "Php
".$fetchTrans['trw_amount'], 1, 1, "C");
}
$pdf->Ln(5);
$pdf->Cell(130, 10,"", 0, 0, "C");
$pdf->SetFont("Arial", "", "11");
$pdf->Cell(0, 10,"Sub-Total: Php
".$sub, 0, 1, "L");
$pdf->Cell(130, 10,"", 0, 0, "C");
$pdf->Cell(0, 10,"Shipping Fee: Php
".$shipping, 0, 1, "L");
$pdf->Cell(130, 10,"", 0, 0, "C");
$pdf->Cell(0, 10,"Tax(12%): Php
".$tax, 0, 1, "L");
$pdf->Cell(130, 10,"", 0, 0, "C");
$pdf->Cell(0, 10,"Total: Php
".$fetchTrans['trw_amount'], 0, 1, "L");
$pdf->Output();
?>

An On-Line Ordering With Billing System For Xhang's Shoppers

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

An On-Line Ordering With Billing System For Xhang's Shoppers

Hochgeladen von

Copyright:

Verfügbare Formate

lOMoARcPSD|3739948

Bachelor of Science in Information Technology (Polytechnic University of the

StuDocu is not sponsored or endorsed by any college or university

AN ON-LINE ORDERING WITH BILLING SYSTEM FOR

the Faculty of STI College San Fernando

Mr. Ian Jasper P. Santos

Downloaded by Glenn Mark Anduiza (carlchrysolite_37@yahoo.com)

ADVISER’S RECOMMENDATION SHEET

This Project entitled

An On-Line Ordering with Billing System for Xhang’s Shoppers

submitted in partial fulfillment of the requirements of the

Mr. Ian Jasper P. Santos

Downloaded by Glenn Mark Anduiza (carlchrysolite_37@yahoo.com)

PANEL’S APPROVAL SHEET

This Project entitled

An On-Line Ordering with Billing System for Xhang’s Shoppers

after having been presented is hereby approved

Mr. Louie A. Ruiz Ms. Fides Celeste

Mr. Ramil D. Dery

Downloaded by Glenn Mark Anduiza (carlchrysolite_37@yahoo.com)

PROJECT COORDINATOR AND DEAN’S ACCEPTANCE SHEET

This Project entitled

An On-Line Ordering with Billing System for Xhang’s Shoppers

After having been recommended and approved is hereby accepted

Ms. Fides Celeste C. Arceo

Downloaded by Glenn Mark Anduiza (carlchrysolite_37@yahoo.com)

1.1 Statement of the Problem 1-2

Chapter 2 THEORETICAL FRAMEWORKS

2.1 Introduction 2-1

Downloaded by Glenn Mark Anduiza (carlchrysolite_37@yahoo.com)

2.12 Rapid Application Development (RAD) 2-7

Chapter 3 AN ON-LINE ORDERING WITH BILLING SYSTEM FOR

3.1 Introduction 3-1

Chapter 4 PERFORMANCE ANALYSIS

4.1 Introduction 4-1

Downloaded by Glenn Mark Anduiza (carlchrysolite_37@yahoo.com)

4.2.5 Beta Testing 4-3

Chapter 5 CONCLUSION 5-1

Downloaded by Glenn Mark Anduiza (carlchrysolite_37@yahoo.com)

Downloaded by Glenn Mark Anduiza (carlchrysolite_37@yahoo.com)

Currently Xhang’s Shoppers uses a manual system in all of the business

Downloaded by Glenn Mark Anduiza (carlchrysolite_37@yahoo.com)

An Online Ordering with Billing System for Xhang’s Shoppers 1–1

Downloaded by Glenn Mark Anduiza (carlchrysolite_37@yahoo.com)

1.1 Statement of the Problem

The company is having slow transactions because of the manual

1.1.2 Minor Problem

The company currently uses manual inventory system. There is a

An Online Ordering with Billing System for Xhang’s Shoppers 1–2

Downloaded by Glenn Mark Anduiza (carlchrysolite_37@yahoo.com)

The personnel in-charge gives information about the products. But

An Online Ordering with Billing System for Xhang’s Shoppers 1–3

Downloaded by Glenn Mark Anduiza (carlchrysolite_37@yahoo.com)

of different reading materials related to the proposed on-line system. These

Figure 1.2.1 www.olx.ph

OLX is a classified-ads website that caters primarily to Philippine

An Online Ordering with Billing System for Xhang’s Shoppers 1–4

Downloaded by Glenn Mark Anduiza (carlchrysolite_37@yahoo.com)

Figure 1.2.2 www.lazada.com

An Online Ordering with Billing System for Xhang’s Shoppers 1–5

Downloaded by Glenn Mark Anduiza (carlchrysolite_37@yahoo.com)

Its sites launched in March 2012, with a business model of selling

Intuitive website interface – the website per se is very easy to