<!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">
    <!--<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">-->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
    <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>
        div.scrollmenu {
            background-color: #333;
            overflow: auto;
            white-space: nowrap;
        }

        div.scrollmenu a {
            display: inline-block;
            color: white;
            text-align: center;

            text-decoration: none;
        }

        div.scrollmenu a:hover {
            background-color: #777;
        }
    </style>

    <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: 5px 5px;
        }

        .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;
        }*/


        /* Slideshow container */
        .slideshow-container {
            position: relative;
            background: #f1f1f1f1;
        }

        /* Slides */
        .mySlides {
            display: none;
            padding: 80px;
            text-align: center;
        }

        /* Next & previous buttons */
        .prev,
        .next {
            cursor: pointer;
            position: absolute;
            top: 50%;
            width: auto;
            margin-top: -30px;
            padding: 16px;
            color: #888;
            font-weight: bold;
            font-size: 20px;
            border-radius: 0 3px 3px 0;
            user-select: none;
        }

        /* Position the "next button" to the right */
        .next {
            position: absolute;
            right: 0;
            border-radius: 3px 0 0 3px;
        }

        /* On hover, add a black background color with a little bit see-through */
        .prev:hover,
        .next:hover {
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
        }

        /* The dot/bullet/indicator container */
        .dot-container {
            text-align: center;
            padding: 20px;
            background: #ddd;
        }

        /* The dots/bullets/indicators */
        .dot {
            cursor: pointer;
            height: 15px;
            width: 15px;
            margin: 0 2px;
            background-color: #bbb;
            border-radius: 50%;
            display: inline-block;
            transition: background-color 0.6s ease;
        }

        /* Add a background color to the active dot/circle */
        .active,
        .dot:hover {
            background-color: #717171;
        }

        /* Add an italic font style to all quotes */
        q {
            font-style: italic;
        }

        /* Add a blue color to the author */
        .author {
            color: cornflowerblue;
        }
    </style>
    <style>
        .btom {
            padding: 5px 5px;
            font-size: 15px;
            text-align: center;
            cursor: pointer;
            outline: none;
            color: #fff;
            background-color: #04AA6D;
            border: none;
            border-radius: 5px;
            box-shadow: 0 9px #999;
        }

        .btom:hover {
            background-color: #3e8e41
        }

        .btom:active {
            background-color: #3e8e41;
            box-shadow: 0 5px #666;
            transform: translateY(4px);
        }
    </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/allmenu') ?>" 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;padding-bottom: 2px;">
            <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 type="button" style="font-size:13px;color:yellow;font-family: Segoe UI;font-weight:bold">FAVORIT</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 type="button" style="font-size:13px;color:white;font-family: Segoe UI;font-weight:bold">FAVORIT</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 GURIH</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 GURIH</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">GURIH + 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">GURIH + 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">MIE 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">MIE 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">MIE 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">MIE GOKIL + 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 == '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 == '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;padding-top: 1px;">
                <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>
            <!-- 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>
    </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>

    <?php if ($this->session->userdata('muncul') === 1) { ?>
        <?php if (empty($promo->result_array())) { ?>
            <script type="text/javascript">
                $(window).on('load', function() {
                    $('#exampleModal').modal('hide');
                });
            </script>
        <?php } else { ?>
            <script type="text/javascript">
                $(window).on('load', function() {
                    $('#exampleModal').modal('show');
                });
            </script>
        <?php } ?>
    <?php } ?>
</body>
</html>

<!--modal promo -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Promo hari Ini (<?= $promo->num_Rows() ?>)</h5>
                <button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i></button>
            </div>
            <div class="modal-body">

                <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
                    <div class="carousel-inner">
                        <?php $no = 1;
                        foreach ($promo->result_array() as $p) { ?>
                            <div class="carousel-item<?php if ($no === 1) {
                                                            echo ' active';
                                                        } ?>">
                                <img class="d-block w-100" src="https://miedjoetek.com/webcp/assets/upload/image/<?= $p['gambar'] ?>" alt="First slide">
                            </div><?php $no++; ?>
                        <?php } ?>

                        <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
                            <i class="fa fa-chevron-left" aria-hidden="true"></i>
                        </a>
                        <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
                            <i class="fa fa-chevron-right" aria-hidden="true"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>