<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <!--        <meta name="viewport" content="width=device-width, initial-scale=1">-->
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="author" content="">
        <title> <?=$this->Get_Lang->gl('management_panel',$adminLang)?> | <?=$companyName?> </title>
        <!-- Bootstrap Core CSS -->
        <link href="/public/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <link href="/public/css/admin/jasny-bootstrap.min.css" rel="stylesheet" />
        <link href="/public/css/admin/admin.css" rel="stylesheet" />
      
        
        <link rel="stylesheet" href="/public/uploads/css/jquery.fileupload.css" />
        <script src="/public/js/jquery.js"></script>
        <script src="/public/lib/bootstrap/js/bootstrap.min.js"></script>
        <script src="/public/lib/ckeditor/ckeditor.js"></script>
        <script src="/public/lib/validation/jquery.validate.js"></script>
        
        
        <script src="/public/js/common.js"></script>

        <link href="/public/css/admin/dataTables.bootstrap.css" rel="stylesheet" />

        <script src="/public/js/admin/jquery.dataTables.min.js"></script>
        <!-- Bootbox-->
        <script src="/public/js/admin/bootbox.min.js"></script>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/>

        <link href="https://fonts.googleapis.com/css?family=Cairo&amp;subset=arabic" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css?family=Amaranth" rel="stylesheet"/>

        <script src="/public/js/admin/jasny-bootstrap.min.js"></script>
        <script src="/public/uploads/vendor/jquery.ui.widget.js"></script>
        <script src="/public/uploads/jquery.iframe-transport.js"></script>
        <script src="/public/uploads/jquery.fileupload.js"></script>
        <script src="/public/js/admin/bootbox.min.js"></script>

        <!-- standart datepicker-->
        <link href="/public/lib/datePicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css"/>
        <script src="/public/lib/datePicker/js/bootstrap-datepicker.min.js" type="text/javascript"></script>

        <link href="/public/lib/datePicker/daterangepicker.css" rel="stylesheet" type="text/css"/>
        <script src="/public/lib/datePicker/moment.js" type="text/javascript"></script>
        <script src="/public/lib/datePicker/daterangepicker.js" type="text/javascript"></script>


        <script src="/public/lib/ckeditor/ckeditor.js" type="text/javascript"></script>
        
        
         <?php if ($adminLang == 1) { ?>
        <link href="/public/css/admin/admin-ar.css" rel="stylesheet" />
        <script src="/public/lib/validation/localization/messages_ar.js" type="text/javascript"></script>
        <script src="/public/lib/validation/localization/messages_ar.min.js" type="text/javascript"></script>
            
        <?php }elseif ($adminLang == 3) { ?>        
            <script src="/public/lib/validation/localization/messages_tr.js" type="text/javascript"></script>
            <script src="/public/lib/validation/localization/messages_tr.min.js" type="text/javascript"></script>        
        <?php } ?>
        
        <!--Fav icoan-->
        <link rel="shortcut icon" href="/public/uploads/php/files/logos/thumbnail/<?= $theLogo[0]->theValue ?>" type="image/x-icon"/>
        <link rel="icon" href="/public/uploads/php/files/logos/thumbnail/<?= $theLogo[0]->theValue ?>" type="image/x-icon"/>


        <!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
                      crossorigin="anonymous">-->
        <link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">


        <link href="/public/css/admin/admin-new.css" rel="stylesheet" type="text/css"/>

        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
            <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
        <script>
            function modalConfirm($elm, mText, mTitle, mCancelLabel, mOkLabel, postCallback) {
                name = $elm.data("name");
                href = $elm.data("href");
                bootbox.dialog({
                    message: mText,
                    title: mTitle + " - ( " + name + " )",
                    buttons: {
                        cancel: {
                            label: mCancelLabel,
                            className: "btn-success",
                            callback: function () {
                            }
                        },
                        ok: {
                            label: mOkLabel,
                            className: "btn-danger",
                            callback: function () {
                                $.post(href, function () {
                                    postCallback();
                                });
                            }
                        }
                    }
                });
            }




            $(document).on("click", ".navbar-toggle", function () {
                $(".sidebar").toggleClass("open");
            });





        </script>
        <style>
            .sidebar-wrapper .sidebar-menu ul li a.active{
                background-color: <?= $theColor[0]->theValue ?> !important;
                color: <?= $theColor[1]->theValue ?> !important;
            }
            .chiller-theme .sidebar-wrapper ul li:hover a i, .chiller-theme .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a:hover:before, .chiller-theme .sidebar-wrapper .sidebar-search input.search-menu:focus+span, .chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active a i {
                color: <?= $theColor[0]->theValue ?>;
            }
            table.dataTable.table-condensed thead > tr > th {
                text-align: center;
            }
            table.dataTable.table-condensed thead > tr > th > div{
                text-align: left;
                padding : 7px;
            }
            table.table-bordered tbody th, table.table-bordered tbody td {
                border-left-width: 0;
                border-bottom-width: 0;
                text-align: center;
            }



        </style>


    </head>
    <body>


        <div class="page-wrapper chiller-theme toggled">
            <a id="show-sidebar" class="btn btn-sm btn-dark" href="#">
                <i class="fas fa-bars"></i>
            </a>
            <nav id="sidebar" class="sidebar-wrapper">
                <div class="sidebar-content">
                    <div class="sidebar-brand">
                        <a href="javascript:;"><?=$this->Get_Lang->gl("admin_panel",$adminLang)?></a>
                        <div id="close-sidebar">
                            <i class="fas fa-times"></i>
                        </div>
                    </div>
                    <div class="sidebar-header">
                        <div class="user-pic" style="background-color:#b2b2b2;">
                            <img class="img-responsive img-rounded" src="/public/uploads/php/files/logos/thumbnail/<?= $theLogo[0]->theValue ?>"
                                 alt="User picture">
                        </div>
                        <div class="user-info">
                            <span class="user-name">
                                <strong><?=$companyName?></strong>
                            </span>
                            <span class="user-role"><?=$this->Get_Lang->gl('admin',$adminLang)?></span>
                            <span class="user-status">
                                <i class="fa fa-circle"></i>
                                <span><?=$this->Get_Lang->gl('online',$adminLang)?></span>
                            </span>
                        </div>
                    </div>
                    <!-- sidebar-header  -->
                    <div class="sidebar-search">
                        <div>
                            <div class="input-group">
