<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no, maximum-scale=1.0, user-scalable=0"/>
		<meta name="description" content="eOrder Solaria memudahkan anda memesan makanan di restoran solaria">
		<meta name="keywords" content="solaria, eorder, eorder solaria, solaria eorder">

		<title>eOrder Solaria</title>

		<!-- Fonts -->
		<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">

		<!-- Favicons -->
		<link rel="apple-touch-icon" href="https://eorder.solariaresto.co.id/assets/img/apple-touch-icon.png">
		<link rel="icon" href="https://eorder.solariaresto.co.id/assets/img/favicon.png">

		<!--  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-image: url('assets/img/ornamen.png');
                background-repeat: no-repeat;
                background-attachment: fixed;
                background-position: right bottom; 
                background-color:#fff; 
                font-size: 14px;
                font-weight: normal;
            }

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

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

            .topbar {
                height: 58px;
            }
            .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: 20px;
			}
			/*.figure {
					box-shadow: 0px 2px 8px rgba(0,0,0,0.15);
					border-radius: 4px;
			}*/
            .figure {
                    box-shadow: none;
                    border-radius: 0px;
            }
			.figure-img{
					border-radius: 4px 4px 0px 0px;
                    margin-bottom: 0px;
			}
			.figure-caption{
                    font-size: 15px;
					padding: 0px 8px 5px;
					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 8px 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-purple.active, .show > .btn-purple.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-purple:active, .btn-purple.active, .show > .btn-purple.dropdown-toggle {
                background-color: #b21b7a;
                border-color: #b21b7a;
                color: #fff;
            }
            .btn-purple: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;
            }
		</style>
        <!-- placeholder loading like fb -->
        <link rel="stylesheet" type="text/css" href="https://eorder.solariaresto.co.id/assets/css/placeholder-loading.css">
        <script type="text/javascript" src="https://eorder.solariaresto.co.id/assets/js/jquery.min.js"></script>
	</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="https://eorder.solariaresto.co.id/home" class="ajax topbar-btn ml-10" id="btn-home">
                    <img src="https://eorder.solariaresto.co.id/assets/img/logo.png" class="img-responsive" style="max-width: 64px;">
                </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> -->

            <div class="topbar-right">
				<ul class="topbar-btns non-searching">

                    <!-- Notifications -->
                    					<li class="dropdown d-md-block" style="width:48px;">
						<a href="https://eorder.solariaresto.co.id/history" class="topbar-btn ajax"><i class="ti-receipt text-purple"></i>
                        <span class="icon-label-history">Riwayat</span>
                        </a>
					</li>
                                        <li class="dropdown d-md-block" style=";width:48px">
                        <a href="https://eorder.solariaresto.co.id/cart/view" 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">0</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 text-search" 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: 10px;">
                <div id="ajax-page-container">
    				<!-- Main content -->
    				<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>
<!-- <div class="fab fab-fixed">
  <a href="https://eorder.solariaresto.co.id/cart/view" title="Show my cart" class="ajax btn btn-float btn-default">
    <i class="fa fa-shopping-basket" style="margin-left: 22px"></i>
    <span class="icon-label badge badge-pill badge-success" id="total-item-cart">0</span>
  </a>
</div> -->

<div id="scroller">
  <ul class="nav nav-tabs nav-tabs-purple mb-0" style="width:max-content;">
    <li class="nav-item">
      <a class="nav-link" id="tabAll" data-toggle="tab" href="#all">All</a>
    </li>
              <li class="nav-item">
            <a class="nav-link active" data-toggle="tab" href="#tab-product-44">Menu Spesial</a>
          </li>
                    <li class="nav-item">
            <a class="nav-link " data-toggle="tab" href="#tab-product-22">Nasi Goreng</a>
          </li>
                    <li class="nav-item">
            <a class="nav-link " data-toggle="tab" href="#tab-product-25">Menu Paket</a>
          </li>
                    <li class="nav-item">
            <a class="nav-link " data-toggle="tab" href="#tab-product-24">Mie</a>
          </li>
                    <li class="nav-item">
            <a class="nav-link " data-toggle="tab" href="#tab-product-14">Kwetiau</a>
          </li>
                    <li class="nav-item">
            <a class="nav-link " data-toggle="tab" href="#tab-product-60">Bihun</a>
          </li>
                    <li class="nav-item">
            <a class="nav-link " data-toggle="tab" href="#tab-product-61">Express Bowl</a>
          </li>
                    <li class="nav-item">
            <a class="nav-link " data-toggle="tab" href="#tab-product-41">Lo Mie & I Fu Mie</a>
          </li>
                    <li class="nav-item">
            <a class="nav-link " data-toggle="tab" href="#tab-product-21">Menu Porsi</a>
          </li>
                    <li class="nav-item">
            <a class="nav-link " data-toggle="tab" href="#tab-product-23">Menu Lain</a>
          </li>
                    <li class="nav-item">
            <a class="nav-link " data-toggle="tab" href="#tab-product-26">Snack</a>
          </li>
                    <li class="nav-item">
            <a class="nav-link " data-toggle="tab" href="#tab-product-43">Minuman</a>
          </li>
            </ul>
</div>
<div id="swiper">
  <!-- Tab panes -->
<div id="button-show-cart" class="fab fab-fixed hide">
    <div style="margin-bottom: 4px">
        <span class="fs-12">Jumlah Pesanan Anda </span>&nbsp;<span class="fs-12 text-purple"><span id="total-item-basket">0 </span> Item </span>
    </div>
    <a href="https://eorder.solariaresto.co.id/cart/view" title="Lihat Pesanan Anda" class="ajax btn btn-block btn-gold fw-500"><i class="fa fa-shopping-cart text-purple"></i> Lihat Pesanan Anda</a>
