<!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> <?= $companyName ?> | <?= $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/uploads/php/files/logos/<?= $theLogo ?>">
        <link rel="icon" type="image/png" sizes="32x32" href="/public/uploads/php/files/logos/<?= $theLogo ?>">
        <link rel="icon" type="image/png" sizes="16x16" href="/public/uploads/php/files/logos/<?= $theLogo ?>">
        <link rel="manifest" href="/public/uploads/php/files/logos/<?= $theLogo ?>">
        <link rel="mask-icon" href="/public/uploads/php/files/logos/<?= $theLogo ?>" color="#666666">
        <link rel="shortcut icon" href="/public/uploads/php/files/logos/<?= $theLogo ?>">
        <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">
        <link rel="stylesheet" href="/public/front/assets/vendor/line-awesome/line-awesome/line-awesome/css/line-awesome.min.css">
        <!-- 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">
        <link rel="stylesheet" href="/public/front/assets/css/plugins/jquery.countdown.css">
        <link rel="stylesheet" href="/public/front/assets/css/plugins/nouislider/nouislider.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-13.css">
        <link rel="stylesheet" href="/public/front/assets/css/demos/demo-13.css">   


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

            <link href="https://fonts.googleapis.com/css?family=Almarai:300,400&display=swap&subset=arabic" rel="stylesheet">

            <?php
        }
        ?>