<!--                                <input type="text" class="form-control search-menu" placeholder="Ara...">-->
                                <div class="input-group-append">
                                    <span class="input-group-text">
<!--                                        <i class="fa fa-search" aria-hidden="true"></i>-->
                                    </span>
                                </div>
                            <div style="text-align:center">    
                                <a style="color:#fff;padding:4px" class="lang" data-id="ar" href="javascript:;">Arabic</a>
                                <a style="color:#fff;padding:4px" class="lang" data-id="en" href="javascript:;">English</a>
                                <a style="color:#fff;padding:4px" class="lang" data-id="tr" href="javascript:;">Türkçe</a>
                            </div>
                                <a href="/admin/logout"><button style="background-color: #3a3f48;width: 100%;margin-top: 10px;color: #d6d6d6;"><?=$this->Get_Lang->gl('logout',$adminLang)?></button></a>
                            </div>
                        </div>
                    </div>
                    <!-- sidebar-search  -->
<div class="sidebar-menu">
    <ul>
        <li class="header-menu">
            <span><?=$this->Get_Lang->gl('general',$adminLang)?></span>
        </li>
        <li class="sidebar-dropdown one">
            <a href="javascript:;">
                <i class="fa fa-tachometer-alt"></i>
                <span><?=$this->Get_Lang->gl('website_interface',$adminLang)?></span>
                <span class="badge badge-pill badge-danger first"></span>
            </a>
            <div class="sidebar-submenu">
                <ul class="first">
                    <li>
                        <a style="background-color:<?= $theColor[1]->theValue ?>; color:<?= $theColor[0]->theValue ?>;"  class="users" href="/admin/users"><i class="fa fa-users" aria-hidden="true"></i><?=$this->Get_Lang->gl('admin_users',$adminLang)?></a>
                    </li>
                    <li>
                        <a style="background-color:<?= $theColor[1]->theValue ?>; color:<?= $theColor[0]->theValue ?>;"  class="homeSlider" href="/admin/homeSlider"><i class="fa fa-sliders" aria-hidden="true"></i> <?=$this->Get_Lang->gl('home_slider',$adminLang)?></a>
                    </li>
                    <li>
                        <a style="background-color:<?= $theColor[1]->theValue ?>; color:<?= $theColor[0]->theValue ?>;"  class="aboutUs" href="/admin/aboutUs"><i class="fa fa-comment" aria-hidden="true"></i> <?=$this->Get_Lang->gl('about_us',$adminLang)?> </a>
                    </li>                   
                    <li>
                        <a style="background-color:<?= $theColor[1]->theValue ?>; color:<?= $theColor[0]->theValue ?>;"  class="panner" href="/admin/panner_photos"><i class="fa fa-photo" aria-hidden="true"></i> <?=$this->Get_Lang->gl('panner_photos',$adminLang)?> </a>
                    </li> 
                    <li>
                        <a style="background-color:<?= $theColor[1]->theValue ?>; color:<?= $theColor[0]->theValue ?>;"  class="blog" href="/admin/blog_categories"><i class="fa fa-gem" aria-hidden="true"></i> <?=$this->Get_Lang->gl('blog',$adminLang)?> </a>
                    </li> 
                    <li>
                        <a style="background-color:<?= $theColor[1]->theValue ?>; color:<?= $theColor[0]->theValue ?>;"  class="contactUs" href="/admin/contactUs"><i class="fa fa-phone-square" aria-hidden="true"></i> <?=$this->Get_Lang->gl('contact_us',$adminLang)?> </a>
                    </li>
                    <li>
                        <a style="background-color:<?= $theColor[1]->theValue ?>; color:<?= $theColor[0]->theValue ?>;"  class="socialMedia" href="/admin/socialMedia"><i class="fa fa-gem" aria-hidden="true"></i> <?=$this->Get_Lang->gl('social_media',$adminLang)?></a>
                    </li>
                    <li>
                        <a style="background-color:<?= $theColor[1]->theValue ?>; color:<?= $theColor[0]->theValue ?>;"  class="contactUsForm" href="/admin/contactUsForm"><i class="fa fa-bars" aria-hidden="true"></i> <?=$this->Get_Lang->gl('contact_us_form',$adminLang)?></a>
                    </li>
                    <li>
                        <a style="background-color:<?= $theColor[1]->theValue ?>; color:<?= $theColor[0]->theValue ?>;"  class="subscribers" href="/admin/subscribers"><i class="fa fa-user" aria-hidden="true"></i> <?=$this->Get_Lang->gl('subscribers',$adminLang)?></a>
                    </li>                   
                    <li>
                        <a style="background-color:<?= $theColor[1]->theValue ?>; color:<?= $theColor[0]->theValue ?>;"  class="catalog" href="/admin/catalog"><i class="fa fa-download" aria-hidden="true"></i> <?=$this->Get_Lang->gl('catalog',$adminLang)?></a>
                    </li>                    
                    <li>
                        <a style="background-color:<?= $theColor[1]->theValue ?>; color:<?= $theColor[0]->theValue ?>;" class="setting" href="/admin/setting"><i class="fa fa-sliders" aria-hidden="true"></i> <?=$this->Get_Lang->gl('setting',$adminLang)?></a>
                    </li>
                </ul>
            </div>
        </li>
  
        
        <li class="sidebar-dropdown three">
            <a href="javascript:;">
                <i class="fa fa-location-arrow"></i>
                <span><?=$this->Get_Lang->gl('tools_section',$adminLang)?></span>
                <span class="badge badge-pill badge-danger third"></span>
            </a>
            <div class="sidebar-submenu">
                <ul class="third">                    
                    <li>
                        <a style="background-color:<?= $theColor[1]->theValue ?>; color:<?= $theColor[0]->theValue ?>;"  class="faq" href="/admin/faq_categories"><i class="fa fa-list" aria-hidden="true"></i> <?=$this->Get_Lang->gl('faq',$adminLang)?></a>
                    </li>
                    <li>
                        <a style="background-color:<?= $theColor[1]->theValue ?>; color:<?= $theColor[0]->theValue ?>;"  class="marka" href="/admin/brands"><i class="fa fa-times" aria-hidden="true"></i> <?=$this->Get_Lang->gl('brands',$adminLang)?></a>
                    </li>
                    <li>
                        <a style="background-color:<?= $theColor[1]->theValue ?>; color:<?= $theColor[0]->theValue ?>;"  class="tags" href="/admin/tags_categories"><i class="fa fa-tag" aria-hidden="true"></i> <?=$this->Get_Lang->gl('tags',$adminLang)?></a>
                    </li>
                    <li>
                        <a style="background-color:<?= $theColor[1]->theValue ?>; color:<?= $theColor[0]->theValue ?>;"  class="colors" href="/admin/colors"><i class="fa fa-paint-brush" aria-hidden="true"></i> <?=$this->Get_Lang->gl('Color',$adminLang)?></a>
                    </li>
                    <li>
                        <a style="background-color:<?= $theColor[1]->theValue ?>; color:<?= $theColor[0]->theValue ?>;"  class="sizes" href="/admin/sizes"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> <?=$this->Get_Lang->gl('size',$adminLang)?></a>
                    </li>

                </ul>
            </div>
        </li>
        
        <li class="sidebar-dropdown two">
            <a href="javascript:;">
                <i class="fa fa-bars"></i>
                <span><?=$this->Get_Lang->gl('categories',$adminLang)?></span>
                <span class="badge badge-pill badge-danger second"></span>
            </a>
               <div class="sidebar-submenu">
                    <ul class="second">
                        <li>
                            <a style="background-color:<?= $theColor[1]->theValue ?>; color:<?= $theColor[0]->theValue ?>;"  class="categories" href="/admin/add_edit_categories"><i class="fa fa-plus" aria-hidden="true"></i><?=$this->Get_Lang->gl('add_main_category',$adminLang)?></a>
                        </li>
                        <?php foreach ($categories as $key => $value) { ?>
                            <li>
                                <a style="background-color:<?= $theColor[1]->theValue ?>; color:<?= $theColor[0]->theValue ?>;"  class="categories<?= $value->caId ?>" href="/admin/categories/<?= $value->caId ?>"><i class="fa fa-bars" aria-hidden="true"></i><?= $value->theTitle ?></a>
                            </li>  
                        <?php } ?>
                    </ul>
                </div>
        </li>

        
        
        
 <li class="header-menu">
            <span>Extra</span>
        </li>
        <li>
            <a href="/dashboard">
                <i class="fa fa-book"></i>
                <span>Dashboard</span>
                <span class="badge badge-pill badge-primary">Beta</span>
            </a>
        </li>
        <li>
            <a href="/members">
                <i class="fa fa-users"></i>
                <span>Members</span>
            </a>
        </li>
        <li>
            <a href="/payments">
                <i class="fa fa-folder"></i>
                <span>Orders</span>
            </a>
        </li>
    </ul>
</div>
                    <!-- sidebar-menu  -->
                </div>

            </nav>
            <script>
                 $(document).ready(function () {
                        var count = $("ul.first").children().length;
                         $("span.badge.badge-pill.badge-danger.first").text(count);
                
                        var count2 = $("ul.second").children().length;
                         $("span.badge.badge-pill.badge-danger.second").text(count2);
                
                        var count3 = $("ul.third").children().length;
                         $("span.badge.badge-pill.badge-danger.third").text(count3);                                                                 
                 });
           </script>     
            <!-- sidebar-wrapper  -->
            <main class="page-content">
                <div class="container-fluid">