</div>
  <div class="tab-content margin-bottom-50">

            <!--<div class="tab-pane fade active show" id="home-wide">-->
        <div class="tab-pane fade active in show" id="tab-product-44">
          <div class="row">
            <div class="col-12">
              <h4 class="fw-400 mt-15 ml-2 text-left text-purple">Menu Spesial</h4>

              <div class="media-list media-list-hover media-list-divided">
                
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/4111_20210602135613_m.jpg" 
                        alt="..." 
                        data-productid="20000186"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/4111_20210602135613_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000186"><p>Spagetti Bolognaise</p></span>
                            <span><h5 class="fw-400 d-inline ">21.819</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000186" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000186" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000186"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000186" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/4920_20210602135849_m.jpg" 
                        alt="..." 
                        data-productid="20200193"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/4920_20210602135849_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20200193"><p>Nasi + Ayam Crispy Black Pepper Sauce</p></span>
                            <span><h5 class="fw-400 d-inline ">28.183</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200193" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200193" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200193"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20200193" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/4924_20210602140135_m.jpg" 
                        alt="..." 
                        data-productid="20200229"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/4924_20210602140135_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20200229"><p>Nasi + Cripsy Chicken Spicy Mayo</p></span>
                            <span><h5 class="fw-400 d-inline ">28.183</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200229" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200229" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200229"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20200229" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/2416_20210602135451_m.jpg" 
                        alt="..." 
                        data-productid="20200045"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/2416_20210602135451_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20200045"><p>Mie Ayam Teriyaki</p></span>
                            <span><h5 class="fw-400 d-inline ">33.637</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200045" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200045" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200045"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20200045" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/2816_20210602135828_m.jpg" 
                        alt="..." 
                        data-productid="20000178"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/2816_20210602135828_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000178"><p>Nasi + Ayam Teriyaki</p></span>
                            <span><h5 class="fw-400 d-inline ">33.637</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000178" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000178" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000178"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000178" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/2817_20210602135805_m.jpg" 
                        alt="..." 
                        data-productid="20000179"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/2817_20210602135805_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000179"><p>Nasi + Ayam Katsu Teriyaki Saos</p></span>
                            <span><h5 class="fw-400 d-inline ">34.546</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000179" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000179" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000179"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000179" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/2417_20210602135741_m.jpg" 
                        alt="..." 
                        data-productid="20000158"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/2417_20210602135741_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000158"><p>Mie + Ayam Katsu Teriyaki Saos</p></span>
                            <span><h5 class="fw-400 d-inline ">34.546</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000158" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000158" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000158"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000158" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/4919_20210602135547_m.jpg" 
                        alt="..." 
                        data-productid="20200192"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/4919_20210602135547_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20200192"><p>Nasi + Ayam Lada Hitam</p></span>
                            <span><h5 class="fw-400 d-inline ">34.546</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200192" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200192" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200192"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20200192" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="opacity:0.3;">
                      <img class="w-80px rounded ph-picture " 
                        src="https://content.solariaresto.co.id/eorder/4915_20210602152826_m.jpg" 
                        alt="..." 
                        data-productid="17"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/4915_20210602152826_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="" data-productid="17"><p>Nasi Chicken Bulgogi</p></span>
                            <span><h5 class="fw-400 d-inline "><b>Sold Out</b></h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="17" data-soldout="1"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="17" data-soldout="1" disabled><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold  pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="17"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round " type="button" style="padding: 3px 20px 5px;" data-productid="17" disabled><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/4916_20210602142903_m.jpg" 
                        alt="..." 
                        data-productid="20000201"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/4916_20210602142903_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000201"><p>Nasi + Sapo Tahu Seafood</p></span>
                            <span><h5 class="fw-400 d-inline ">41.819</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000201" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000201" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000201"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000201" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                                      <a class="media mx-0 px-0 media-single btn-next d-none" href="#" data-nextpage="2" data-catid="44">
                    <div class="media-body">
                      <h6 class="fw-400 d-inline">Menu Spesial Lainnya <i class="ti-arrow-right"></i></h6>
                    </div>
                  </a>
                                </div>
            </div>
          </div>
        </div>
                <!--<div class="tab-pane fade active show" id="home-wide">-->
        <div class="tab-pane fade " id="tab-product-22">
          <div class="row">
            <div class="col-12">
              <h4 class="fw-400 mt-15 ml-2 text-left text-purple">Nasi Goreng</h4>

              <div class="media-list media-list-hover media-list-divided">
                
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/710_20210602134624_m.jpg" 
                        alt="..." 
                        data-productid="20000061"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/710_20210602134624_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000061"><p>Nasi Goreng</p></span>
                            <span><h5 class="fw-400 d-inline ">29.092</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000061" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000061" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000061"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000061" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/720_20210602134133_m.jpg" 
                        alt="..." 
                        data-productid="20000062"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/720_20210602134133_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000062"><p>Nasi Goreng Special</p></span>
                            <span><h5 class="fw-400 d-inline ">34.546</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000062" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000062" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000062"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000062" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/791_20210602134453_m.jpg" 
                        alt="..." 
                        data-productid="11"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/791_20210602134453_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="11"><p>Nasi Goreng Tom Yam Ayam</p></span>
                            <span><h5 class="fw-400 d-inline ">34.546</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="11" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="11" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="11"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="11" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/770_20210602134330_m.jpg" 
                        alt="..." 
                        data-productid="20000069"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/770_20210602134330_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000069"><p>Smoked Chicken Fried Rice</p></span>
                            <span><h5 class="fw-400 d-inline ">38.183</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000069" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000069" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000069"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000069" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/721_20210602134347_m.jpg" 
                        alt="..." 
                        data-productid="20200205"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/721_20210602134347_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20200205"><p>Nasi Goreng Italy</p></span>
                            <span><h5 class="fw-400 d-inline ">38.183</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200205" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200205" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200205"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20200205" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/761_20210602134604_m.jpg" 
                        alt="..." 
                        data-productid="20200243"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/761_20210602134604_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20200243"><p>Nasi Goreng Kambing</p></span>
                            <span><h5 class="fw-400 d-inline ">43.637</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200243" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200243" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200243"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20200243" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="opacity:0.3;">
                      <img class="w-80px rounded ph-picture " 
                        src="https://content.solariaresto.co.id/eorder/762_20210602134428_m.jpg" 
                        alt="..." 
                        data-productid="3"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/762_20210602134428_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="" data-productid="3"><p>Nasi Goreng Bebek Cabe Ijo</p></span>
                            <span><h5 class="fw-400 d-inline "><b>Sold Out</b></h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="3" data-soldout="1"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="3" data-soldout="1" disabled><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold  pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="3"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round " type="button" style="padding: 3px 20px 5px;" data-productid="3" disabled><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="opacity:0.3;">
                      <img class="w-80px rounded ph-picture " 
                        src="https://content.solariaresto.co.id/eorder/763_20210602134653_m.jpg" 
                        alt="..." 
                        data-productid="141"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/763_20210602134653_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="" data-productid="141"><p>Nasi Goreng Sapi Cabe Ijo</p></span>
                            <span><h5 class="fw-400 d-inline "><b>Sold Out</b></h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="141" data-soldout="1"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="141" data-soldout="1" disabled><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold  pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="141"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round " type="button" style="padding: 3px 20px 5px;" data-productid="141" disabled><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/764_20210602134722_m.jpg" 
                        alt="..." 
                        data-productid="144"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/764_20210602134722_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="144"><p>Nasi Goreng Teri Cabe Ijo</p></span>
                            <span><h5 class="fw-400 d-inline ">38.183</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="144" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="144" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="144"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="144" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/740_20210602134152_m.jpg" 
                        alt="..." 
                        data-productid="20000066"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/740_20210602134152_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000066"><p>Nasi Goreng Modern</p></span>
                            <span><h5 class="fw-400 d-inline ">38.183</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000066" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000066" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000066"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000066" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                                      <a class="media mx-0 px-0 media-single btn-next d-none" href="#" data-nextpage="2" data-catid="22">
                    <div class="media-body">
                      <h6 class="fw-400 d-inline">Nasi Goreng Lainnya <i class="ti-arrow-right"></i></h6>
                    </div>
                  </a>
                                </div>
            </div>
          </div>
        </div>
                <!--<div class="tab-pane fade active show" id="home-wide">-->
        <div class="tab-pane fade " id="tab-product-25">
          <div class="row">
            <div class="col-12">
              <h4 class="fw-400 mt-15 ml-2 text-left text-purple">Menu Paket</h4>

              <div class="media-list media-list-hover media-list-divided">
                
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/1010_20210602133714_m.jpg" 
                        alt="..." 
                        data-productid="20000084"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/1010_20210602133714_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000084"><p>Nasi Cap Cay</p></span>
                            <span><h5 class="fw-400 d-inline ">39.091</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000084" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000084" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000084"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000084" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/1011_20210602133735_m.jpg" 
                        alt="..." 
                        data-productid="20000085"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/1011_20210602133735_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000085"><p>Nasi Ayam Cah Jamur</p></span>
                            <span><h5 class="fw-400 d-inline ">39.091</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000085" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000085" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000085"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000085" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/1012_20210602133759_m.jpg" 
                        alt="..." 
                        data-productid="20000086"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/1012_20210602133759_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000086"><p>Nasi Ayam Cah Kapri</p></span>
                            <span><h5 class="fw-400 d-inline ">39.091</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000086" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000086" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000086"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000086" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/1013_20210602133815_m.jpg" 
                        alt="..." 
                        data-productid="20000087"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/1013_20210602133815_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000087"><p>Nasi Cah Kembang Kol</p></span>
                            <span><h5 class="fw-400 d-inline ">39.091</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000087" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000087" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000087"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000087" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/1050_20210602133834_m.jpg" 
                        alt="..." 
                        data-productid="20000089"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/1050_20210602133834_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000089"><p>Nasi Fu Yung Hai</p></span>
                            <span><h5 class="fw-400 d-inline ">39.091</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000089" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000089" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000089"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000089" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/1161_20210602133901_m.jpg" 
                        alt="..." 
                        data-productid="20000090"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/1161_20210602133901_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000090"><p>Nasi Bistik Ayam Tepung</p></span>
                            <span><h5 class="fw-400 d-inline ">40.910</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000090" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000090" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000090"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000090" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/810_20210602133219_m.jpg" 
                        alt="..." 
                        data-productid="20000071"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/810_20210602133219_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000071"><p>Nasi + Ayam Goreng Mentega</p></span>
                            <span><h5 class="fw-400 d-inline ">40.910</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000071" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000071" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000071"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000071" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/811_20210602133409_m.jpg" 
                        alt="..." 
                        data-productid="20000072"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/811_20210602133409_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000072"><p>Nasi + Ayam Goreng Tepung</p></span>
                            <span><h5 class="fw-400 d-inline ">40.910</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000072" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000072" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000072"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000072" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/812_20210602133652_m.jpg" 
                        alt="..." 
                        data-productid="20000073"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/812_20210602133652_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000073"><p>Nasi + Ayam Goreng Rica</p></span>
                            <span><h5 class="fw-400 d-inline ">40.910</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000073" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000073" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000073"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000073" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/813_20210602134025_m.jpg" 
                        alt="..." 
                        data-productid="20000074"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/813_20210602134025_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000074"><p>Nasi + Ayam Nanking</p></span>
                            <span><h5 class="fw-400 d-inline ">40.910</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000074" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000074" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000074"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000074" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                                      <a class="media mx-0 px-0 media-single btn-next d-none" href="#" data-nextpage="2" data-catid="25">
                    <div class="media-body">
                      <h6 class="fw-400 d-inline">Menu Paket Lainnya <i class="ti-arrow-right"></i></h6>
                    </div>
                  </a>
                                </div>
            </div>
          </div>
        </div>
                <!--<div class="tab-pane fade active show" id="home-wide">-->
        <div class="tab-pane fade " id="tab-product-24">
          <div class="row">
            <div class="col-12">
              <h4 class="fw-400 mt-15 ml-2 text-left text-purple">Mie</h4>

              <div class="media-list media-list-hover media-list-divided">
                
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/110_20210603150258_m.jpg" 
                        alt="..." 
                        data-productid="20000002"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/110_20210603150258_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000002"><p>Bakso Halus</p></span>
                            <span><h5 class="fw-400 d-inline ">20.910</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000002" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000002" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000002"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000002" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/111_20210602142746_m.jpg" 
                        alt="..." 
                        data-productid="20000003"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/111_20210602142746_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000003"><p>Bakso Halus Bihun</p></span>
                            <span><h5 class="fw-400 d-inline ">20.910</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000003" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000003" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000003"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000003" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/112_20210602142759_m.jpg" 
                        alt="..." 
                        data-productid="20000004"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/112_20210602142759_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000004"><p>Bakso Halus Mie</p></span>
                            <span><h5 class="fw-400 d-inline ">20.910</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000004" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000004" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000004"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000004" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/113_20210603152131_m.jpg" 
                        alt="..." 
                        data-productid="20200030"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/113_20210603152131_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20200030"><p>Bakso Halus Mie + Bihun</p></span>
                            <span><h5 class="fw-400 d-inline ">20.910</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200030" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200030" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200030"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20200030" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/140_20210602142731_m.jpg" 
                        alt="..." 
                        data-productid="16"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/140_20210602142731_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="16"><p>Bakso Ikan Kuah</p></span>
                            <span><h5 class="fw-400 d-inline ">20.910</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="16" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="16" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="16"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="16" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/1387_20210602143313_m.jpg" 
                        alt="..." 
                        data-productid="20000121"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/1387_20210602143313_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000121"><p>Pangsit Rebus</p></span>
                            <span><h5 class="fw-400 d-inline ">20.910</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000121" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000121" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000121"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000121" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/410_20210602132347_m.jpg" 
                        alt="..." 
                        data-productid="20000020"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/410_20210602132347_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000020"><p>Mie Ayam</p></span>
                            <span><h5 class="fw-400 d-inline ">25.456</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000020" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000020" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000020"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000020" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/416_20210602132648_m.jpg" 
                        alt="..." 
                        data-productid="20400008"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/416_20210602132648_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20400008"><p>Mie Ayam Solaria Special ( Pedas )</p></span>
                            <span><h5 class="fw-400 d-inline ">25.456</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20400008" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20400008" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20400008"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20400008" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/412_20210602132401_m.jpg" 
                        alt="..." 
                        data-productid="20000022"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/412_20210602132401_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000022"><p>Mie Ayam Bakso</p></span>
                            <span><h5 class="fw-400 d-inline ">32.728</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000022" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000022" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000022"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000022" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/411_20210602132945_m.jpg" 
                        alt="..." 
                        data-productid="20000021"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/411_20210602132945_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000021"><p>Mie Ayam Pangsit Rebus</p></span>
                            <span><h5 class="fw-400 d-inline ">30.910</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000021" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000021" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000021"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000021" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                                      <a class="media mx-0 px-0 media-single btn-next d-none" href="#" data-nextpage="2" data-catid="24">
                    <div class="media-body">
                      <h6 class="fw-400 d-inline">Mie Lainnya <i class="ti-arrow-right"></i></h6>
                    </div>
                  </a>
                                </div>
            </div>
          </div>
        </div>
                <!--<div class="tab-pane fade active show" id="home-wide">-->
        <div class="tab-pane fade " id="tab-product-14">
          <div class="row">
            <div class="col-12">
              <h4 class="fw-400 mt-15 ml-2 text-left text-purple">Kwetiau</h4>

              <div class="media-list media-list-hover media-list-divided">
                
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/430_20210602131917_m.jpg" 
                        alt="..." 
                        data-productid="20000032"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/430_20210602131917_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000032"><p>Kwetiau Rebus Ayam</p></span>
                            <span><h5 class="fw-400 d-inline ">26.365</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000032" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000032" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000032"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000032" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/432_20210602131939_m.jpg" 
                        alt="..." 
                        data-productid="20000034"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/432_20210602131939_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000034"><p>Kwetiau Ayam Bakso</p></span>
                            <span><h5 class="fw-400 d-inline ">33.637</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000034" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000034" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000034"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000034" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/431_20210602132306_m.jpg" 
                        alt="..." 
                        data-productid="20000033"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/431_20210602132306_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000033"><p>Kwetiau Ayam Pangsit Rebus</p></span>
                            <span><h5 class="fw-400 d-inline ">31.819</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000033" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000033" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000033"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000033" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/434_20210602132242_m.jpg" 
                        alt="..." 
                        data-productid="20000036"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/434_20210602132242_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000036"><p>Kwetiau Ayam Pangsit Rebus Bakso</p></span>
                            <span><h5 class="fw-400 d-inline ">40.910</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000036" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000036" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000036"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000036" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/530_20210602132000_m.jpg" 
                        alt="..." 
                        data-productid="20000051"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/530_20210602132000_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000051"><p>Kwetiau Goreng Ayam</p></span>
                            <span><h5 class="fw-400 d-inline ">38.182</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000051" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000051" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000051"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000051" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/531_20210602132023_m.jpg" 
                        alt="..." 
                        data-productid="20000052"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/531_20210602132023_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000052"><p>Kwetiau Ayam Siram</p></span>
                            <span><h5 class="fw-400 d-inline ">38.182</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000052" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000052" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000052"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000052" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/532_20210602132044_m.jpg" 
                        alt="..." 
                        data-productid="20000053"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/532_20210602132044_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000053"><p>Kwetiau Masak Ayam</p></span>
                            <span><h5 class="fw-400 d-inline ">38.182</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000053" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000053" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000053"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000053" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/540_20210602132150_m.jpg" 
                        alt="..." 
                        data-productid="20000054"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/540_20210602132150_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000054"><p>Kwetiau Sapi Goreng</p></span>
                            <span><h5 class="fw-400 d-inline ">41.819</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000054" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000054" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000054"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000054" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/541_20210602132103_m.jpg" 
                        alt="..." 
                        data-productid="20000055"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/541_20210602132103_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000055"><p>Kwetiau Sapi Siram</p></span>
                            <span><h5 class="fw-400 d-inline ">41.819</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000055" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000055" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000055"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000055" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/550_20210602132116_m.jpg" 
                        alt="..." 
                        data-productid="20000056"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/550_20210602132116_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000056"><p>Kwetiau Seafood Goreng</p></span>
                            <span><h5 class="fw-400 d-inline ">43.637</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000056" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000056" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000056"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000056" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                                      <a class="media mx-0 px-0 media-single btn-next d-none" href="#" data-nextpage="2" data-catid="14">
                    <div class="media-body">
                      <h6 class="fw-400 d-inline">Kwetiau Lainnya <i class="ti-arrow-right"></i></h6>
                    </div>
                  </a>
                                </div>
            </div>
          </div>
        </div>
                <!--<div class="tab-pane fade active show" id="home-wide">-->
        <div class="tab-pane fade " id="tab-product-60">
          <div class="row">
            <div class="col-12">
              <h4 class="fw-400 mt-15 ml-2 text-left text-purple">Bihun</h4>

              <div class="media-list media-list-hover media-list-divided">
                
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/420_20210602152906_m.jpg" 
                        alt="..." 
                        data-productid="20000026"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/420_20210602152906_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000026"><p>Bihun Rebus Ayam</p></span>
                            <span><h5 class="fw-400 d-inline ">22.728</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000026" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000026" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000026"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000026" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/422_20210602131654_m.jpg" 
                        alt="..." 
                        data-productid="20000028"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/422_20210602131654_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000028"><p>Bihun Ayam Bakso</p></span>
                            <span><h5 class="fw-400 d-inline ">30.001</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000028" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000028" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000028"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000028" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/421_20210602131632_m.jpg" 
                        alt="..." 
                        data-productid="20000027"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/421_20210602131632_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000027"><p>Bihun Ayam Pangsit Rebus</p></span>
                            <span><h5 class="fw-400 d-inline ">28.183</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000027" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000027" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000027"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000027" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/424_20210602131712_m.jpg" 
                        alt="..." 
                        data-productid="20000030"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/424_20210602131712_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000030"><p>BIhun Ayam Pangsit Rebus Bakso</p></span>
                            <span><h5 class="fw-400 d-inline ">35.456</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000030" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000030" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000030"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000030" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/520_20210602131729_m.jpg" 
                        alt="..." 
                        data-productid="20000045"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/520_20210602131729_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000045"><p>Bihun Goreng Ayam</p></span>
                            <span><h5 class="fw-400 d-inline ">35.456</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000045" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000045" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000045"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000045" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/521_20210602131743_m.jpg" 
                        alt="..." 
                        data-productid="20000046"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/521_20210602131743_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000046"><p>Bihun Siram Ayam</p></span>
                            <span><h5 class="fw-400 d-inline ">35.456</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000046" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000046" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000046"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000046" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/522_20210602131801_m.jpg" 
                        alt="..." 
                        data-productid="20000047"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/522_20210602131801_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000047"><p>Bihun Kuah Ayam</p></span>
                            <span><h5 class="fw-400 d-inline ">35.456</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000047" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000047" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000047"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000047" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/523_20210602131822_m.jpg" 
                        alt="..." 
                        data-productid="20000048"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/523_20210602131822_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000048"><p>Bihun Goreng Sapi</p></span>
                            <span><h5 class="fw-400 d-inline ">39.091</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000048" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000048" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000048"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000048" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/525_20210602131853_m.jpg" 
                        alt="..." 
                        data-productid="20000050"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/525_20210602131853_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000050"><p>Bihun Siram Sapi</p></span>
                            <span><h5 class="fw-400 d-inline ">39.091</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000050" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000050" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000050"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000050" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/524_20210602131837_m.jpg" 
                        alt="..." 
                        data-productid="20000049"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/524_20210602131837_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000049"><p>Bihun Goreng Seafood</p></span>
                            <span><h5 class="fw-400 d-inline ">40.910</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000049" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000049" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000049"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000049" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                                      <a class="media mx-0 px-0 media-single btn-next d-none" href="#" data-nextpage="2" data-catid="60">
                    <div class="media-body">
                      <h6 class="fw-400 d-inline">Bihun Lainnya <i class="ti-arrow-right"></i></h6>
                    </div>
                  </a>
                                </div>
            </div>
          </div>
        </div>
                <!--<div class="tab-pane fade active show" id="home-wide">-->
        <div class="tab-pane fade " id="tab-product-61">
          <div class="row">
            <div class="col-12">
              <h4 class="fw-400 mt-15 ml-2 text-left text-purple">Express Bowl</h4>

              <div class="media-list media-list-hover media-list-divided">
                
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/211_20211209144621_m.jpg" 
                        alt="..." 
                        data-productid="20200211"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/211_20211209144621_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20200211"><p>Eb Ayam Mentega</p></span>
                            <span><h5 class="fw-400 d-inline ">21.819</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200211" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200211" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200211"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20200211" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/212_20211209144814_m.jpg" 
                        alt="..." 
                        data-productid="20200212"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/212_20211209144814_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20200212"><p>EB Ayam Rica-rica</p></span>
                            <span><h5 class="fw-400 d-inline ">21.819</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200212" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200212" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200212"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20200212" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/213_20211209145036_m.jpg" 
                        alt="..." 
                        data-productid="20200213"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/213_20211209145036_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20200213"><p>EB Ayam Asam Manis</p></span>
                            <span><h5 class="fw-400 d-inline ">21.819</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200213" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200213" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200213"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20200213" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/214_20211209150236_m.jpg" 
                        alt="..." 
                        data-productid="20200214"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/214_20211209150236_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20200214"><p>EB Ayam Mayo</p></span>
                            <span><h5 class="fw-400 d-inline ">21.819</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200214" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200214" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200214"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20200214" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/215_20211209150325_m.jpg" 
                        alt="..." 
                        data-productid="20200215"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/215_20211209150325_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20200215"><p>EB  AyamTeriyaki</p></span>
                            <span><h5 class="fw-400 d-inline ">21.819</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200215" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200215" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200215"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20200215" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/224_20211209150601_m.jpg" 
                        alt="..." 
                        data-productid="20200304"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/224_20211209150601_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20200304"><p>EB Fillet Ikan Asam Manis</p></span>
                            <span><h5 class="fw-400 d-inline ">25.456</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200304" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200304" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200304"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20200304" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/222_20211209150444_m.jpg" 
                        alt="..." 
                        data-productid="20200302"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/222_20211209150444_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20200302"><p>EB Fillet Ikan Rica-rica</p></span>
                            <span><h5 class="fw-400 d-inline ">25.456</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200302" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200302" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200302"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20200302" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/223_20211209150509_m.jpg" 
                        alt="..." 
                        data-productid="20200303"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/223_20211209150509_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20200303"><p>EB Fillet Ikan Teriyaki</p></span>
                            <span><h5 class="fw-400 d-inline ">25.456</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200303" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200303" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200303"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20200303" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/221_20211209150411_m.jpg" 
                        alt="..." 
                        data-productid="20200301"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/221_20211209150411_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20200301"><p>EB Fillet Ikan Mayo</p></span>
                            <span><h5 class="fw-400 d-inline ">25.456</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200301" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200301" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200301"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20200301" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/225_20211209150727_m.jpg" 
                        alt="..." 
                        data-productid="20200305"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/225_20211209150727_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20200305"><p>EB Fillet Ikan Mentega</p></span>
                            <span><h5 class="fw-400 d-inline ">25.456</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200305" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200305" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200305"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20200305" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                                      <a class="media mx-0 px-0 media-single btn-next d-none" href="#" data-nextpage="2" data-catid="61">
                    <div class="media-body">
                      <h6 class="fw-400 d-inline">Express Bowl Lainnya <i class="ti-arrow-right"></i></h6>
                    </div>
                  </a>
                                </div>
            </div>
          </div>
        </div>
                <!--<div class="tab-pane fade active show" id="home-wide">-->
        <div class="tab-pane fade " id="tab-product-41">
          <div class="row">
            <div class="col-12">
              <h4 class="fw-400 mt-15 ml-2 text-left text-purple">Lo Mie & I Fu Mie</h4>

              <div class="media-list media-list-hover media-list-divided">
                
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/610_20210602131438_m.jpg" 
                        alt="..." 
                        data-productid="20000058"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/610_20210602131438_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000058"><p>Lo Mie</p></span>
                            <span><h5 class="fw-400 d-inline ">38.183</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000058" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000058" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000058"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000058" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/620_20210602131451_m.jpg" 
                        alt="..." 
                        data-productid="20000059"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/620_20210602131451_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000059"><p>I Fu Mie</p></span>
                            <span><h5 class="fw-400 d-inline ">38.183</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000059" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000059" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000059"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000059" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/630_20210602131505_m.jpg" 
                        alt="..." 
                        data-productid="20000060"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/630_20210602131505_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000060"><p>I Fu Mie Seafood</p></span>
                            <span><h5 class="fw-400 d-inline ">41.819</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000060" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000060" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000060"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000060" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                                      <a class="media mx-0 px-0 media-single btn-next d-none" href="#" data-nextpage="2" data-catid="41">
                    <div class="media-body">
                      <h6 class="fw-400 d-inline">Lo Mie & I Fu Mie Lainnya <i class="ti-arrow-right"></i></h6>
                    </div>
                  </a>
                                </div>
            </div>
          </div>
        </div>
                <!--<div class="tab-pane fade active show" id="home-wide">-->
        <div class="tab-pane fade " id="tab-product-21">
          <div class="row">
            <div class="col-12">
              <h4 class="fw-400 mt-15 ml-2 text-left text-purple">Menu Porsi</h4>

              <div class="media-list media-list-hover media-list-divided">
                
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/1310_20210602095217_m.jpg" 
                        alt="..." 
                        data-productid="20000098"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/1310_20210602095217_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000098"><p>Ayam Goreng Mentega / Porsi</p></span>
                            <span><h5 class="fw-400 d-inline ">46.364</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000098" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000098" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000098"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000098" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/1311_20210602095233_m.jpg" 
                        alt="..." 
                        data-productid="20000099"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/1311_20210602095233_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000099"><p>Ayam Goreng Tepung / Porsi</p></span>
                            <span><h5 class="fw-400 d-inline ">46.364</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000099" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000099" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000099"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000099" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/1312_20210602095245_m.jpg" 
                        alt="..." 
                        data-productid="20000100"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/1312_20210602095245_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000100"><p>Ayam Goreng Rica / Porsi</p></span>
                            <span><h5 class="fw-400 d-inline ">46.364</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000100" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000100" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000100"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000100" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/1313_20210602095300_m.jpg" 
                        alt="..." 
                        data-productid="20000101"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/1313_20210602095300_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000101"><p>Ayam Nanking / Porsi</p></span>
                            <span><h5 class="fw-400 d-inline ">46.364</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000101" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000101" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000101"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000101" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/1314_20210602095316_m.jpg" 
                        alt="..." 
                        data-productid="20000102"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/1314_20210602095316_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000102"><p>Ayam Asam Manis / Porsi</p></span>
                            <span><h5 class="fw-400 d-inline ">46.364</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000102" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000102" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000102"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000102" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/1320_20210602095336_m.jpg" 
                        alt="..." 
                        data-productid="20000103"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/1320_20210602095336_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000103"><p>Cumi Goreng Mentega / Porsi</p></span>
                            <span><h5 class="fw-400 d-inline ">51.819</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000103" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000103" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000103"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000103" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/1321_20210602095357_m.jpg" 
                        alt="..." 
                        data-productid="20000104"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/1321_20210602095357_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000104"><p>Cumi Goreng Tepung / Porsi</p></span>
                            <span><h5 class="fw-400 d-inline ">51.819</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000104" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000104" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000104"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000104" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/1322_20210602095418_m.jpg" 
                        alt="..." 
                        data-productid="20000105"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/1322_20210602095418_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000105"><p>Cumi Goreng Rica / Porsi</p></span>
                            <span><h5 class="fw-400 d-inline ">51.819</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000105" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000105" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000105"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000105" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/1330_20210602095439_m.jpg" 
                        alt="..." 
                        data-productid="20000106"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/1330_20210602095439_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000106"><p>Filet Ikan Goreng Mentega / Porsi</p></span>
                            <span><h5 class="fw-400 d-inline ">52.728</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000106" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000106" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000106"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000106" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/1331_20210602095501_m.jpg" 
                        alt="..." 
                        data-productid="20000107"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/1331_20210602095501_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000107"><p>Filet Ikan Goreng Tepung / Porsi</p></span>
                            <span><h5 class="fw-400 d-inline ">52.728</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000107" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000107" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000107"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000107" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                                      <a class="media mx-0 px-0 media-single btn-next d-none" href="#" data-nextpage="2" data-catid="21">
                    <div class="media-body">
                      <h6 class="fw-400 d-inline">Menu Porsi Lainnya <i class="ti-arrow-right"></i></h6>
                    </div>
                  </a>
                                </div>
            </div>
          </div>
        </div>
                <!--<div class="tab-pane fade active show" id="home-wide">-->
        <div class="tab-pane fade " id="tab-product-23">
          <div class="row">
            <div class="col-12">
              <h4 class="fw-400 mt-15 ml-2 text-left text-purple">Menu Lain</h4>

              <div class="media-list media-list-hover media-list-divided">
                
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/1250_20210602114447_m.jpg" 
                        alt="..." 
                        data-productid="20000097"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/1250_20210602114447_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000097"><p>Nasi Putih</p></span>
                            <span><h5 class="fw-400 d-inline ">7.274</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000097" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000097" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000097"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000097" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/1210_20210602114504_m.jpg" 
                        alt="..." 
                        data-productid="20000093"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/1210_20210602114504_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000093"><p>Sup Ayam</p></span>
                            <span><h5 class="fw-400 d-inline ">23.637</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000093" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000093" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000093"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000093" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/1384_20210602114652_m.jpg" 
                        alt="..." 
                        data-productid="20000118"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/1384_20210602114652_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000118"><p>Cap Cay Kuah / Porsi</p></span>
                            <span><h5 class="fw-400 d-inline ">36.365</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000118" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000118" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000118"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000118" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/1388_20210602114711_m.jpg" 
                        alt="..." 
                        data-productid="20000122"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/1388_20210602114711_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000122"><p>Cap Cay Seafood</p></span>
                            <span><h5 class="fw-400 d-inline ">49.092</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000122" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000122" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000122"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000122" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/1380_20210602114633_m.jpg" 
                        alt="..." 
                        data-productid="20000114"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/1380_20210602114633_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000114"><p>Cap Cay Goreng / Porsi</p></span>
                            <span><h5 class="fw-400 d-inline ">41.819</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000114" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000114" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000114"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000114" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/1240_20210603144302_m.jpg" 
                        alt="..." 
                        data-productid="20000095"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/1240_20210603144302_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000095"><p>Telor Dadar</p></span>
                            <span><h5 class="fw-400 d-inline ">7.274</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000095" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000095" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000095"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000095" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/1241_20210603144317_m.jpg" 
                        alt="..." 
                        data-productid="20000096"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/1241_20210603144317_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000096"><p>Telur Mata Sapi</p></span>
                            <span><h5 class="fw-400 d-inline ">5.456</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000096" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000096" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000096"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000096" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                                      <a class="media mx-0 px-0 media-single btn-next d-none" href="#" data-nextpage="2" data-catid="23">
                    <div class="media-body">
                      <h6 class="fw-400 d-inline">Menu Lain Lainnya <i class="ti-arrow-right"></i></h6>
                    </div>
                  </a>
                                </div>
            </div>
          </div>
        </div>
                <!--<div class="tab-pane fade active show" id="home-wide">-->
        <div class="tab-pane fade " id="tab-product-26">
          <div class="row">
            <div class="col-12">
              <h4 class="fw-400 mt-15 ml-2 text-left text-purple">Snack</h4>

              <div class="media-list media-list-hover media-list-divided">
                
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/6104_20210602114330_m.jpg" 
                        alt="..." 
                        data-productid="20000205"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/6104_20210602114330_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000205"><p>Fish Balls</p></span>
                            <span><h5 class="fw-400 d-inline ">18.183</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000205" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000205" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000205"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000205" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="opacity:0.3;">
                      <img class="w-80px rounded ph-picture " 
                        src="https://content.solariaresto.co.id/eorder/6106_20210602114256_m.jpg" 
                        alt="..." 
                        data-productid="20000207"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/6106_20210602114256_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="" data-productid="20000207"><p>Prawn Ball</p></span>
                            <span><h5 class="fw-400 d-inline "><b>Sold Out</b></h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000207" data-soldout="1"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000207" data-soldout="1" disabled><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold  pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000207"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round " type="button" style="padding: 3px 20px 5px;" data-productid="20000207" disabled><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/6101_20210602114231_m.jpg" 
                        alt="..." 
                        data-productid="20000202"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/6101_20210602114231_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000202"><p>Spring Roll</p></span>
                            <span><h5 class="fw-400 d-inline ">18.183</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000202" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000202" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000202"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000202" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/6103_20210602114244_m.jpg" 
                        alt="..." 
                        data-productid="20000204"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/6103_20210602114244_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000204"><p>Fish Cake</p></span>
                            <span><h5 class="fw-400 d-inline ">18.183</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000204" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000204" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000204"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000204" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/6109_20210602114347_m.jpg" 
                        alt="..." 
                        data-productid="20200096"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/6109_20210602114347_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20200096"><p>Cuttlefish Ball</p></span>
                            <span><h5 class="fw-400 d-inline ">18.183</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200096" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200096" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200096"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20200096" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/6108_20210602114313_m.jpg" 
                        alt="..." 
                        data-productid="20200038"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/6108_20210602114313_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20200038"><p>Crispy Mini Wonton</p></span>
                            <span><h5 class="fw-400 d-inline ">18.183</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200038" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200038" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200038"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20200038" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/4112_20210602114358_m.jpg" 
                        alt="..." 
                        data-productid="20200039"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/4112_20210602114358_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20200039"><p>French Fries</p></span>
                            <span><h5 class="fw-400 d-inline ">18.183</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200039" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200039" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200039"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20200039" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/4117_20210603134916_m.jpg" 
                        alt="..." 
                        data-productid="145"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/4117_20210603134916_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="145"><p>Siomay</p></span>
                            <span><h5 class="fw-400 d-inline ">10.001</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="145" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="145" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="145"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="145" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                                      <a class="media mx-0 px-0 media-single btn-next d-none" href="#" data-nextpage="2" data-catid="26">
                    <div class="media-body">
                      <h6 class="fw-400 d-inline">Snack Lainnya <i class="ti-arrow-right"></i></h6>
                    </div>
                  </a>
                                </div>
            </div>
          </div>
        </div>
                <!--<div class="tab-pane fade active show" id="home-wide">-->
        <div class="tab-pane fade " id="tab-product-43">
          <div class="row">
            <div class="col-12">
              <h4 class="fw-400 mt-15 ml-2 text-left text-purple">Minuman</h4>

              <div class="media-list media-list-hover media-list-divided">
                
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/1420_20210527085945_m.jpg" 
                        alt="..." 
                        data-productid="20000125"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/1420_20210527085945_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000125"><p>Es Teh Tawar</p></span>
                            <span><h5 class="fw-400 d-inline ">7.274</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000125" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000125" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000125"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000125" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/1421_20210527090016_m.jpg" 
                        alt="..." 
                        data-productid="20000126"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/1421_20210527090016_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000126"><p>Es Teh Manis</p></span>
                            <span><h5 class="fw-400 d-inline ">8.183</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000126" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000126" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000126"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000126" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/1411_20210527090052_m.jpg" 
                        alt="..." 
                        data-productid="20000124"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/1411_20210527090052_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000124"><p>Teh Manis Panas</p></span>
                            <span><h5 class="fw-400 d-inline ">7.274</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000124" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000124" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000124"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000124" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/1410_20210527090149_m.jpg" 
                        alt="..." 
                        data-productid="20000123"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/1410_20210527090149_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000123"><p>Teh Panas</p></span>
                            <span><h5 class="fw-400 d-inline ">6.365</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000123" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000123" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000123"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000123" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/2211_20210527085810_m.jpg" 
                        alt="..." 
                        data-productid="14"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/2211_20210527085810_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="14"><p>Thai Tea</p></span>
                            <span><h5 class="fw-400 d-inline ">18.182</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="14" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="14" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="14"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="14" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="opacity:0.3;">
                      <img class="w-80px rounded ph-picture " 
                        src="https://content.solariaresto.co.id/eorder/1710_20210527090254_m.jpg" 
                        alt="..." 
                        data-productid="20000137"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/1710_20210527090254_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="" data-productid="20000137"><p>Es Lemon Tea</p></span>
                            <span><h5 class="fw-400 d-inline "><b>Sold Out</b></h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000137" data-soldout="1"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000137" data-soldout="1" disabled><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold  pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000137"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round " type="button" style="padding: 3px 20px 5px;" data-productid="20000137" disabled><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/1912_20210527090346_m.jpg" 
                        alt="..." 
                        data-productid="20200206"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/1912_20210527090346_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20200206"><p>Lychee Tea</p></span>
                            <span><h5 class="fw-400 d-inline ">12.728</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200206" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200206" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200206"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20200206" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/1913_20210527090438_m.jpg" 
                        alt="..." 
                        data-productid="20200239"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/1913_20210527090438_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20200239"><p>Ice Tea Green</p></span>
                            <span><h5 class="fw-400 d-inline ">10.910</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200239" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200239" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20200239"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20200239" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/2208_20210527090523_m.jpg" 
                        alt="..." 
                        data-productid="20000152"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/2208_20210527090523_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000152"><p>Teh Tarik</p></span>
                            <span><h5 class="fw-400 d-inline ">18.182</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000152" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000152" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000152"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000152" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                    
                    <a class="media mx-0 px-0 media-single" href="#" style="">
                      <img class="w-80px rounded ph-picture link-product" 
                        src="https://content.solariaresto.co.id/eorder/1711_20210527090601_m.jpg" 
                        alt="..." 
                        data-productid="20000138"
                        onerror="this.onerror=null; this.src='https://eorder.solariaresto.co.id/files/product_image/file_product_image/1711_20210527090601_m.jpg';" style="box-shadow: 0px 2px 8px rgba(0,0,0,0.17);">
                      <div class="media-body">
                            <div class="flexbox">
                            <span class="link-product" data-productid="20000138"><p>Es Lemonade</p></span>
                            <span><h5 class="fw-400 d-inline ">13.637</h5></span>
                            </div>
                            <div class="flexbox">
                                <span>
                                  <center>
                                    <button class="btn btn-xs btn-square btn-gold btn-minus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000138" data-soldout="0"><i class="fa fa-minus"></i></button>
                                  </center>
                                </span>
                                <span>
                                   <center><h5 class="text-center fw-500 total-cart-list">0</h5></center>
                                   <input type="hidden" class="totalCartList" value="0">
                                </span>
                                <span>
                                    <center>
                                      <button class="btn btn-xs btn-square btn-gold btn-plus-list" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000138" data-soldout="0" ><i class="fa fa-plus"></i></button>
                                    </center>
                                </span>
                                <span style="width:40%">
                                      <button class="btn btn-xs btn-square btn-gold link-product pull-right" type="button" style="padding: 3px 5px 5px;border-radius: 6px;" data-productid="20000138"><i class="fa fa-pencil"></i></button>
                                      <!-- <button class="btn btn-xs btn-round link-product" type="button" style="padding: 3px 20px 5px;" data-productid="20000138" ><i class="ti-pencil-alt"></i> Catatan</button> -->
                                </span>
                            </div>
                        <!--<s class="text-fader">22.910</s>-->
                      </div>
                    </a>

                                      <a class="media mx-0 px-0 media-single btn-next d-none" href="#" data-nextpage="2" data-catid="43">
                    <div class="media-body">
                      <h6 class="fw-400 d-inline">Minuman Lainnya <i class="ti-arrow-right"></i></h6>
                    </div>
                  </a>
                                </div>
            </div>
          </div>
        </div>
            
  </div>
