<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <title><?= $pageTitle ?></title>
        <meta name="keywords" content="Masasouq, keywords">
        <meta name="description" content="Masasouq description">
        <meta name="author" content="Masasouq">
        <!-- Favicon -->
        <link rel="apple-touch-icon" sizes="180x180" href="/public/front/assets/images/icons/apple-touch-icon.png">
        <link rel="icon" type="image/png" sizes="32x32" href="/public/front/assets/images/icons/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="16x16" href="/public/front/assets/images/icons/favicon-16x16.png">
        <link rel="manifest" href="/public/front/assets/images/icons/site.webmanifest">
        <link rel="mask-icon" href="/public/front/assets/images/icons/safari-pinned-tab.svg" color="#666666">
        <link rel="shortcut icon" href="/public/front/assets/images/icons/favicon.ico">
        <meta name="apple-mobile-web-app-title" content="Molla">
        <meta name="application-name" content="Molla">
        <meta name="msapplication-TileColor" content="#cc9966">
        <meta name="msapplication-config" content="/public/front/assets/images/icons/browserconfig.xml">
        <meta name="theme-color" content="#ffffff">
        <!-- Plugins CSS File -->
        <link rel="stylesheet" href="/public/front/assets/css/bootstrap.min.css">
        <link rel="stylesheet" href="/public/front/assets/css/plugins/owl-carousel/owl.carousel.css">
        <link rel="stylesheet" href="/public/front/assets/css/plugins/magnific-popup/magnific-popup.css">
        <!-- Main CSS File -->
        <link rel="stylesheet" href="/public/front/assets/css/style.css">
        <link rel="stylesheet" href="/public/front/assets/css/skins/skin-demo-23.css">
        <link rel="stylesheet" href="/public/front/assets/css/demos/demo-23.css">  

        <?php
        if (($this->session->userdata("lang") == 'ar')) {
            ?>
            <link href="/public/css/style-ar.css" rel="stylesheet" type="text/css"/>
            <?php
        }
        ?>

        <script src="/public/front/assets/js/jquery.min.js"></script>

    </head>
    <!-- ==== body starts ==== -->
    <body>
        <div class="page-wrapper">
