<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
		<meta name="keywords" content="Djoedes by enambelasapp.my.id">
		<meta name="author" content="Suroto">
		<meta name="description" content="Djoedes by enambelasapp.my.id">
		<meta name="viewport" content="width=device-width initial-scale=1.0 maximum-scale=1.0 user-scalable=yes" />

		<title>eOrder Mie Djoedes</title>
		<link href="<?php echo base_url().'assets/img/logo.png'?>" rel="shortcut icon" type="image/x-icon">
		<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,300i|Dosis:300,500" rel="stylesheet">

		<!-- Styles -->
		<link href="https://eorder.solariaresto.co.id/assets/css/core.min.css" rel="stylesheet">
		<link href="https://eorder.solariaresto.co.id/assets/css/app.min.css" rel="stylesheet">
		<link href="https://eorder.solariaresto.co.id/assets/css/style.min.css" rel="stylesheet">
        <link href="https://eorder.solariaresto.co.id/assets/vendor/easyautocomplete/dist/easy-autocomplete.min.css" rel="stylesheet">
        <script type="text/javascript" src="<?php echo base_url().'mobile/js/jquery.min.js'?>"></script>
		<!-- Favicons -->
        <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css'>
        <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css'>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">	
		
		<!--  Open Graph Tags -->
		<!-- <meta property="og:title" content="The Admin Template of 2018!">
		<meta property="og:description" content="TheAdmin is a responsive, professional, and multipurpose admin template powered with Bootstrap 4.">
		<meta property="og:image" content="http://thetheme.io/theadmin/https://eorder.solariaresto.co.id/assets/img/og-img.jpg">
		<meta property="og:url" content="http://thetheme.io/theadmin/"> -->
		<meta name="twitter:card" content="summary_large_image">
		
		
			<style>

            body { 
                background: url("https://enambelasapp.my.id/simaset/assets/img/bgu.png");
                background-repeat: no-repeat;
                background-size: 100% 100%;
                background-position: right bottom; 
                font-size: 12px;
                font-weight: normal;
            }

            .preloader{
                background-color: rgba(255, 255, 255, 0.3) !important;
            }

            .spinner-dots span {
                background-color: #e0cdad;
            }

            .topbar {
                height: 45px;
            }
            .topbar-btn {
                padding: 0px;
                min-width: 36px;
            }

            .topbar-btns {
                padding-left: 10px;
            }

            .topbar-right {
                width: 100%;
            }
			.topbar-search .form-control {
					height: 30px;
					line-height: 32px;
					background-color: #eee;;
					padding-left: 38px;
			}

			.topbar-search .lookup-placeholder {
					top:3px;
			}
			.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
					margin: 0 2px;
			}
			.swiper-pagination-outside .swiper-wrapper {
					padding-bottom: 2px;
			}
			/*.figure {
					box-shadow: 0px 2px 8px rgba(0,0,0,0.15);
					border-radius: 4px;
			}*/
            .figure {
                    box-shadow: 0px 2px 8px rgba(0,0,0,0.15);
                    border-radius: 15px;
            }
			.figure-img{
					border-radius: 10px;
                    margin-bottom: 0px;
                    border: 5px solid white;
                   
			}
			
			.figure-caption{
                    font-size: 15px;
					padding: 0px 0px 0px;
					color: #222;
			}

            .figure-caption-custom {
                color: #4d5259;
                font-weight: normal !important;
            }

            .easy-autocomplete {
                position: unset !important;
            }
            .easy-autocomplete input {
                border-style: hidden;
                border-width: 0;
                box-shadow: none;
                color: inherit;
                float: none;
                padding: 10px 36px;
                height: 32px;
            }

            .easy-autocomplete-container ul{
                position: fixed;
                width: 100%;
                height: 100%;
                left: 0;
                top: 72px;
                border-top:none;
            }

            .lookup input:focus {
                background-color: #ffffff;
            }

            .lookup input {
                font-size: 13px;
            }

            .easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category {border-bottom: 1px solid rgba(77,82,89,0.07);
                font-size: 13px;
                color:#4d5259;
                padding: 10px 12px;
            }

            .easy-autocomplete-container ul li label{
                font-size: 15px;
                color:#b21b7a;
                margin-bottom: 0px;
            }

            .icon-label {
                position: relative;
                top: 15px !important;
                display: inline-block;
                float: none;
                margin: 0 0 0 -5px;
                vertical-align: top;
                font-size: 9px;
                font-weight: 400;
                padding-top:3px; padding-bottom: 3px;
            }

            .topbar{
                background: linear-gradient(#f3f1d8, #e0cdad);
                border-radius: 0px 0px 20px 20px;
                box-shadow: 0px 2px 2px rgba(0,0,0,0.17);
            }

            .alert-gold {
                color: #b21b7a;
                border-radius: 10px;
                background: linear-gradient(#f3f1d8, #e0cdad);
                box-shadow: 1px 3px 6px rgba(0,0,0,0.2);
            }

            .btn-gold {
                background: linear-gradient(#f3f1d8, #e0cdad);
                border-color: #e0cdad;
                color: #b21b7a;
                border-radius: 10px;
                box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
            }

            .btn-outline.btn-gold {
                color: #e0cdad;
                background: none;
                border-color: #e0cdad;
            }

            .btn-gold:active, .btn-red.active, .show > .btn-red.dropdown-toggle {
                background: linear-gradient(#f3f1d8, #e0cdad);
                border-color: #e0cdad;
                color: #b21b7a;
            }
            .btn-gold:hover {
                background: linear-gradient(#f3f1d8, #e0cdad);
                border-color: #e0cdad;
                color: #b21b7a;
            }
            .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
                color: #b21b7a;
                background: linear-gradient(#f3f1d8, #e0cdad);
                border-color: #ddd #ddd #fff;
            }
            .nav-tabs .nav-link {
                color:#555;
            }

            .btn-group-lg > .btn, .btn-lg {
                font-size: 16px;
                font-weight: 500;
            }
            .btn-red:active, .btn-red.active, .show > .btn-red.dropdown-toggle {
                background-color: #b21b7a;
                border-color: #b21b7a;
                color: #fff;
            }
            .btn-red:hover {
                background-color: #b21b7a;
                border-color: #b21b7a;
                color: #fff;
            }
            .icon-label-order {
                position: relative;
                top: 12px !important;
                display: inline-block;
                float: none;
                margin: 0 0 0 -42px;
                vertical-align: top;
                font-size: 9px;
                font-weight: 400;
                padding-top: 3px;
                padding-bottom: 3px;
                color: #b21b7a
            }
            .icon-label-history {
                position: relative;
                top: 12px !important;
                display: inline-block;
                float: none;
                margin: 0 0 0 -28px;
                vertical-align: top;
                font-size: 9px;
                font-weight: 400;
                padding-top: 3px;
                padding-bottom: 3px;
                color: #b21b7a
            }

            .fab-fixed {
                position: fixed;
                box-shadow: 0px -5px 20px rgba(0,0,0,0.14);
                padding: 8px 22px 20px;
                background-color: #fff;
                left :0px;
                right: 0px;
                bottom: 0px;
            }
            .tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}
            
		</style>
			<style>
tbody {
  box-sizing: border-box;

}

*, *:before, *:after {
  box-sizing: inherit;
  
}

.column {
  float: left;
  width: 33.3%;
  margin-bottom: 0px;
  padding: 0 5px;
 
}

@media screen and (max-width: 650px) {
  .column {
    width: 100%;
    display: block;
  }
}

.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  
}

.container {
  padding: 0 0px;
}

.container::after, .row::after {
  content: "";
  clear: both;
  display: table;
}

.title {
  color: grey;
}

.button {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 3px;
  color: white;
  background-color: #000;
  text-align: center;
  cursor: pointer;
  width: 100%;
}

.button:hover {
  background-color: #555;
}
</style>
	<style>

.modal-center .modal-dialog {
    margin: 0;
    width: 50%;
}

.ph-picture-6 {
  display: block;
}

.row-menu{
	flex-wrap: unset !important;
	height: 75px;
	overflow-y: hidden; 
}

.col-4{
    padding: 0px;
}
.col-3{
    padding: 0px;
}

.d-flex-center{
  display: flex;
  min-height: 53px;
  align-items: center;
  justify-content: center;
}

.figure-caption-custom{
  color: #4d5259;
  font-weight: bolder;
}
</style>  		
	<style type="text/css">
::-webkit-scrollbar {
    display: none;
}

#scroller{
  overflow-y: hidden;
  overflow-x: hidden;
}
#scroller:hover{
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: thin;
  scrollbar-width: thin;
}
.margin-bottom-50{
  margin-bottom: 50px;
}

@media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ 
  #scroller{
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}
@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
  #scroller{
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
  #scroller{
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}
/*.icon-label {
            position: relative;
            top: -18px !important;
            display: inline-block;
            float: none;
            margin: 0 0 0 -5px;
            vertical-align: top;
            font-size: 14px;
            font-weight: 400;
        }*/