</div>

<!-- <div class="modal modal-bottom fade" id="modal-detail-product" tabindex="-1">
  <div class="modal-dialog"></div>
</div> -->
<script type="text/javascript">
  var isBusy = false;
  $(document).ready(function(){
    document.body.scrollTop = 0;
    document.documentElement.scrollTop = 0;
    if(0 > 0){
        $("#button-show-cart").show();
    }else{
        $("#button-show-cart").css("display", "none");
    }
    $('#tabAll').on('click',function(e){
      e.preventDefault();
      $('#tabAll').parent().addClass('active');  
      $('.tab-pane').addClass('active in show');  
      $('[data-toggle="tab"]').parent().removeClass('active');
    });

    // $('.nav-link:not(.active):not(#tabAll)').click(function(e){
    $('#scroller .nav-link:not(#tabAll)').click(function(e){
      $('.tab-pane').removeClass('active in show');
      $('.btn-next').addClass('d-none');
      return true;
    });

    $('#scroller #tabAll').click(function(e){
      $('.btn-next').removeClass('d-none');
    });

    if ($('#scroller .nav-link.active').length == 0) $('#tabAll').click();

    $('#scroller .nav-link').click(function(e){
      $($(this).attr('href')).addClass('active in show');
    });

    $('#scroller .nav-link').click(function(){
      var lastChar = location.href.substr(location.href.length - 1);
      var locationHref = location.href;
      var lastSegmentLink = locationHref.substring(locationHref.lastIndexOf('/') + 1);
      var newlink = '';
      var href = $(this).attr('href').substring($(this).attr('href').lastIndexOf("-") + 1);

      if (lastSegmentLink == 'view' && lastChar != '/'){
        newlink = locationHref + '/' + href;
      }else if (lastSegmentLink == 'view' && lastChar == '/'){
        newlink = locationHref + href;
      }else if (lastSegmentLink == ''){
        newlink = locationHref + href;
      }else if ($(this).attr('href') == '#all'){
        newlink = locationHref.replace(lastSegmentLink, '');
      }else{
        newlink = locationHref.replace(lastSegmentLink, href);
      }
      
      history.replaceState({}, $('head title').html(), newlink);
      $('')
    });

    function initBtn(){
      $('.tab-pane .btn-next').off('click').click(function(){
        var catId = $(this).data('catid');
        var page = $(this).data('nextpage');
        loadProduct(catId, page, function(){
          $('.tab-pane .btn-next[data-catid="'+catId+'"]').removeClass('d-none');
        });
      });

      $('.link-product').off('click').click(function(e){
        showLoader();
        var epId = $(this).data('productid');
        // console.log(epId);
        $.ajax({
          type : 'post',
          url : 'https://eorder.solariaresto.co.id/product/detail/'+epId+'?ascomponent=1',
          dataType : 'html',
          success: function(contentHtml){
            $('#modal-detail-product .modal-dialog').html(contentHtml).promise().then(function(){
              hideLoader();
              $('#modal-detail-product').modal('show');
            });
          }, 
          error: function(){
            hideLoader();
          }
        });
      });

      //submit plus minus button
      function submitProduct(epId, total, callbackSuccess, callbackError){
        showLoader();
        $.ajax({
          type: 'post',
          url: 'https://eorder.solariaresto.co.id/cart/add',
          dataType: 'json',
          data: {
            totalCart : total,
            modifier : [],
            epId : epId,
            freetextmodifier : ''
          },
          success: function(r){
            if (r && r.status){
              $('#total-item-cart').html(r.total_item);
              $('#total-item-basket').html(r.total_item);
                if(r.total_item > 0){
                    $("#button-show-cart").show();
                }else{
                    $("#button-show-cart").css("display", "none");
                }
            }
            hideLoader();
            if (typeof callbackSuccess == 'function') callbackSuccess(r);
          },
          error: function(r){
            hideLoader();
            app.toast('Terjadi kesalahan, coba ulangi kembali');
            if (typeof callbackError == 'function') callbackError();
          }
        });
      }

      $('.btn-plus-list:not([data-soldout="1"])').off('click').click(function(e){
        e.preventDefault();
        var $this = $(this);
        var epId = $this.data('productid');
        $('.btn-plus-list, .btn-minus-list').attr('disabled', 'disabled');
        submitProduct(epId, '+1', function(r){
          $('.btn-plus-list:not([data-soldout="1"]), .btn-minus-list').removeAttr('disabled');
          $this.closest('.flexbox').find('.totalCartList').val(r.total_item_list);
          $this.closest('.flexbox').find('.total-cart-list').html(r.total_item_list);
        });
      });

      $('.btn-minus-list').off('click').click(function(e){
        e.preventDefault();
        var $this = $(this);
        var epId = $this.data('productid');
        $('.btn-plus-list, .btn-minus-list').attr('disabled', 'disabled');
        submitProduct(epId, '-1', function(r){
          $('.btn-plus-list:not([data-soldout="1"]), .btn-minus-list').removeAttr('disabled');
          $this.closest('.flexbox').find('.totalCartList').val(r.total_item_list);
          $this.closest('.flexbox').find('.total-cart-list').html(r.total_item_list);
        });
      });

    }

    initBtn();    

    function loadProduct(catId, page, callback){
      if (isBusy) return true;

      isBusy = true;
      showLoader();
      $.ajax({
        type : 'post',
        url : 'https://eorder.solariaresto.co.id/product/next?ascomponent=1',
        dataType : 'html',
        data : {
          catId : catId,
          page : page
        },
        success : function(contentHtml){
          $('.tab-pane.active .btn-next[data-catid="'+catId+'"]').replaceWith(contentHtml).promise().then(function(){
            hideLoader();
            isBusy = false;
            initBtn();
            if (typeof callback == 'function') callback();
          });
        },
        error : function(e){
          hideLoader();
          isBusy = false;
        }
      });
    }

    // $(window).endlessScroll({
    //   // pagesToKeep: 10,
    //   inflowPixels: 10,
    //   fireOnce: false,
    //   // fireDelay: false,
    //   fireDelay: 2000,
    //   content: function(i, p, d) {
    //     if (d == 'next' && $('#tabAll.active').length == 0 && $('.tab-pane.active .btn-next').length && isBusy == false){
    //       // console.log(i, p, d);
    //       var catId = $('.tab-pane.active .btn-next').data('catid');
    //       var page = $('.tab-pane.active .btn-next').data('nextpage');
    //       loadProduct(catId, page);

    //     }
    //   },
    //   // ceaseFire: function(fireSequence, pageSequence, scrollDirection){
    //   //   if (fireSequence >= 10) {
    //   //     return true;
    //   //   }
    //   // }
    // });

    //Infinite scroll
    $(window).off('scroll').on("scroll", function() {
      var scrollHeight = $(document).height();
      var scrollPos = $(window).height() + $(window).scrollTop();
      // console.log(scrollHeight+' - '+scrollPos+' = '+(scrollHeight - scrollPos));
      if ((scrollHeight - scrollPos) <= 100 && $('#tabAll.active').length == 0 && $('.tab-pane.active .btn-next').length && isBusy == false){
        var catId = $('.tab-pane.active .btn-next').data('catid');
        var page = $('.tab-pane.active .btn-next').data('nextpage');
        loadProduct(catId, page);
      }
    });

    //navigation btn
    $('#btn-home').addClass('d-none');
    $('.text-search').removeClass('d-none');
    $('#btn-back').removeClass('d-none').off('click').attr('href', 'https://eorder.solariaresto.co.id/home');

    //auto scroll to active tab
    if ($('#scroller .nav-link.active').position() !== undefined){
      $('#scroller').animate({
        scrollLeft : 0
      }, {
        complete: function() {
          $('#scroller').animate({
            scrollLeft : $('#tabAll.active').length == 0 ? $('#scroller .nav-link.active').position().left - 100 : $('#scroller .nav-link.active').position().left - 15
          });
        }
      });
    }

  });