<div class="container page-container">
    
    <div class="header sticky-header">
                    <div class="header-left">
                        <button class="mobile-menu-toggler">
                            <span class="sr-only">Toggle mobile menu</span>
                            <i class="icon-bars"></i>
                        </button>

                        <div class="header-search header-search-extended header-search-visible d-none d-lg-block">
                            <form action="#" method="get">
                                <div class="header-search-wrapper search-wrapper-wide">
                                    <label for="q" class="sr-only">Search</label>
                                    <input type="search" class="form-control" name="q" id="q" placeholder="Search product..." required>
                                    <a href="#" class="search-toggle" role="button"><i class="icon-search"></i></a>
                                </div><!-- End .header-search-wrapper -->
                            </form>
                        </div><!-- End .header-search -->
                    </div>

                    <div class="header-center text-center">
                        <p>Free Delivery For Members</p>
                    </div>

                    <div class="header-right">
                        <div class="account">
                            <a href="dashboard.html" title="My account">
                                <i class="icon-user"></i>
                            </a>
                        </div><!-- End .compare-dropdown -->

                        <div class="wishlist">
                            <a href="wishlist.html" title="Wishlist">
                                <i class="icon-heart-o"></i>
                                <span class="wishlist-count badge">3</span>
                            </a>
                        </div><!-- End .compare-dropdown -->

                        <div class="dropdown cart-dropdown">
                            <div class="dropdown-link">
                                <a href="#" class="dropdown-toggle" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static">
                                    <i class="icon-shopping-cart"></i>
                                    <span class="cart-count badge">2</span>
                                </a>
                            </div>

                            <div class="dropdown-menu dropdown-menu-right">
                                <div class="dropdown-cart-products">
                                    <div class="product">
                                        <div class="product-cart-details">
                                            <h4 class="product-title">
                                                <a href="product.html">Beige knitted elastic runner shoes</a>
                                            </h4>

                                            <span class="cart-product-info">
                                                <span class="cart-product-qty">1</span>
                                                x $84.00
                                            </span>
                                        </div><!-- End .product-cart-details -->

                                        <figure class="product-image-container">
                                            <a href="product.html" class="product-image">
                                                <img src="/public/front/assets/images/products/cart/product-1.jpg" alt="product">
                                            </a>
                                        </figure>
                                        <a href="#" class="btn-remove" title="Remove Product"><i class="icon-close"></i></a>
                                    </div><!-- End .product -->

                                    <div class="product">
                                        <div class="product-cart-details">
                                            <h4 class="product-title">
                                                <a href="product.html">Blue utility pinafore denim dress</a>
                                            </h4>

                                            <span class="cart-product-info">
                                                <span class="cart-product-qty">1</span>
                                                x $76.00
                                            </span>
                                        </div><!-- End .product-cart-details -->

                                        <figure class="product-image-container">
                                            <a href="product.html" class="product-image">
                                                <img src="/public/front/assets/images/products/cart/product-2.jpg" alt="product">
                                            </a>
                                        </figure>
                                        <a href="#" class="btn-remove" title="Remove Product"><i class="icon-close"></i></a>
                                    </div><!-- End .product -->
                                </div><!-- End .cart-product -->

                                <div class="dropdown-cart-total">
                                    <span>Total</span>

                                    <span class="cart-total-price">$160.00</span>
                                </div><!-- End .dropdown-cart-total -->

                                <div class="dropdown-cart-action">
                                    <a href="cart.html" class="btn btn-primary">View Cart</a>
                                    <a href="checkout.html" class="btn btn-outline-primary-2"><span>Checkout</span><i class="icon-long-arrow-right"></i></a>
                                </div><!-- End .dropdown-cart-total -->
                            </div><!-- End .dropdown-menu -->
                        </div><!-- End .cart-dropdown -->
                        <p class="price">$ 164,00</p>
                    </div>
                </div>
                <div class="side-div">
                    <div class="header sidebar">
                        <div class="header-top">
                            <a href="index.html" class="logo">
                                <img src="/public/front/assets/images/demos/demo-23/logo.png" alt="OLLA Logo" width="100" height="20">
                            </a>
                        </div>
                        <div class="header-main">
                            <nav class="main-nav">
                                <ul class="menu sf-arrows">
                                    <li class="megamenu-container active">
                                        <a href="index.html" class="sf-with-ul">Home</a>

                                        <div class="megamenu demo left">
                                            <div class="menu-col">
                                                <div class="menu-title">Choose your demo</div><!-- End .menu-title -->

                                                <div class="demo-list">
                                                    <div class="demo-item">
                                                        <a href="index.html">
                                                            <span class="demo-title">01 - Furniture Store</span>
                                                        </a>
                                                    </div><!-- End .demo-item -->

                                                    <div class="demo-item">
                                                        <a href="index-2.html">
                                                            <span class="demo-title">02 - Furniture Store</span>
                                                        </a>
                                                    </div><!-- End .demo-item -->

                                                    <div class="demo-item">
                                                        <a href="index-3.html">
                                                            <span class="demo-title">03 - Electronic Store</span>
                                                        </a>
                                                    </div><!-- End .demo-item -->

                                                    <div class="demo-item">
                                                        <a href="index-4.html">
                                                            <span class="demo-title">04 - Electronic Store</span>
                                                        </a>
                                                    </div><!-- End .demo-item -->

                                                    <div class="demo-item">
                                                        <a href="index-5.html">
                                                            <span class="demo-title">05 - Fashion Store</span>
                                                        </a>
                                                    </div><!-- End .demo-item -->

                                                    <div class="demo-item">
                                                        <a href="index-6.html">
                                                            <span class="demo-title">06 - fashion store</span>
                                                        </a>
                                                    </div><!-- End .demo-item -->

                                                    <div class="demo-item">
                                                        <a href="index-7.html">
                                                            <span class="demo-title">07 - Fashion Store</span>
                                                        </a>
                                                    </div><!-- End .demo-item -->

                                                    <div class="demo-item">
                                                        <a href="index-8.html">
                                                            <span class="demo-title">08 - Fashion Store</span>
                                                        </a>
                                                    </div><!-- End .demo-item -->

                                                    <div class="demo-item">
                                                        <a href="index-9.html">
                                                            <span class="demo-title">09 - Fashion Store</span>
                                                        </a>
                                                    </div><!-- End .demo-item -->

                                                    <div class="demo-item">
                                                        <a href="index-10.html">
                                                            <span class="demo-title">10 - Shoes Store</span>
                                                        </a>
                                                    </div><!-- End .demo-item -->

                                                    <div class="demo-item">
                                                        <a href="index-11.html">
                                                            <span class="demo-title">11 - Furniture Simple Store</span>
                                                        </a>
                                                    </div><!-- End .demo-item -->

                                                    <div class="demo-item">
                                                        <a href="index-12.html">
                                                            <span class="demo-title">12 - Fashion Simple Store</span>
                                                        </a>
                                                    </div><!-- End .demo-item -->

                                                    <div class="demo-item">
                                                        <a href="index-13.html">
                                                            <span class="demo-title">13 - Market</span>
                                                        </a>
                                                    </div><!-- End .demo-item -->

                                                    <div class="demo-item">
                                                        <a href="index-14.html">
                                                            <span class="demo-title">14 - Market Fullwidth</span>
                                                        </a>
                                                    </div><!-- End .demo-item -->

                                                    <div class="demo-item">
                                                        <a href="index-15.html">
                                                            <span class="demo-title">15 - Lookbook 1</span>
                                                        </a>
                                                    </div><!-- End .demo-item -->

                                                    <div class="demo-item">
                                                        <a href="index-16.html">
                                                            <span class="demo-title">16 - Lookbook 2</span>
                                                        </a>
                                                    </div><!-- End .demo-item -->

                                                    <div class="demo-item">
                                                        <a href="index-17.html">
                                                            <span class="demo-title">17 - Fashion Store</span>
                                                        </a>
                                                    </div><!-- End .demo-item -->

                                                    <div class="demo-item">
                                                        <a href="index-18.html">
                                                            <span class="demo-title">18 - Fashion Store (with sidebar)</span>
                                                        </a>
                                                    </div><!-- End .demo-item -->

                                                    <div class="demo-item">
                                                        <a href="index-19.html">
                                                            <span class="demo-title">19 - Games Store</span>
                                                        </a>
                                                    </div><!-- End .demo-item -->

                                                    <div class="demo-item">
                                                        <a href="index-20.html">
                                                            <span class="demo-title">20 - Book Store</span>
                                                        </a>
                                                    </div><!-- End .demo-item -->

                                                    <div class="demo-item hidden">
                                                        <a href="index-21.html">
                                                            <span class="demo-title">21 - Sport Store</span>
                                                        </a>
                                                    </div><!-- End .demo-item -->

                                                    <div class="demo-item hidden">
                                                        <a href="index-22.html">
                                                            <span class="demo-title">22 - Tools Store</span>
                                                        </a>
                                                    </div><!-- End .demo-item -->

                                                    <div class="demo-item hidden">
                                                        <a href="index-23.html">
                                                            <span class="demo-title">23 - Fashion Left Navigation Store</span>
                                                        </a>
                                                    </div><!-- End .demo-item -->

                                                    <div class="demo-item hidden">
                                                        <a href="index-24.html">
                                                            <span class="demo-title">24 - Extreme Sport Store</span>
                                                        </a>
                                                    </div><!-- End .demo-item -->
                                                </div><!-- End .demo-list -->

                                                <div class="megamenu-action text-left">
                                                    <a href="#" class="btn view-all-demos"><span>View All Demos</span><i class="icon-long-arrow-right"></i></a>
                                                </div><!-- End .text-center -->
                                            </div><!-- End .menu-col -->
                                        </div><!-- End .megamenu -->
                                    </li>
                                    <li>
                                        <a href="category.html" class="sf-with-ul">Shop</a>

                                        <div class="megamenu demo left">
                                            <div class="menu-col">
                                                <div class="menu-title">Shop pages</div><!-- End .menu-title -->
                                                <ul>
                                                    <li><a href="category-list.html">Shop List</a></li>
                                                    <li><a href="category-2cols.html">Shop Grid 2 Columns</a></li>
                                                    <li><a href="category.html">Shop Grid 3 Columns</a></li>
                                                    <li><a href="category-4cols.html">Shop Grid 4 Columns</a></li>
                                                    <li><a href="category-market.html"><span>Shop Market<span class="tip tip-new">New</span></span></a></li>
                                                    <li><a href="category-boxed.html"><span>Shop Boxed No Sidebar<span class="tip tip-hot">Hot</span></span></a></li>
                                                    <li><a href="category-fullwidth.html">Shop Fullwidth No Sidebar</a></li>
                                                    <li><a href="product-category-boxed.html">Product Category Boxed</a></li>
                                                    <li><a href="product-category-fullwidth.html"><span>Product Category Fullwidth<span class="tip tip-new">New</span></span></a></li>
                                                    <li><a href="cart.html">Cart</a></li>
                                                    <li><a href="checkout.html">Checkout</a></li>
                                                    <li><a href="wishlist.html">Wishlist</a></li>
                                                    <li><a href="dashboard.html">My Account</a></li>
                                                    <li><a href="#">Lookbook</a></li>
                                                </ul>
                                            </div><!-- End .row -->
                                        </div><!-- End .megamenu megamenu-md -->
                                    </li>
                                    <li>
                                        <a href="about.html" class="sf-with-ul">About us </a>
                                        <div class="megamenu demo left">
                                            <div class="menu-col">
                                                <div class="menu-title">About us</div><!-- End .menu-title -->
                                                <ul>
                                                    <li><a href="about.html">About 01</a></li>
                                                    <li><a href="about-2.html">About 02</a></li>
                                                </ul>
                                            </div><!-- End .row -->
                                        </div><!-- End .megamenu megamenu-md -->
                                    </li>

                                    <li>
                                        <a href="blog.html" class="sf-with-ul">Blog</a>
                                        <div class="megamenu demo left">
                                            <div class="menu-col">
                                                <div class="menu-title">blog</div>
                                                <ul>
                                                    <li><a href="blog.html">Classic</a></li>
                                                    <li><a href="blog-listing.html">Listing</a></li>
                                                    <li>
                                                        <a href="#">Grid</a>
                                                        <ul class="sub-menu">
                                                            <li><a href="blog-grid-2cols.html">Grid 2 columns</a></li>
                                                            <li><a href="blog-grid-3cols.html">Grid 3 columns</a></li>
                                                            <li><a href="blog-grid-4cols.html">Grid 4 columns</a></li>
                                                            <li><a href="blog-grid-sidebar.html">Grid sidebar</a></li>
                                                        </ul>
                                                    </li>
                                                    <li>
                                                        <a href="#">Masonry</a>
                                                        <ul class="sub-menu">
                                                            <li><a href="blog-masonry-2cols.html">Masonry 2 columns</a></li>
                                                            <li><a href="blog-masonry-3cols.html">Masonry 3 columns</a></li>
                                                            <li><a href="blog-masonry-4cols.html">Masonry 4 columns</a></li>
                                                            <li><a href="blog-masonry-sidebar.html">Masonry sidebar</a></li>
                                                        </ul>
                                                    </li>
                                                    <li>
                                                        <a href="#">Mask</a>
                                                        <ul class="sub-menu">
                                                            <li><a href="blog-mask-grid.html">Blog mask grid</a></li>
                                                            <li><a href="blog-mask-masonry.html">Blog mask masonry</a></li>
                                                        </ul>
                                                    </li>
                                                    <li>
                                                        <a href="#">Single Post</a>
                                                        <ul class="sub-menu">
                                                            <li><a href="single.html">Default with sidebar</a></li>
                                                            <li><a href="single-fullwidth.html">Fullwidth no sidebar</a></li>
                                                            <li><a href="single-fullwidth-sidebar.html">Fullwidth with sidebar</a></li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </li>

                                    <li>
                                        <a href="contact.html" class="sf-with-ul">contacts</a>
                                        <div class="megamenu demo left">
                                            <div class="menu-col">
                                                <div class="menu-title">contacts</div><!-- End .menu-title -->
                                                <ul>
                                                    <li><a href="contact.html">Contact 01</a></li>
                                                    <li><a href="contact-2.html">Contact 02</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </li>

                                    <li>
                                        <a href="#" class="sf-with-ul">buy Molla</a>

                                        <div class="megamenu demo left">
                                            <div class="menu-col">
                                                <div class="menu-title">Molla elements</div>
                                                <ul>
                                                    <li><a href="elements-products.html">Products</a></li>
                                                    <li><a href="elements-typography.html">Typography</a></li>
                                                    <li><a href="elements-titles.html">Titles</a></li>
                                                    <li><a href="elements-banners.html">Banners</a></li>
                                                    <li><a href="elements-product-category.html">Product Category</a></li>
                                                    <li><a href="elements-video-banners.html">Video Banners</a></li>
                                                    <li><a href="elements-buttons.html">Buttons</a></li>
                                                    <li><a href="elements-accordions.html">Accordions</a></li>
                                                    <li><a href="elements-tabs.html">Tabs</a></li>
                                                    <li><a href="elements-testimonials.html">Testimonials</a></li>
                                                    <li><a href="elements-blog-posts.html">Blog Posts</a></li>
                                                    <li><a href="elements-portfolio.html">Portfolio</a></li>
                                                    <li><a href="elements-cta.html">Call to Action</a></li>
                                                    <li><a href="elements-icon-boxes.html">Icon Boxes</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </li>
                                </ul><!-- End .menu -->
                            </nav><!-- End .main-nav -->
                        </div>
                        <div class="header-bottom">
                            <div class="social-icons">
                                <a href="#" class="social-icon facebook" title="Facebook" target="_blank"><i class="icon-facebook-f"></i></a>
                                <a href="#" class="social-icon twitter" title="Twitter" target="_blank"><i class="icon-twitter"></i></a>
                                <a href="#" class="social-icon instagram" title="Instagram" target="_blank"><i class="icon-instagram"></i></a>
                                <a href="#" class="social-icon youtube" title="Youtube" target="_blank"><i class="icon-youtube"></i></a>
                                <a href="#" class="social-icon pinterest" title="Pinterest" target="_blank"><i class="icon-pinterest"></i></a>
                            </div><!-- End .soial-icons -->
                            <p class="footer-copyright">Copyright © 2019 Molla Store.<br>All Rights Reserved.</p>
                        </div>
                    </div>
                </div>
                <div class="page-content-div">
          