</style>		
		
        <!-- placeholder loading like fb -->
	</head>

<body>
		<!-- Preloader -->
		<div class="preloader" id="ajax-preloader">
			<div class="spinner-dots">
				<span class="dot1 text-purple"></span>
				<span class="dot2"></span>
				<span class="dot3"></span>
			</div>
		</div>


		<!-- Topbar -->
		<header class="topbar">
            <div class="topbar-left">
                <a href="#" class="topbar-btn ajax d-none" id="btn-back" style="width:48px;">
                    <i class="ti-arrow-left fw-600 text-purple"></i>
                </a>
                <!--div class="topbar-divider"></div-->
                	
                <a href="<?php echo base_url('mobile/menu/utama/') ?>" class="ajax topbar-btn ml-10" id="btn-home">
                    <img src="<?php echo base_url().'assets/img/logo.png'?>" class="img-responsive" style="align:left;max-width: 44px;">
                </a>
            </div>

			<!-- <div class="topbar-center">
                <form class="lookup lookup-md mt-3 text-left" style="width: 100%;display:block" onsubmit="return false;">
                    <input type="text" id="search-autocomplete" name="search" placeholder="Apa menu pilihan anda?" style="width: 100%;display:block">
                </form>
            </div> -->
            <?php
                $nobukti=$this->session->userdata('nobukti');
                $torder=0;
                $ord=$this->db->query("select sum(qty) as torder from tbl_belanja_detail where nobukti='$nobukti';");
                if ($ord->num_rows() > 0) {
                    $ordd=$ord->row_array();
                    $torder=$ordd['torder'];
                    if($torder==null) {$torder=0;}
                }
            ?>
            <div class="topbar-right">
				<ul class="topbar-btns non-searching">
                    <li class="dropdown d-md-block" style=";width:48px">
                        <a href="<?php echo base_url('mobile/menu/belanja/') ?>" class="topbar-btn ajax text-default">
                            <i class="fa fa-shopping-cart text-purple"></i>
                            <!--<span class="badge badge-pill badge-purple badge-sm">6</span>-->
                            <span class="icon-label badge badge-sm badge-pill badge-danger" 
                                id="total-item-cart"><?php echo $torder ?></span>
                            <span class="icon-label-order">Pesanan</span>
                        </a>
                    </li>
					<!-- END Notifications -->

                    <!--form class="lookup lookup-circle">
                        <input type="text" name="search">
                    </form-->

				</ul>
                <form class="lookup lookup-md text-left " style="width: 100%;display:block" onsubmit="return false;">
                    <input type="text" id="search-autocomplete" name="search" placeholder="Cari menu" style="width: 100%;display:block">
                </form>
			</div>
		</header>
		<!-- END Topbar -->


		<!-- Main container -->
		<main class="main-container">
			<div class="main-content" style="padding-top: 1px;">
                <div id="ajax-page-container">
                    <div id="scroller">
                        <ul class="nav nav-tabs mb-0" style="height: 45px;font-size:13px;color:white;font-family: Segoe UI;font-weight:bold;width:max-content;">
                            <?php if($judul=='allmenu') { ?>
                                <li class="nav-item" style="height: 40px;border-radius:10px;">
                                    <a class="nav-link"    style="font-size:13px;color:yellow;font-family: Segoe UI;font-weight:bold"
                                    href="<?php echo base_url('mobile/menu/allmenu/') ?>" ><b style="font-size:13px;color:yellow;font-family: Segoe UI;font-weight:bold">SEMUA</b></a>
                                </li>
                                <?php } else {?>
                                <li class="nav-item" >
                                    <a class="nav-link"    style="font-size:13px;color:white;font-family: Segoe UI;font-weight:bold"
                                    href="<?php echo base_url('mobile/menu/allmenu/') ?>" ><b style="font-size:13px;color:white;font-family: Segoe UI;font-weight:bold">SEMUA</b></a>
                                </li>
                            <?php } ?>
                            <?php if($judul=='makanan') { ?>
                                <li class="nav-item" style="height: 40px;border-radius:10px;">
                                    <a class="nav-link"  style="font-size:13px;color:yellow;font-family: Segoe UI;font-weight:bold" href="<?php echo base_url('mobile/menu/makanan/') ?>"><b style="font-size:13px;color:yellow;font-family: Segoe UI;font-weight:bold">MIE ORI</b></a>
                                </li>
                                <?php } else {?>
                                <li class="nav-item" >
                                    <a class="nav-link"  style="font-size:13px;color:white;font-family: Segoe UI;font-weight:bold" href="<?php echo base_url('mobile/menu/makanan/') ?>"><b style="font-size:13px;color:white;font-family: Segoe UI;font-weight:bold">MIE ORI</b></a>
                                </li>
                            <?php } ?>
                            <?php if($judul=='makanana') { ?>
                                <li class="nav-item" style="height: 40px;border-radius:10px;">
                                    <a class="nav-link "  style="font-size:13px;color:yellow;font-family: Segoe UI;font-weight:bold" href="<?php echo base_url('mobile/menu/makanana/') ?>"><b style="font-size:13px;color:yellow;font-family: Segoe UI;font-weight:bold">ORI + TOPPING</b></a>
                                </li>
                                <?php } else {?>
                                <li class="nav-item" >
                                    <a class="nav-link "  style="font-size:13px;color:white;font-family: Segoe UI;font-weight:bold" href="<?php echo base_url('mobile/menu/makanana/') ?>"><b style="font-size:13px;color:white;font-family: Segoe UI;font-weight:bold">ORI + TOPPING</b></a>
                                </li>
                            <?php } ?>
                            <?php if($judul=='makanan1') { ?>
                                <li class="nav-item" style="height: 40px;border-radius:10px;">
                                    <a class="nav-link "  style="font-size:13px;color:yellow;font-family: Segoe UI;font-weight:bold" href="<?php echo base_url('mobile/menu/makanan1/') ?>"><b style="font-size:13px;color:yellow;font-family: Segoe UI;font-weight:bold">GOKIL</b></a>
                                </li>
                                <?php } else {?>
                                <li class="nav-item" >
                                    <a class="nav-link "  style="font-size:13px;color:white;font-family: Segoe UI;font-weight:bold" href="<?php echo base_url('mobile/menu/makanan1/') ?>"><b style="font-size:13px;color:white;font-family: Segoe UI;font-weight:bold">GOKIL</b></a>
                                </li>
                            <?php } ?>
                            <?php if($judul=='makanan1a') { ?>
                                <li class="nav-item" style="height: 40px;border-radius:10px;">
                                    <a class="nav-link "  style="font-size:13px;color:yellow;font-family: Segoe UI;font-weight:bold" href="<?php echo base_url('mobile/menu/makanan1a/') ?>"><b style="font-size:13px;color:yellow;font-family: Segoe UI;font-weight:bold">GOKIL + TOPPING</b></a>
                                </li>
                                <?php } else {?>
                                <li class="nav-item" >
                                    <a class="nav-link "  style="font-size:13px;color:white;font-family: Segoe UI;font-weight:bold" href="<?php echo base_url('mobile/menu/makanan1a/') ?>"><b style="font-size:13px;color:white;font-family: Segoe UI;font-weight:bold">GOKIL + TOPPING</b></a>
                                </li>
                            <?php } ?>
                            <?php if($judul=='makanan2') { ?>
                                <li class="nav-item" style="height: 40px;border-radius:10px;">
                                    <a class="nav-link "  style="font-size:13px;color:yellow;font-family: Segoe UI;font-weight:bold" href="<?php echo base_url('mobile/menu/makanan2/') ?>"><b style="font-size:13px;color:yellow;font-family: Segoe UI;font-weight:bold">TOPPING</b></a>
                                </li>
                                <?php } else {?>
                                <li class="nav-item" >
                                    <a class="nav-link "  style="font-size:13px;color:white;font-family: Segoe UI;font-weight:bold" href="<?php echo base_url('mobile/menu/makanan2/') ?>"><b style="font-size:13px;color:white;font-family: Segoe UI;font-weight:bold">TOPPING</b></a>
                                </li>
                            <?php } ?>
                            <?php if($judul=='makanan3') { ?>
                                <li class="nav-item" style="height: 40px;border-radius:10px;">
                                    <a class="nav-link "  style="font-size:13px;color:yellow;font-family: Segoe UI;font-weight:bold" href="<?php echo base_url('mobile/menu/makanan3/') ?>"><b style="font-size:13px;color:yellow;font-family: Segoe UI;font-weight:bold">SNACK</b></a>
                                </li>
                                <?php } else {?>
                                <li class="nav-item" >
                                    <a class="nav-link "  style="font-size:13px;color:white;font-family: Segoe UI;font-weight:bold" href="<?php echo base_url('mobile/menu/makanan3/') ?>"><b style="font-size:13px;color:white;font-family: Segoe UI;font-weight:bold">SNACK</b></a>
                                </li>
                            <?php } ?>
                            <?php if($judul=='minuman') { ?>
                                <li class="nav-item" style="height: 40px;border-radius:10px;">
                                    <a class="nav-link " style="font-size:13px;color:yellow;font-family: Segoe UI;font-weight:bold" href="<?php echo base_url('mobile/menu/minuman/') ?>"><b style="font-size:13px;color:yellow;font-family: Segoe UI;font-weight:bold">MINUMAN</b></a>
                                </li>
                                <?php } else {?>
                                <li class="nav-item" >
                                    <a class="nav-link " style="font-size:13px;color:white;font-family: Segoe UI;font-weight:bold" href="<?php echo base_url('mobile/menu/minuman/') ?>"><b style="font-size:13px;color:white;font-family: Segoe UI;font-weight:bold">MINUMAN</b></a>
                                </li>
                            <?php } ?>
                        </ul>
                    </div>
                    <?php if($judul=='makanana') { ?>
                     <ul class="nav nav-tabs nav-tabs-purple mb-0" style="height: 45px;font-size:13px;color:white;font-family: Segoe UI;font-weight:bold;width:max-content;">
                            <?php if($judul1=='mtop1') { ?>
                                <li class="nav-item" style="height: 40px;border-radius:10px;">
                                    <a class="nav-link " style="font-size:13px;color:yellow;font-family: Segoe UI;font-weight:bold" href="<?php echo base_url('mobile/menu/mtop1/') ?>"><b style="font-size:13px;color:yellow;font-family: Segoe UI;font-weight:bold">AYAM</b></a>
                                </li>
                                <?php } else {?>
                                <li class="nav-item" >
                                    <a class="nav-link " style="font-size:13px;color:white;font-family: Segoe UI;font-weight:bold" href="<?php echo base_url('mobile/menu/mtop1/') ?>"><b style="font-size:13px;color:white;font-family: Segoe UI;font-weight:bold">AYAM</b></a>
                                </li>
                            <?php } ?>
                            <?php if($judul1=='mtop2') { ?>
                                <li class="nav-item" style="height: 40px;border-radius:10px;">
                                    <a class="nav-link " style="font-size:13px;color:yellow;font-family: Segoe UI;font-weight:bold" href="<?php echo base_url('mobile/menu/mtop2/') ?>"><b style="font-size:13px;color:yellow;font-family: Segoe UI;font-weight:bold">JAMUR</b></a>
                                </li>
                                <?php } else {?>
                                <li class="nav-item" >
                                    <a class="nav-link " style="font-size:13px;color:white;font-family: Segoe UI;font-weight:bold" href="<?php echo base_url('mobile/menu/mtop2/') ?>"><b style="font-size:13px;color:white;font-family: Segoe UI;font-weight:bold">JAMUR</b></a>
                                </li>
                            <?php } ?>
                            <?php if($judul1=='mtop4') { ?>
                                <li class="nav-item" style="height: 40px;border-radius:10px;">
                                    <a class="nav-link " style="font-size:13px;color:yellow;font-family: Segoe UI;font-weight:bold" href="<?php echo base_url('mobile/menu/mtop4/') ?>"><b style="font-size:13px;color:yellow;font-family: Segoe UI;font-weight:bold">TERIYAKI</b></a>
                                </li>
                                <?php } else {?>
                                <li class="nav-item" >
                                    <a class="nav-link " style="font-size:13px;color:white;font-family: Segoe UI;font-weight:bold" href="<?php echo base_url('mobile/menu/mtop4/') ?>"><b style="font-size:13px;color:white;font-family: Segoe UI;font-weight:bold">TERIYAKI</b></a>
                                </li>
                            <?php } ?>
                            <?php if($judul1=='mtop3') { ?>
                                <li class="nav-item" style="height: 40px;border-radius:10px;">
                                    <a class="nav-link " style="font-size:13px;color:yellow;font-family: Segoe UI;font-weight:bold" href="<?php echo base_url('mobile/menu/mtop3/') ?>"><b style="font-size:13px;color:yellow;font-family: Segoe UI;font-weight:bold">BLACKPAPPER</b></a>
                                </li>
                                <?php } else {?>
                                <li class="nav-item" >
                                    <a class="nav-link " style="font-size:13px;color:white;font-family: Segoe UI;font-weight:bold" href="<?php echo base_url('mobile/menu/mtop3/') ?>"><b style="font-size:13px;color:white;font-family: Segoe UI;font-weight:bold">BLACKPAPPER</b></a>
                                </li>
                            <?php } ?>
                    </ul>        
                    <?php }?>
                    <?php if($judul=='makanan1a') { ?>
                     <ul class="nav nav-tabs nav-tabs-purple mb-0" style="height: 45px;font-size:13px;color:white;font-family: Segoe UI;font-weight:bold;width:max-content;">
                            <?php if($judul1=='gtop1') { ?>
                                <li class="nav-item" style="height: 40px;border-radius:10px;">
                                    <a class="nav-link " style="font-size:13px;color:yellow;font-family: Segoe UI;font-weight:bold" href="<?php echo base_url('mobile/menu/gtop1/') ?>"><b style="font-size:13px;color:yellow;font-family: Segoe UI;font-weight:bold">AYAM</b></a>
                                </li>
                                <?php } else {?>
                                <li class="nav-item" >
                                    <a class="nav-link " style="font-size:13px;color:white;font-family: Segoe UI;font-weight:bold" href="<?php echo base_url('mobile/menu/gtop1/') ?>"><b style="font-size:13px;color:white;font-family: Segoe UI;font-weight:bold">AYAM</b></a>
                                </li>
                            <?php } ?>
                            <?php if($judul1=='gtop2') { ?>
                                <li class="nav-item" style="height: 40px;border-radius:10px;">
                                    <a class="nav-link " style="font-size:13px;color:yellow;font-family: Segoe UI;font-weight:bold" href="<?php echo base_url('mobile/menu/gtop2/') ?>"><b style="font-size:13px;color:yellow;font-family: Segoe UI;font-weight:bold">JAMUR</b></a>
                                </li>
                                <?php } else {?>
                                <li class="nav-item" >
                                    <a class="nav-link " style="font-size:13px;color:white;font-family: Segoe UI;font-weight:bold" href="<?php echo base_url('mobile/menu/gtop2/') ?>"><b style="font-size:13px;color:white;font-family: Segoe UI;font-weight:bold">JAMUR</b></a>
                                </li>
                            <?php } ?>
                            <?php if($judul1=='gtop4') { ?>
                                <li class="nav-item" style="height: 40px;border-radius:10px;">
                                    <a class="nav-link " style="font-size:13px;color:yellow;font-family: Segoe UI;font-weight:bold" href="<?php echo base_url('mobile/menu/gtop4/') ?>"><b style="font-size:13px;color:yellow;font-family: Segoe UI;font-weight:bold">TERIYAKI</b></a>
                                </li>
                                <?php } else {?>
                                <li class="nav-item" >
                                    <a class="nav-link " style="font-size:13px;color:white;font-family: Segoe UI;font-weight:bold" href="<?php echo base_url('mobile/menu/gtop4/') ?>"><b style="font-size:13px;color:white;font-family: Segoe UI;font-weight:bold">TERIYAKI</b></a>
                                </li>
                            <?php } ?>
                            <?php if($judul1=='gtop3') { ?>
                                <li class="nav-item" style="height: 40px;border-radius:10px;">
                                    <a class="nav-link " style="font-size:13px;color:yellow;font-family: Segoe UI;font-weight:bold" href="<?php echo base_url('mobile/menu/gtop3/') ?>"><b style="font-size:13px;color:yellow;font-family: Segoe UI;font-weight:bold">BLACKPAPPER</b></a>
                                </li>
                                <?php } else {?>
                                <li class="nav-item" >
                                    <a class="nav-link " style="font-size:13px;color:white;font-family: Segoe UI;font-weight:bold" href="<?php echo base_url('mobile/menu/gtop3/') ?>"><b style="font-size:13px;color:white;font-family: Segoe UI;font-weight:bold">BLACKPAPPER</b></a>
                                </li>
                            <?php } ?>
                        </ul>    
                    <?php } ?>    
                </div>    
       
    <tbody style="background-color:red;border-radius:10px;">
                    <div id='tab-product-1' class="row" style="margin-top:2px">
                        <?php foreach ($data->result_array() as $a) {
                                $id=$a['menu_id'];
			                    $nama=$a['menu_nama'];	
			                    $deskripsi=$a['menu_deskripsi'];
			                    $harga_lama=$a['menu_harga_lama'];
			                    $harga_baru=$a['menu_harga_baru'];
			                    $harlam=$a['harga_lama'];
			                    $harbar=$a['harga_baru'];
			                    $like=$a['menu_likes'];
			                    $kat_id=$a['menu_kategori_id'];
			                    $kat_nama=$a['menu_kategori_nama'];
			                    $gambar=$a['menu_gambar'];
			                    $order=$a['qty'];
                        ?>
                        <div class="col-4" >      
                            <div  >
                                <div class="img-thumbnail">
                                    <img src="<?php echo base_url().'/assets/images/'.$gambar;?>"   alt="..."  style="border-radius:10px 10px 0 0;">
                                    <div class="container">
                                        <table>
                                            <tr>
                                                <td  style="font-size:13px;font-family: Segoe UI;font-weight:bold" ><?php echo $nama;?></td>
                                            </tr>    
                                            <tr>
                                                <td class="current-price pull-left" style="font-size:13px;color:red;font-family: Segoe UI;font-weight:bold"><?php echo number_format($harga_baru);?></td>
                                            </tr>
                                            <?php if($order>0) { ?>
                                                <tr class="flexbox flex-justified text-center" style="height:35px;border-radius: 3px;width:100px;border-color: red;border-style: solid;background-color: red;font-size:13px;color:white;font-family: Segoe UI;font-weight:bold">
                                                    <td>
                                                        <a href="<?php echo base_url('mobile/menu/min_list_order/').'/'.$id.'/'.$judul ?>" style="text-decoration: none;display: inline-block; color: #313944; " class="ajax text-center">
                                                            <button class="btn btn-xs  btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 3px;width:25px;font-size:13px;color:white;font-family: Segoe UI;font-weight:bold" data-productid="<?php echo $id ?>" data-soldout="0"><i style="color:red" class="fa fa-minus"></i></button>
                                                        </a>
                                                    </td>
                                                    <td  class="text-center total-cart-list" style="padding: 3px 5px 5px;border-radius: 3px;width:45px;background-color: red;font-size:15px;color:white;font-family: Segoe UI;font-weight:bold"><?php echo $order ?></td>
                                                    <td>
                                                        <a href="<?php echo base_url('mobile/menu/add_list_order').'/'.$id.'/'.$judul  ?>" style="text-decoration: none;display: inline-block; color: #313944;" class="ajax text-center">
                                                            <button class="btn btn-xs btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 3px;width:25px;font-size:13px;color:white;font-family: Segoe UI;font-weight:bold" data-productid="<?php echo $id ?>" data-soldout="0" ><i style="color:red" class="fa fa-plus"></i></button>
                                                        </a>
                                                    </td>
                                                </tr>
                                            <?php } else { ?>
                                                <tr class="flexbox flex-justified text-center" style="height:35px;border-radius: 3px;width:100px;border-color: lightgray;border-style: solid;background-color: lightgray;font-size:13px;color:white;font-family: Segoe UI;font-weight:bold">
                                                    <td>
                                                        <a href="<?php echo base_url('mobile/menu/min_list_order/').'/'.$id.'/'.$judul ?>" style="text-decoration: none;display: inline-block; color: #313944; " class="ajax text-center">
                                                            <button class="btn btn-xs  btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 3px;width:25px;font-size:13px;color:white;font-family: Segoe UI;font-weight:bold" data-productid="<?php echo $id ?>" data-soldout="0"><i style="color:red" class="fa fa-minus"></i></button>
                                                        </a>
                                                    </td>
                                                    <td  class="text-center total-cart-list" style="padding: 3px 5px 5px;border-radius: 3px;width:45px;font-size:15px;color:white;font-family: Segoe UI;font-weight:bold"><?php echo $order ?></td>
                                                    <td>
                                                        <a href="<?php echo base_url('mobile/menu/add_list_order').'/'.$id.'/'.$judul  ?>" style="text-decoration: none;display: inline-block; color: #313944;" class="ajax text-center">
                                                            <button class="btn btn-xs btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 3px;width:25px;font-size:13px;color:white;font-family: Segoe UI;font-weight:bold" data-productid="<?php echo $id ?>" data-soldout="0" ><i style="color:red" class="fa fa-plus"></i></button>
                                                        </a>
                                                    </td>
                                                </tr>
                                            <?php } ?>
                                        </table>  
                                    </div>    
                                </div>
                            </div>
                        </div>
                        <?php } ?>
                   
    </tbody>

<!-- <div class="modal modal-bottom fade" id="modal-detail-product" tabindex="-1">
  <div class="modal-dialog"></div>
</div> -->   
    				<!-- END Main content -->
                </div>
			</div><!--/.main-content -->

            <div class="modal modal-bottom fade" id="modal-detail-product" tabindex="-1">
              <div class="modal-dialog"></div>
            </div>

			<!-- Footer 
			<footer class="site-footer">
				<div class="row">
					<div class="col-md-12">
						<p class="text-center text-md-left">Copyright © 2020 <a href="#">Solaria</a>. All rights reserved.</p>
					</div>
				</div>
			</footer>
		END Footer -->

		</main>
		<!-- END Main container -->

        <!-- Scripts -->
        <script src="https://eorder.solariaresto.co.id/assets/js/core.min.js"></script>
        <script src="https://eorder.solariaresto.co.id/assets/js/app.min.js"></script>
        <script src="https://eorder.solariaresto.co.id/assets/js/script.min.js"></script>
        <script type="text/javascript" src="https://eorder.solariaresto.co.id/assets/plugin/endless-scroll/jquery.endless-scroll.js"></script>
	
	</body>
</html>