</script>      
    				<!-- 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>
		<script type="text/javascript">
		initAjaxClick();
        

      function beforeAjaxLoadInit(){
        // remove all event delete
        $(document).unbind('click', 'a.btn-delete');
        $(document).off('click', 'a.btn-delete');
      }

      function showLoader(){
        $('#ajax-preloader').fadeIn('slow');
        $('.modal').modal('hide');
      }

      function hideLoader(){
        $('#ajax-preloader').fadeOut('fast');
      }

      function clickAjax(selector, type){
        var $this = selector;
        var classes = $this.attr('class').split(' ');
        var destContainer = 'ajax-page-container';
        var $destContainer = $('#ajax-page-container');
        var link = $this.attr('href');
        var originalLink = $this.attr('href');
        $this.unbind('click');

        if ($this.attr('href').indexOf('ascomponent') < 0 && $this.attr('href').indexOf('?') < 0){
            link += '?ascomponent=1';
        }else
        if ($this.attr('href').indexOf('ascomponent') < 0){
            link += '&ascomponent=1';
        }

        var _html = '<div id=\"'+destContainer+'\">\n';

        // show preloader
        showLoader();

        $.ajax({
            url : link,
            type : 'GET',
            dataType : type,
            success : function(htmlResponse){
                // hide preloader
                hideLoader();
                beforeAjaxLoadInit();

                if (type != 'json' && htmlResponse.indexOf('{') == 0){
                    htmlResponse = JSON.parse(htmlResponse);
                    $.get(htmlResponse.url, {}, function(resp){
                        _html += resp+'\n';
                        _html += '</div>';
                        $destContainer.replaceWith(_html).promise().done(function(){
                            var _url = htmlResponse.url.replace('?ascomponent=1', '');
                            _url = _url.replace('&ascomponent=1', '');
                            history.pushState({}, $('head title').html(), _url);
                        });
                    });
                }else
                if (type == 'json' && htmlResponse.url){
                    $.get(htmlResponse.url, {}, function(resp){
                        _html += resp+'\n';
                        _html += '</div>';
                        $destContainer.replaceWith(_html).promise().done(function(){});
                    });
                }else{
                    _html += htmlResponse+'\n';
                    _html += '</div>';
                    $destContainer.replaceWith(_html).promise().done(function(){
                        // $('html, body').animate({
                        //     scrollTop: $(destContainer).offset().top - 100
                        // }, 0);
                        // init_altair();
                    });
                    history.pushState({}, $('head title').html(), originalLink);
                }
            },
            error : function(err, htmlResponse){
                // hide preloader
                hideLoader();
                beforeAjaxLoadInit();
                // $(destContainer).html(htmlResponse);
                _html += htmlResponse+'\n';
                _html += '</div>';
                $destContainer.replaceWith(_html).promise().done(function(){
                    // $('html, body').animate({
                    //     scrollTop: $(destContainer).offset().top - 100
                    // }, 0);
                    // init_altair();
                });
                history.pushState({}, $('head title').html(), originalLink);
            }
        });

        $(".dropdown").removeClass('show');
        $(".dropdown-menu").removeClass('show');
        $(".topbar-btn").attr("aria-expanded",  "false"); 
      }

      function submitAjax(selector){
        var $this = selector;
        var classes = $this.attr('class').split(' ');
        var destContainer = 'ajax-page-container';
        var $destContainer = $('#ajax-page-container');
        var link = $this.attr('action');
        var originalLink = $this.attr('action');

        if ($this.attr('action').indexOf('ascomponent') < 0 && $this.attr('action').indexOf('?') < 0){
            link += '?ascomponent=1';
        }else
        if ($this.attr('action').indexOf('ascomponent') < 0){
            link += '&ascomponent=1';
        }

        var _html = '<div id=\"'+destContainer+'\">\n';

        // check validator
        if ($this.find('.is-invalid').length > 0){
            return false;
        }
        // show preloader
        showLoader();
        $.ajax({
            url : link,
            type : $this.attr('method'),
            data : $this.serialize(),
            dataType : 'html',
            success : function(response){
                // hide preloader
                hideLoader();
                // remove all event delete
                beforeAjaxLoadInit();

                if (response.indexOf('{') == 0){
                    var jsonResponse = JSON.parse(response);
                    if (jsonResponse.exec) eval(jsonResponse.exec);

                    if (jsonResponse.url){
                        $.get(jsonResponse.url, {}, function(resp){
                            _html += resp+'\n';
                            _html += '</div>';
                            $destContainer.replaceWith(_html).promise().done(function(){
                                // $('html, body').animate({
                                //     scrollTop: $(destContainer).offset().top - 100
                                // }, 0);
                            });
                            var _url = jsonResponse.url.replace('?ascomponent=1', '');
                            history.pushState({}, $('head title').html(), _url);
                        });
                    }
                }else{
                    _html += response+'\n';
                    _html += '</div>';
                    $destContainer.replaceWith(_html).promise().done(function(){
                        // $('html, body').animate({
                        //     scrollTop: $destContainer.offset().top - 100
                        // }, 0);
                    });
                }
            },
            error : function(err, htmlResponse){
                // hide preloader
                hideLoader();
                // altair_helpers.content_preloader_hide();
                $destContainer.html(htmlResponse);
            }
        });
      }

      function submitAjaxFormUpload(selector){
        var $this = selector;
        var classes = $this.attr('class').split(' ');
        var destContainer = 'ajax-page-container';
        var $destContainer = $('#ajax-page-container');
        var link = $this.attr('action');
        var originalLink = $this.attr('action');
        var data = new FormData($this[0]);
        /*append file*/
        $this.find('[type=file]').each((i, v)=>{
            if ($(v)[0].hasOwnProperty('file')){
                data.append($(v).attr('name'), $(v)[0].file);
            }
        });

        if ($this.attr('action').indexOf('ascomponent') < 0 && $this.attr('action').indexOf('?') < 0){
            link += '?ascomponent=1';
        }else
        if ($this.attr('action').indexOf('ascomponent') < 0){
            link += '&ascomponent=1';
        }

        var _html = '<div id=\"'+destContainer+'\">\n';

        // check validator
        if ($this.find('.is-invalid').length > 0){
            return false;
        }
        // show preloader
        showLoader();
        $.ajax({
            url: link,
            data: data,
            cache: false,
            contentType: false,
            processData: false,
            method: $this.attr('method'),
            type: $this.attr('method'), // For jQuery < 1.9
            success : function(response){
                // hide preloader
                hideLoader();
                // remove all event delete
                beforeAjaxLoadInit();

                if (response.indexOf('{') == 0){
                    var jsonResponse = JSON.parse(response);
                    if (jsonResponse.exec) eval(jsonResponse.exec);

                    if (jsonResponse.url){
                        $.get(jsonResponse.url, {}, function(resp){
                            _html += resp+'\n';
                            _html += '</div>';
                            $destContainer.replaceWith(_html).promise().done(function(){
                                // $('html, body').animate({
                                //     scrollTop: $(destContainer).offset().top - 100
                                // }, 0);
                            });
                            var _url = jsonResponse.url.replace('?ascomponent=1', '');
                            history.pushState({}, $('head title').html(), _url);
                        });
                    }
                }else{
                    _html += response+'\n';
                    _html += '</div>';
                    $destContainer.replaceWith(_html).promise().done(function(){
                        // $('html, body').animate({
                        //     scrollTop: $destContainer.offset().top - 100
                        // }, 0);
                    });
                }
            },
            error : function(err, htmlResponse){
                // hide preloader
                hideLoader();
                // altair_helpers.content_preloader_hide();
                $destContainer.html(htmlResponse);
            }
        });
      }

      function initAjaxClick(){
        $('a.ajax').off('click');
        // $('form.ajax:not([enctype="multipart/form-data"])').off('submit');
        $('form.ajax').off('submit');

        $(document).on('click', 'a.ajax:not(.btn-delete)', function(e){
            // console.log('a clicked');
            e.preventDefault();
            e.stopImmediatePropagation();

            var $this = $(this);

            clickAjax($this, 'html');
            return false;
        });

        // $(document).on('submit','form.ajax:not([enctype="multipart/form-data"])', function(e){
        $(document).on('submit','form.ajax', function(e){
            // console.log('form submitted');
            e.preventDefault();
            e.stopImmediatePropagation();
            var $this = $(this);
            var functions = [];
            if ($(this).attr('onsubmit') && $(this).attr('onsubmit') != ''){
                functions = $(this).attr('onsubmit').split(';');
            }
            if (functions.length){
                for (var i = 0; i < functions.length; i++) {
                    if (functions[i] == ''){
                        continue;
                    }
                    functions[i] = functions[i].replace('return ', '');
                    eval('var f = '+functions[i]+';');
                    if (f === false){
                        break;
                    }
                }
                if (f !== false){
                    if ($('.md-fab-wrapper').length){
                        $('.md-fab-wrapper').remove();
                    }
                    if ($this.attr('enctype') && $this.attr('enctype').toLowerCase() == "multipart/form-data"){
                        submitAjaxFormUpload($this);
                    }else{
                        submitAjax($this);
                    }
                }
            }else{
                if ($('.md-fab-wrapper').length){
                    $('.md-fab-wrapper').remove();
                }
                if ($this.attr('enctype') && $this.attr('enctype').toLowerCase() == "multipart/form-data"){
                    submitAjaxFormUpload($this);
                }else{
                    submitAjax($this);
                }
            }

            return false;
        });
      }

      window.onpopstate = function(event) {
        // console.log('history popped');
        // console.log(event.state);
        var link = document.location.href.replace(/\&_uniqid.*/,'');
        var originalLink = document.location.href;

        if (link.indexOf('ascomponent') < 0 && link.indexOf('?') < 0){
            link += '?ascomponent=1';
        }else
        if (link.indexOf('ascomponent') < 0){
            link += '&ascomponent=1';
        }

        if (originalLink.indexOf('#') !== (originalLink.length - 1)){
            // show preloader
            showLoader();
            $.ajax({
                url : link,
                type : 'GET',
                dataType : 'html',
                success : function(htmlResponse){
                    // hide preloader
                    hideLoader();
                    // altair_helpers.content_preloader_hide();
                    // remove all event delete
                    // beforeAjaxLoadInit();

                    var _html = '<div id="ajax-page-container">\n';
                        _html += htmlResponse+'\n';
                        _html += '</div>\n';
                    $('#ajax-page-container').replaceWith(_html).promise().done(function(){});
                },
                error : function(err, htmlResponse){
                    // hide preloader
                    hideLoader();
                    // altair_helpers.content_preloader_hide();

                    // remove all event delete
                    // beforeAjaxLoadInit();

                    var _html = '<div id="ajax-page-container">\n';
                        _html += htmlResponse+'\n';
                        _html += '</div>\n';
                    $('#ajax-page-container').replaceWith(_html).promise().done(function(){});
                }
            });
        }else{
            return false;
        }
      };

        window.onhashchange = function(event){
            var originalLink = document.location.href;
            if (originalLink.indexOf('#') === (originalLink.length - 1)){
                history.replaceState({}, $('head title').html(), originalLink.substring(0, (originalLink.length - 1)));
            }
        };
		</script>
        <script type="text/javascript">
            $(document).trigger('ready');
        </script>
        <script type="text/javascript" src="https://eorder.solariaresto.co.id/assets/vendor/easyautocomplete/dist/jquery.easy-autocomplete.js"></script>
        <script type="text/javascript">
            function showProduct(epId){
                showLoader();
                // console.log(epId);
                var backto = location.href.indexOf('/cart/view') >= 0 ? '&backto=cart' : '';
                $.ajax({
                    type : 'post',
                    url : 'https://eorder.solariaresto.co.id/product/detail/'+epId+'?ascomponent=1'+backto,
                    dataType : 'html',
                    success: function(contentHtml){
                      $('#modal-detail-product .modal-dialog').html(contentHtml).promise().then(function(){
                        hideLoader();
                        $('#modal-detail-product').modal('show');
                        $('.non-searching').removeClass('d-none');
                      });
                    }, 
                    error: function(){
                      hideLoader();
                      $('.non-searching').removeClass('d-none');
                    }
                });
            }
            $(document).ready(function(){
                $("input[name=search]").off();
                var options = {
                  url: function(phrase) {
                      return "https://eorder.solariaresto.co.id/product/search/";
                  },
                  getValue: "name",
                  adjustWidth: false,
                  ajaxSettings: {
                    dataType: "json",
                    method: "POST",
                    data: {
                      dataType: "json"
                    }
                  },
                  template: {
                    type: "custom",
                    method: function(value, item) {
                        return '<label>'+item.epName+'</label> <br>'+item.eppgPrice;
                    }
                  },
                  list: {
                    onClickEvent: function() {
                      var value = $("input[name=search]").getSelectedItemData();
                      if (value.epId != '') showProduct(value.epId);
                    },
                    onKeyEnterEvent: function(){
                      return false;
                    }
                  },
                  preparePostData: function(data, inputPhrase) {
                    data.phrase = $("#search-autocomplete").val();
                    return data;
                  },
                  requestDelay: 400
                };
                $("#search-autocomplete").easyAutocomplete(options).focus(function(){
                    $('.non-searching').addClass('d-none');
                }).blur(function(){
                    if (!$('#search-autocomplete').closest('.easy-autocomplete').find('.easy-autocomplete-container > ul[style*="display: block"]').length){
                        $('.non-searching').removeClass('d-none');
                    }                    
                });
            });
        </script>
	</body>
</html>