<!--        <script src="/public/front/assets/js/jquery.min.js"></script>-->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

        <script src="/public/front/assets/js/jquery.validate.min.js" type="text/javascript"></script> 
        <script src="/public/js/jquery.form.js"></script>


        <?php if (($this->session->userdata("lang") == 'tr')) {
            ?>
            <script src="/public/lib/validation/localization/messages_tr.min.js" type="text/javascript"></script>
        <?php } ?>

        <?php if (($this->session->userdata("lang") == 'ar')) {
            ?>
            <script src="/public/lib/validation/localization/messages_ar.min.js" type="text/javascript"></script>
        <?php } ?>

        <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/8.4.6/css/intlTelInput.css">

        <link href="/public/css/countrySelect.min.css" rel="stylesheet" type="text/css"/>


        <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/8.4.7/js/intlTelInput.js" type="text/javascript"></script>



        <script src="/public/js/countrySelect.min.js" type="text/javascript"></script>

        <style>
            .product-details-tab .tab-content {
                display: flex;
            }

            .header-intro-clearance .dropdown.category-dropdown.show .dropdown-toggle {
                color: #fff;
            }
            .category-dropdown .dropdown-toggle:hover, .category-dropdown .dropdown-toggle:focus{
                background-color: <?= $backgroundColor ?>!important;
                color: #fff;
            }
            .btn-primary {
                color: #fff;
                background-color: <?= $backgroundColor ?>!important;;
                border-color: <?= $backgroundColor ?>!important;;
            }
            /**-- First Color --**/
            .product-price,
            .page-header h1 span,
            .text-primary,
            .menu li:hover>a, .menu li.show>a, .menu li.active>a {
                color: <?= $backgroundColor ?>!important;
            }
            .category-dropdown .dropdown-toggle:hover, .category-dropdown .dropdown-toggle:focus,
            .category-dropdown.show .dropdown-toggle,
            .bg-primary,
            .product-countdown,
            .cart-dropdown .cart-count,
            .wishlist a .wishlist-count,
            .header-bottom .menu>li>a:before {
                background-color: <?= $backgroundColor ?>!important;
            }


            /**-- Second Color --**/
            .product-pager-link:hover, .product-pager-link:focus,
            .cart-dropdown:hover .dropdown-toggle, .cart-dropdown.show .dropdown-toggle, .compare-dropdown:hover .dropdown-toggle, .compare-dropdown.show .dropdown-toggle,
            .wishlist a:hover, .wishlist a:focus,.wishlist a.active,
            .account a:hover, .account a:focus,.account a.active,
            .nav-dashboard .nav-link:hover, .nav-dashboard .nav-link:focus, .nav-dashboard .nav-link.active,
            .sidebar-filter-clear,
            #filter-price-range,
            .btn-product-icon,
            .newsletter-popup-container .banner-title span,
            .footer .widget-about-info a,
            .btn-product span{
                color: <?= $color ?>!important;
            }
            .btn-outline-primary-2 {
                color: <?= $color ?>!important;
                border-color: <?= $color ?>!important;
            }
            .btn-outline-primary-2:hover, .btn-outline-primary-2:focus, .btn-outline-primary-2.focus, .btn-outline-primary-2:not(:disabled):not(.disabled):active, .btn-outline-primary-2:not(:disabled):not(.disabled).active, .show>.btn-outline-primary-2.dropdown-toggle {
                color: #ffffff!important;
                background-color: <?= $color ?>!important;
                border-color: <?= $color ?>!important;
            }
            .btn-product {
                color: <?= $color ?>!important;
                border-color: <?= $color ?>!important;
            }
            .btn-product:hover, .btn-product:focus {
                color: #fff !important;
                background-color:  <?= $color ?>!important;
                border-color:  <?= $color ?>!important;
            }
            .btn-product:hover span, .btn-product:focus span {
                color: #fff!important;
            }
            .btn-product-icon:hover span, .btn-product-icon:focus span,
            .btn-product-icon:hover, .btn-product-icon:focus,
            .category-dropdown:not(.is-on):hover .dropdown-toggle {
                background-color: <?= $color ?>!important;
            }
            .btn-product-icon {
                border-color:  <?= $color ?>!important;
            }
            .btn-product-icon:hover, .btn-product-icon:focus {
                color: #fff !important;
            }
            .alert {
                margin-bottom: 10px;
            }

            .intl-tel-input{
                width: 100%;
            }
            .intl-tel-input.allow-dropdown .selected-flag{
                height: 38px;
            }
            .country-select{
                width: 100%;
            }

            <?php if (($this->session->userdata("lang") == 'en')) {
                ?>
                .header-intro-clearance .cart-dropdown, .header-intro-clearance .wishlist, .header-intro-clearance .account {
                    padding-left: 3rem;
                    padding-right: 0px;
                    margin-right: 0px;
                    margin-left: auto;
                }
            <?php } ?>
        </style>



    </head>
    <!-- ==== body starts ==== -->
    <body>
        <div class="page-wrapper">



            <header class="header header-2 header-intro-clearance">
                <div class="header-top">
                    <div class="container">
                        <!--                        <div class="header-left">
                                                    <p><?= $this->Get_Lang->gl("special_collection_title", $langId) ?></p><a href="#">&nbsp;<?= $this->Get_Lang->gl("read_more", $langId) ?></a>
                                                </div>-->
                        <div class="header-left">
                            <a href="/" class="logo">
                                <img src="/public/uploads/php/files/logos/<?= $theLogo ?>" alt="Logo" width="150" >
                            </a>

                        </div>

                        <div class="header-center">
                            <?php
                            if (isset($social[0]->phoneNumber)) {
                                if ($social[0]->phoneNumber) {
                                    ?>
                                    <a href="tel:<?= $social[0]->phoneNumber ?>" style="direction:ltr;"><i class="icon-phone"> </i>  <?= $social[0]->phoneNumber ?> </a>
                                    <?php
                                }
                            }
                            ?>

                            <div class="social-icons social-icons-color" style="margin-right:30px;margin-left:30px">
                                <?php
                                if (isset($social[0]->facebook)) {
                                    if ($social[0]->facebook) {
                                        ?>
                                        <a href="<?= $social[0]->facebook ?>" class="social-icon social-facebook" title="Facebook" target="_blank"><i class="icon-facebook-f" style="color: #39f;"></i></a>
                                        <?php
                                    }
                                }
                                ?>
                                <?php
                                if (isset($social[0]->twitter)) {
                                    if ($social[0]->twitter) {
                                        ?>
                                        <a href="<?= $social[0]->twitter ?>" class="social-icon social-twitter" title="Twitter" target="_blank"><i class="icon-twitter"></i></a>
                                        <?php
                                    }
                                }
                                ?>
                                <?php
                                if (isset($social[0]->instagram)) {
                                    if ($social[0]->instagram) {
                                        ?>                
                                        <a href="<?= $social[0]->instagram ?>" class="social-icon social-instagram" title="Instagram" target="_blank"><i class="icon-instagram"></i></a>
                                        <?php
                                    }
                                }
                                ?>
                                <?php
                                if (isset($social[0]->youtube)) {
                                    if ($social[0]->youtube) {
                                        ?>                
                                        <a href="<?= $social[0]->youtube ?>" class="social-icon social-youtube" title="Youtube" target="_blank"><i class="icon-youtube"></i></a>
                                        <?php
                                    }
                                }
                                ?>
                                <?php
                                if (isset($social[0]->whatsapp)) {
                                    if ($social[0]->whatsapp) {
                                        ?>                
                                        <a href="<?= $social[0]->whatsapp ?>" class="social-icon social-whatsapp" title="Whatsapp" target="_blank"><i class="icon-whatsapp" style="color: green;"></i></a>   
                                        <?php
                                    }
                                }
                                ?>

                            </div>
                        </div>

                        <div class="header-right">

                            <ul class="top-menu">
                                <li>
                                    <a href="javascript:;">Links</a>
                                    <ul>
                                        <li>
                                            <div class="header-dropdown">
                                                <a href="javascript:;">USD</a>
                                                <div class="header-menu">
                                                    <ul>
                                                        <li><a href="javascript:;">Eur</a></li>
                                                        <li><a href="javascript:;">Usd</a></li>
                                                    </ul>
                                                </div><!-- End .header-menu -->
                                            </div>
                                        </li>
                                        <li>



                                            <?php if (($this->session->userdata("lang") == 'ar')) { ?>

                                                <div class="header-dropdown">
                                                    <a href="javascript:;">عربي</a>
                                                    <div class="header-menu">
                                                        <ul>
                                                            <li><a class="lang" data-id="en" href="javascript:;">English</a></li>
                                                            <li><a class="lang" data-id="tr" href="javascript:;">Turkish</a></li>
                                                        </ul>
                                                    </div><!-- End .header-menu -->
                                                </div>

                                            <?php } elseif (($this->session->userdata("lang") == 'tr')) { ?>

                                                <div class="header-dropdown">
                                                    <a href="#">Turkish</a>
                                                    <div class="header-menu">
                                                        <ul>
                                                            <li><a class="lang" data-id="en" href="javascript:;">English</a></li>
                                                            <li><a class="lang arabic" data-id="ar" href="javascript:;">عربي</a></li>
                                                        </ul>
                                                    </div><!-- End .header-menu -->
                                                </div>

                                            <?php } else { ?>

                                                <div class="header-dropdown">
                                                    <a href="javascript:;">English</a>
                                                    <div class="header-menu">
                                                        <ul>
                                                            <li><a class="lang" data-id="tr" href="javascript:;">Turkish</a></li>
                                                            <li><a class="lang arabic" data-id="ar" href="javascript:;">عربي</a></li>
                                                        </ul>
                                                    </div><!-- End .header-menu -->
                                                </div>

                                            <?php } ?>





                                        </li>
                                        <li><a href="#signin-modal" data-toggle="modal"><?= $this->Get_Lang->gl("login", $langId) ?> / <?= $this->Get_Lang->gl("sign_up", $langId) ?></a></li>
                                    </ul>
                                </li>
                            </ul><!-- End .top-menu -->
                        </div><!-- End .header-right -->

                    </div><!-- End .container -->
                </div><!-- End .header-top -->

                <!--                <div class="header-middle">
                                    <div class="container">
                                        <div class="header-left">
                                            <button class="mobile-menu-toggler">
                                                <span class="sr-only">Toggle mobile menu</span>
                                                <i class="icon-bars"></i>
                                            </button>
                
                                            
                                        </div>
                
                                        <div class="header-center">
                                            <div class="header-search header-search-extended header-search-visible header-search-no-radius d-none d-lg-block">
                                                <a href="#" class="search-toggle" role="button"><i class="icon-search"></i></a>
                                                <form action="#" method="get">
                                                    <div class="header-search-wrapper search-wrapper-wide">
                                                        <label for="q" class="sr-only"><?= $this->Get_Lang->gl("search", $langId) ?></label>
                                                        <input type="search" class="form-control" name="q" id="q" placeholder="<?= $this->Get_Lang->gl("search_product", $langId) ?>" required>
                                                        <button class="btn btn-primary" type="submit"><i class="icon-search"></i></button>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                        
                                        <div class="header-center">
                                        <div class="header-search header-search-extended header-search-visible header-search-no-radius d-none d-lg-block">
                                            <a href="#" class="search-toggle" role="button"><i class="icon-search"></i></a>
                                            <form action="#" method="get">
                                                <div class="header-search-wrapper search-wrapper-wide">
                                                    <div class="select-custom">
                                                        <select id="cat" name="cat">
                                                            <option value="">All Departments</option>
                                                            <option value="1">Fashion</option>
                                                            <option value="2">- Women</option>
                                                            <option value="3">- Men</option>
                                                            <option value="4">- Jewellery</option>
                                                            <option value="5">- Kids Fashion</option>
                                                            <option value="6">Electronics</option>
                                                            <option value="7">- Smart TVs</option>
                                                            <option value="8">- Cameras</option>
                                                            <option value="9">- Games</option>
                                                            <option value="10">Home &amp; Garden</option>
                                                            <option value="11">Motors</option>
                                                            <option value="12">- Cars and Trucks</option>
                                                            <option value="15">- Boats</option>
                                                            <option value="16">- Auto Tools &amp; Supplies</option>
                                                        </select>
                                                    </div> End .select-custom 
                                                    <label for="q" class="sr-only"><?= $this->Get_Lang->gl("search", $langId) ?></label>
                                                    <input type="search" class="form-control" name="q" id="q" placeholder="<?= $this->Get_Lang->gl("search_product", $langId) ?>" required="">
                                                    <button class="btn btn-primary" type="submit"><i class="icon-search"></i></button>
                                                </div> End .header-search-wrapper 
                                            </form>
                                        </div> End .header-search 
                                    </div>
                
                                        
                                    </div> End .container 
                                </div>-->
                <!-- End .header-middle -->

                <div class="header-bottom sticky-header">
                    <div class="container">
                        <div class="header-left">
                            <div class="dropdown category-dropdown">
                                <a href="javascript:;" class="dropdown-toggle" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static" title="Browse Categories">
                                    <?= $this->Get_Lang->gl("browse_categories", $langId) ?>
                                </a>

                                <div class="dropdown-menu">
                                    <nav class="side-nav">
                                        <ul class="menu-vertical sf-arrows">
                                            <?php
                                            foreach ($mainCategories as $key => $value) {
                                                $links = $this->db->query("SELECT url FROM links WHERE page = 'categories' AND content_id = '$value->caId'")->result_object();
                                                if ($links) {
                                                    $link = '/' . $links[0]->url;
                                                } else {
                                                    $link = "javascript:;";
                                                }
                                                ?>                                                        
                                                <li class="item-lead"><a href="<?= $link ?>"><?= $value->theTitle ?></a></li>
                                            <?php } ?>                                           
                                        </ul><!-- End .menu-vertical -->
                                    </nav><!-- End .side-nav -->
                                </div><!-- End .dropdown-menu -->
                            </div><!-- End .category-dropdown -->
                        </div><!-- End .header-left -->

                        <div class="header-center">
                            <nav class="main-nav">
                                <ul class="menu sf-arrows">
                                    <li class="home_link megamenu-container">
                                        <a href="/" class=""><?= $this->Get_Lang->gl("home_page", $langId) ?></a>
                                    </li>
                                    <li class="about_link megamenu-container">
                                        <a href="/about-us" class=""><?= $this->Get_Lang->gl("about", $langId) ?></a>
                                    </li>

                                    <!--                                    <li class="category_link">
                                                                            <a href="/category" class="sf-with-ul"><?= $this->Get_Lang->gl("shop", $langId) ?></a>
                                    
                                                                            <div class="megamenu megamenu-md">
                                                                                <div class="row no-gutters">
                                                                                    <div class="col-md-8">
                                                                                        <div class="menu-col">
                                                                                            <div class="row">
                                                                                                <div class="col-md-6">
                                                                                                    <div class="menu-title">Shop with sidebar</div> End .menu-title 
                                                                                                    <ul>
                                                                                                        <li><a href="/category1">Shop List</a></li>
                                                                                                        <li><a href="/category2">Shop Grid 2 Columns</a></li>
                                                                                                        <li><a href="/category3">Shop Grid 3 Columns</a></li>
                                                                                                        <li><a href="/category4">Shop Grid 4 Columns</a></li>
                                                                                                        <li><a href="/category5"><span>Shop Market<span class="tip tip-new">New</span></span></a></li>
                                                                                                    </ul>
                                    
                                                                                                    <div class="menu-title">Shop no sidebar</div> End .menu-title 
                                                                                                    <ul>
                                                                                                        <li><a href="/category6"><span>Shop Boxed No Sidebar<span class="tip tip-hot">Hot</span></span></a></li>
                                                                                                        <li><a href="/category1">Shop Fullwidth No Sidebar</a></li>
                                                                                                    </ul>
                                                                                                </div> End .col-md-6 
                                    
                                                                                                <div class="col-md-6">
                                                                                                    <div class="menu-title">Product Category</div> End .menu-title 
                                                                                                    <ul>
                                                                                                        <li><a href="/category2">Product Category Boxed</a></li>
                                                                                                        <li><a href="/category3"><span>Product Category Fullwidth<span class="tip tip-new">New</span></span></a></li>
                                                                                                    </ul>
                                                                                                    <div class="menu-title">Shop Pages</div> End .menu-title 
                                                                                                    <ul>
                                                                                                        <li><a href="/cart">Cart</a></li>
                                                                                                        <li><a href="/checkout">Checkout</a></li>
                                                                                                        <li><a href="/wishlist">Wishlist</a></li>
                                                                                                        <li><a href="/dashboard">My Account</a></li>
                                                                                                        <li><a href="#">Lookbook</a></li>
                                                                                                    </ul>
                                                                                                </div> End .col-md-6 
                                                                                            </div> End .row 
                                                                                        </div> End .menu-col 
                                                                                    </div> End .col-md-8 
                                    
                                                                                    <div class="col-md-4">
                                                                                        <div class="banner banner-overlay">
                                                                                            <a href="/category" class="banner banner-menu">
                                                                                                <img src="/public/front/assets/images/menu/banner-1.jpg" alt="Banner">
                                    
                                                                                                <div class="banner-content banner-content-top">
                                                                                                    <div class="banner-title text-white">Last <br>Chance<br><span><strong>Sale</strong></span></div> End .banner-title 
                                                                                                </div> End .banner-content 
                                                                                            </a>
                                                                                        </div> End .banner banner-overlay 
                                                                                    </div> End .col-md-4 
                                                                                </div> End .row 
                                                                            </div> End .megamenu megamenu-md 
                                                                        </li>
                                                                        <li class="product_link">
                                                                            <a href="/product" class="sf-with-ul"><?= $this->Get_Lang->gl("products", $langId) ?></a>
                                    
                                                                            <div class="megamenu megamenu-sm">
                                                                                <div class="row no-gutters">
                                                                                    <div class="col-md-6">
                                                                                        <div class="menu-col">
                                                                                            <div class="menu-title">Product Details</div> End .menu-title 
                                                                                            <ul>
                                                                                                <li><a href="/products1">Default</a></li>
                                                                                                <li><a href="/products2">Centered</a></li>
                                                                                                <li><a href="/products3"><span>Extended Info<span class="tip tip-new">New</span></span></a></li>
                                                                                                <li><a href="/products4">Gallery</a></li>
                                                                                                <li><a href="/products5">Sticky Info</a></li>
                                                                                                <li><a href="/products6">Boxed With Sidebar</a></li>
                                                                                                <li><a href="/products7">Full Width</a></li>
                                                                                                <li><a href="/products8">Masonry Sticky Info</a></li>
                                                                                            </ul>
                                                                                        </div> End .menu-col 
                                                                                    </div> End .col-md-6 
                                    
                                                                                    <div class="col-md-6">
                                                                                        <div class="banner banner-overlay">
                                                                                            <a href="category.html">
                                                                                                <img src="/public/front/assets/images/menu/banner-2.jpg" alt="Banner">
                                    
                                                                                                <div class="banner-content banner-content-bottom">
                                                                                                    <div class="banner-title text-white">New Trends<br><span><strong>spring 2019</strong></span></div> End .banner-title 
                                                                                                </div> End .banner-content 
                                                                                            </a>
                                                                                        </div> End .banner 
                                                                                    </div> End .col-md-6 
                                                                                </div> End .row 
                                                                            </div> End .megamenu megamenu-sm 
                                                                        </li>-->
                                    <li class="blog_link megamenu-container">
                                        <a href="/blog" class=""><?= $this->Get_Lang->gl("blog", $langId) ?></a>
                                    </li>
                                    <li class="faq_link megamenu-container">
                                        <a href="/faq" class=""><?= $this->Get_Lang->gl("faq", $langId) ?></a>
                                    </li>                                                                        

                                    <li class="contact_link megamenu-container">
                                        <a href="/contact-us" class=""><?= $this->Get_Lang->gl("contact_us", $langId) ?></a>
                                    </li>

                                    <li class="login_link megamenu-container">
                                        <a href="/login" class=""><?= $this->Get_Lang->gl("sign_in", $langId) ?> / <?= $this->Get_Lang->gl("sign_up", $langId) ?></a>
                                    </li>

                                </ul><!-- End .menu -->
                            </nav><!-- End .main-nav -->
                        </div><!-- End .header-center -->

                        <!--                        <div class="header-right">
                                                    <i class="la la-lightbulb-o"></i><p><?= $this->Get_Lang->gl("clearance", $langId) ?><span class="highlight">&nbsp;<?= $this->Get_Lang->gl("up_to_off", $langId) ?></span></p>
                                                </div>-->
                        <div class="account">
                            <a href="/dashboard" title="<?= $this->Get_Lang->gl("account", $langId) ?>">
                                <div class="icon">
                                    <i class="icon-user"></i>
                                </div>
                                <p><?= $this->Get_Lang->gl("account", $langId) ?></p>
                            </a>
                        </div><!-- End .compare-dropdown -->

                        <div class="wishlist">
                            <a href="/wishlist" title="Wishlist">
                                <div class="icon">
                                    <i class="icon-heart-o"></i>
                                    <span class="wishlist-count badge">3</span>
                                </div>
                                <p><?= $this->Get_Lang->gl("wishlist", $langId) ?></p>
                            </a>
                        </div><!-- End .compare-dropdown -->

                        <div class="dropdown cart-dropdown">
                            <a href="javascript:;" class="dropdown-toggle" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static">
                                <div class="icon">
                                    <i class="icon-shopping-cart"></i>
                                    <span class="cart-count">2</span>
                                </div>
                                <p><?= $this->Get_Lang->gl("Cart", $langId) ?></p>
                            </a>

                            <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="javascript:;" 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><?= $this->Get_Lang->gl("Total", $langId) ?></span>

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

                                <div class="dropdown-cart-action">
                                    <a href="/cart" class="btn btn-primary"><?= $this->Get_Lang->gl("view_cart", $langId) ?></a>
                                    <a href="/checkout" class="btn btn-outline-primary-2"><span><?= $this->Get_Lang->gl("Checkout", $langId) ?></span>
                                        <?php if ($langId == 1) { ?>
                                            <i class="icon-long-arrow-left"></i>
                                        <?php } else { ?>
                                            <i class="icon-long-arrow-right"></i>
                                        <?php } ?>
                                    </a>
                                </div><!-- End .dropdown-cart-total -->
                            </div><!-- End .dropdown-menu -->
                        </div>
                        <!-- End .cart-dropdown -->
                    </div><!-- End .container -->
                </div><!-- End .header-bottom -->
            </header><!-- End .header -->