<!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 Djoedes memudahkan anda memesan makanan di kedai Djoedes">
		<meta name="keywords" content="Djoedes, Mie Juara, Djoedes App, Djoedes eorder">

		<title>eOrder Djoedes</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">
        <link rel="stylesheet" href="https://enambelasapp.my.id/simaset/assets/font-awesome/css/font-awesome.min.css">
        <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">


		<!-- Favicons -->
		<link rel="apple-touch-icon" href="https://eorder.solariaresto.co.id/assets/img/apple-touch-icon.png">
		<link rel="icon" type="image/png" href="https://enambelasapp.my.id/rest/assets/img/logojud.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: url("https://enambelasapp.my.id/simaset/assets/img/bgu.png");
                background-repeat: no-repeat;
                background-size: 100% 100%;
                background-attachment: fixed;
                
            }
 
            .preloader{
                background-color: rgba(255, 255, 255, 0.3) !important;
            }
        .site-footer{  
                 background-image: linear-gradient(#ed1b24, white);
                 
            }


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

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

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

            .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: 15px;
            }
			.figure-img{
					border-radius: 25px 10px 25px 10px;
                    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 2px rgba(0,0,0,0.17);
            }

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

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

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

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

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

            .fab-fixed {
                position: fixed;
                box-shadow: 0px -5px 20px rgba(0,0,0,0.14);
                padding: 8px 22px 20px;
                background-color: #fff;
                left :0px;
                right: 0px;
                bottom: 0px;
            }
		</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>
        	<style>

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

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

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

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

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

.figure-caption-custom{
  color: #4d5259;
  font-weight: bolder;
}
</style>
	</head>

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


		<header class="topbar" style="margin-top: 10px;">
            <div class="topbar-left">
               
              <div class="topbar-divider"></div>
                <a href="https://enambelasapp.my.id/simaset" class="ajax topbar-btn ml-10" id="btn-home">
                    <img src="https://enambelasapp.my.id/rest/assets/img/judnam.png" class="img-responsive" style="max-width: 54px;">
                    <span style="width: 100%;margin-left:20px;font-size:20px;color:red;font-family: Segoe UI, Arial, sans-serif;"><b>PILIH LOKASI KEDAI</b></sp>
                </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> 


		</header>
		<!-- END Topbar -->
		


		<!-- Main container -->
		<main class="main-container">
			<div class="main-content" style="padding-top: 10px;">
                <div id="ajax-page-container">
    				<!-- Main content -->
    			
<!-- <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 class="row"  >
        <div class="col-lg-12" style="border-radius:15px;" >
            <div class="text-center" ><img src="http://enambelasapp.my.id/rest/assets/img/judnam.png" style="width: 96px;"></div>
            <figcaption style="width: 100%;margin-top:10px;font-size:20px;color:white;font-family: Segoe UI, Arial, sans-serif;font-weight:bold" class="figure-caption text-center figure-caption-custom p-0 "><b>PILIH LOKASI KEDAI</b></figcaption>
        </div>
        <div class="col-lg-12" style="background-color:white;border-radius:15px;" ></div>  
        
            <div class="col-sm" >
                <div class="flexbox flex-justified text-center">
                    <a href="<?php echo base_url('mobile/menu/jorder/KDR01') ?>" style="text-decoration: none;display: inline-block; " class="ajax text-center">
                        <figure class="figure" >
                            <img src="https://enambelasapp.my.id/simaset/assets/gambar/ngronggo.png" style="height:90px;width:100px;border-radius: 10px; -moz-border-radius: 15px;"  class="figure-img img-fluid" alt="...">
                            <figcaption style="font-size:16px;color:white;font-family: Segoe UI, Arial, sans-serif;font-weight:bold" class="figure-caption text-center figure-caption-custom p-0 "><strong>NGRONGGO</strong></figcaption>
                        </figure>
                    </a>
                
                      <a href="<?php echo base_url('mobile/menu/jorder/KDR02') ?>"style="text-decoration: none;display: inline-block; color: #313944; " class="ajax text-center">
                      <figure class="figure" >
                        <img src="https://enambelasapp.my.id/simaset/assets/gambar/polim.png" style="height:90px;width:130px;border-radius: 10px; -moz-border-radius: 15px;"  class="figure-img img-fluid" alt="...">
                        <figcaption style="font-size:16px;color:white;font-family: Segoe UI, Arial, sans-serif;font-weight:bold" class="figure-caption text-center figure-caption-custom p-0 "><strong>POLIM</strong></figcaption>
                      </figure>
                    </a>
                  </div>
                </div>
        </div>
         <div class="row"  >
                <div class="col-sm">
                  <div class="flexbox flex-justified text-center" >
                    <a href="<?php echo base_url('mobile/menu/jorder/KDR03') ?>"  style="text-decoration: none;display: inline-block; color: #313944; " class="ajax text-center">
                      <figure class="figure" >
                        <img src="https://enambelasapp.my.id/simaset/assets/gambar/veteran.png" style="height:90px;width:100px;border-radius: 10px; -moz-border-radius: 15px;"  class="figure-img img-fluid" alt="...">
                        <figcaption style="font-size:16px;color:white;font-family: Segoe UI, Arial, sans-serif;font-weight:bold" class="figure-caption text-center figure-caption-custom p-0 "><strong>VETERAN</strong></figcaption>
                      </figure>
                    </a>
                    <a href="<?php echo base_url('mobile/menu/jorder/KDR04') ?>"  style="text-decoration: none;display: inline-block; color: #313944; " class="ajax text-center">
                      <figure class="figure">
                        <img src="https://enambelasapp.my.id/simaset/assets/gambar/gumul.png" style="height:90px;width:100px;border-radius: 10px; -moz-border-radius: 15px;" class="figure-img img-fluid" alt="...">
                        <figcaption style="font-size:16px;color:white;font-family: Segoe UI, Arial, sans-serif;font-weight:bold" class="figure-caption text-center figure-caption-custom p-0 "><strong>SL GUMUL</strong></figcaption>
                      </figure>
                    </a>
                  </div>
                </div>
         </div>     
         <div class="row"  >        
            <div class="col-sm">
                  <div class="flexbox flex-justified text-center">
                    <a href="<?php echo base_url('mobile/menu/jorder/KDR05') ?>"  style="text-decoration: none;display: inline-block; color: #313944; " class="ajax text-center">
                      <figure class="figure">
                        <img src="https://enambelasapp.my.id/simaset/assets/gambar/pare.png" style="height:90px;width:100px;border-radius: 10px; -moz-border-radius: 15px;" class="figure-img img-fluid" alt="...">
                        <figcaption style="font-size:16px;color:white;font-family: Segoe UI, Arial, sans-serif;font-weight:bold" class="figure-caption text-center figure-caption-custom p-0 "><strong>PARE</strong></figcaption>
                      </figure>
                    </a>
                    <a href="<?php echo base_url('mobile/menu/jorder/BLT01') ?>"  style="text-decoration: none;display: inline-block; color: #313944; " class="ajax text-center">
                      <figure class="figure">
                        <img src="https://enambelasapp.my.id/simaset/assets/gambar/blitar.png" style="height:90px;width:100px;border-radius: 10px; -moz-border-radius: 15px;" class="figure-img img-fluid" alt="...">
                        <figcaption style="font-size:16px;color:white;font-family: Segoe UI, Arial, sans-serif;font-weight:bold" class="figure-caption text-center figure-caption-custom p-0 "><strong>BLITAR</strong></figcaption>
                      </figure>
                    </a>
                  </div>
                </div>
        </div>     
         <div class="row"  >        
                <div class="col-sm">
                  <div class="flexbox flex-justified text-center">
                    <a href="<?php echo base_url('mobile/menu/jorder/KNR01') ?>"  style="text-decoration: none;display: inline-block; color: #313944; " class="ajax text-center">
                      <figure class="figure">
                        <img src="https://enambelasapp.my.id/simaset/assets/gambar/srengat.png" style="height:90px;width:100px;border-radius: 10px; -moz-border-radius: 15px;" class="figure-img img-fluid" alt="...">
                        <figcaption style="font-size:16px;color:white;font-family: Segoe UI, Arial, sans-serif;font-weight:bold" class="figure-caption text-center figure-caption-custom p-0 "><strong>SRENGAT</strong></figcaption>
                      </figure>
                    </a>
                    <a href="<?php echo base_url('mobile/menu/jorder/NJK01') ?>"  style="text-decoration: none;display: inline-block; color: #313944; " class="ajax text-center">
                      <figure class="figure">
                        <img src="https://enambelasapp.my.id/simaset/assets/gambar/nganjuk.png" style="height:90px;width:100px;border-radius: 10px; -moz-border-radius: 15px;" class="figure-img img-fluid" alt="...">
                        <figcaption style="font-size:16px;color:white;font-family: Segoe UI, Arial, sans-serif;font-weight:bold" class="figure-caption text-center figure-caption-custom p-0 "><strong>NGANJUK</strong></figcaption>
                      </figure>
                    </a>
                  </div>
                </div>
        </div>     
        <div class="row"  >                
                <div class="col-sm">
                  <div class="flexbox flex-justified text-center">
                    <a href="<?php echo base_url('mobile/menu/jorder/NJK03') ?>"  style="text-decoration: none;display: inline-block; color: #313944; " class="ajax text-center">
                      <figure class="figure">
                        <img src="https://enambelasapp.my.id/simaset/assets/gambar/warujayeng.png" style="height:90px;width:100px;border-radius: 10px; -moz-border-radius: 15px;" class="figure-img img-fluid" alt="...">
                        <figcaption style="font-size:14px;color:white;font-family: Segoe UI, Arial, sans-serif" class="figure-caption text-center figure-caption-custom p-0 "><strong>WARUJAYENG</strong></figcaption>
                      </figure>
                    </a>
                    <a href="<?php echo base_url('mobile/menu/jorder/NJK02') ?>"  style="text-decoration: none;display: inline-block; color: #313944; " class="ajax text-center">
                      <figure class="figure">
                        <img src="https://enambelasapp.my.id/simaset/assets/gambar/kertosono.png" style="height:90px;width:100px;border-radius: 10px; -moz-border-radius: 15px;" class="figure-img img-fluid" alt="...">
                        <figcaption style="font-size:16px;color:white;font-family: Segoe UI, Arial, sans-serif;font-weight:bold" class="figure-caption text-center figure-caption-custom p-0 "><strong>KERTOSONO</strong></figcaption>
                      </figure>
                    </a>
                  </div>
                </div>
        </div>     
        <div class="row"  >                
                <div class="col-sm">
                  <div class="flexbox flex-justified text-center">
                    <a href="<?php echo base_url('mobile/menu/jorder/JBG01') ?>"  style="text-decoration: none;display: inline-block; color: #313944; " class="ajax text-center">
                      <figure class="figure">
                        <img src="https://enambelasapp.my.id/simaset/assets/gambar/jombang.png" style="height:90px;width:100px;border-radius: 10px; -moz-border-radius: 15px;" class="figure-img img-fluid" alt="Jombang 1">
                        <figcaption style="font-size:16px;color:white;font-family: Segoe UI, Arial, sans-serif;font-weight:bold" class="figure-caption text-center figure-caption-custom p-0 "><strong>JOMBANG</strong></figcaption>
                      </figure>
                    </a>
                    <a href="<?php echo base_url('mobile/menu/jorder/JBG03') ?>"  style="text-decoration: none;display: inline-block; color: #313944; " class="ajax text-center">
                      <figure class="figure">
                        <img src="https://enambelasapp.my.id/simaset/assets/gambar/djoetek.png" style="height:90px;width:100px;border-radius: 10px; -moz-border-radius: 15px;" class="figure-img img-fluid" alt="Mie Djoetek">
                        <figcaption style="font-size:16px;color:white;font-family: Segoe UI, Arial, sans-serif;font-weight:bold" class="figure-caption text-center figure-caption-custom p-0 "><strong>DJOETEK</strong></figcaption>
                      </figure>
                    </a>
                  </div>
                </div>
        </div>     
        <div class="row"  >          
                 <div class="col-sm">
                  <div class="flexbox flex-justified text-center">
                    <a href="<?php echo base_url('mobile/menu/jorder/MJK03') ?>"  style="text-decoration: none;display: inline-block; color: #313944; " class="ajax text-center">
                      <figure class="figure">
                        <img src="https://enambelasapp.my.id/simaset/assets/gambar/wijaya.png" style="height:90px;width:100px;border-radius: 10px; -moz-border-radius: 15px;" class="figure-img img-fluid" alt="MD Moker 3">
                        <figcaption style="font-size:16px;color:white;font-family: Segoe UI, Arial, sans-serif;font-weight:bold" class="figure-caption text-center figure-caption-custom p-0 "><strong>WIJAYA</strong></figcaption>
                      </figure>
                    </a>
                    <a href="<?php echo base_url('mobile/menu/jorder/MJK01') ?>"  style="text-decoration: none;display: inline-block; color: #313944; " class="ajax text-center">
                      <figure class="figure">
                        <img src="https://enambelasapp.my.id/simaset/assets/gambar/jayanegara.png" style="height:90px;width:100px;border-radius: 10px; -moz-border-radius: 15px;" class="figure-img img-fluid" alt="MD Moker 1">
                        <figcaption style="font-size:16px;color:white;font-family: Segoe UI, Arial, sans-serif;font-weight:bold" class="figure-caption text-center figure-caption-custom p-0 "><strong>JAYANEGARA</strong></figcaption>
                      </figure>
                    </a>
                  </div>
                </div>
        </div>     
        <div class="row"  >                
                 <div class="col-sm">
                  <div class="flexbox flex-justified text-center">
                    <a href="<?php echo base_url('mobile/menu/jorder/MJK05') ?>"  style="text-decoration: none;display: inline-block; color: #313944; " class="ajax text-center">
                      <figure class="figure">
                        <img src="https://enambelasapp.my.id/simaset/assets/gambar/mojosari.png" style="height:90px;width:100px;border-radius: 10px; -moz-border-radius: 15px;" class="figure-img img-fluid" alt="MD Mojosari">
                        <figcaption style="font-size:16px;color:white;font-family: Segoe UI, Arial, sans-serif;font-weight:bold" class="figure-caption text-center figure-caption-custom p-0 "><strong>MOJOSARI</strong></figcaption>
                      </figure>
                    </a>
                    <a href="<?php echo base_url('mobile/menu/jorder/MJK02') ?>"  style="text-decoration: none;display: inline-block; color: #313944; " class="ajax text-center">
                      <figure class="figure">
                        <img src="https://enambelasapp.my.id/simaset/assets/gambar/pacing.png" style="height:90px;width:100px;border-radius: 10px; -moz-border-radius: 15px;" class="figure-img img-fluid" alt="MD Moker 2">
                        <figcaption style="font-size:16px;color:white;font-family: Segoe UI, Arial, sans-serif;font-weight:bold" class="figure-caption text-center figure-caption-custom p-0 "><strong>PACING</strong></figcaption>
                      </figure>
                    </a>
                  </div>
                </div>
        </div>     
        <div class="row"  >                
                 <div class="col-sm">
                  <div class="flexbox flex-justified text-center">
                    <a href="<?php echo base_url('mobile/menu/jorder/MJK04') ?>"  style="text-decoration: none;display: inline-block; color: #313944; " class="ajax text-center">
                      <figure class="figure">
                        <img src="https://enambelasapp.my.id/simaset/assets/gambar/pandan.png" style="height:90px;width:100px;border-radius: 10px; -moz-border-radius: 15px;" class="figure-img img-fluid" alt="MD Pandan">
                        <figcaption style="font-size:16px;color:white;font-family: Segoe UI, Arial, sans-serif;font-weight:bold" class="figure-caption text-center figure-caption-custom p-0 "><strong>PANDAN</strong></figcaption>
                      </figure>
                    </a>
                    <a href="<?php echo base_url('mobile/menu/jorder/MLG01') ?>"  style="text-decoration: none;display: inline-block; color: #313944; " class="ajax text-center">
                      <figure class="figure">
                        <img src="https://enambelasapp.my.id/simaset/assets/gambar/pandan.png" style="height:90px;width:100px;border-radius: 10px; -moz-border-radius: 15px;" class="figure-img img-fluid" alt="MD Malang">
                        <figcaption style="font-size:16px;color:white;font-family: Segoe UI, Arial, sans-serif;font-weight:bold" class="figure-caption text-center figure-caption-custom p-0 "><strong>MALANG</strong></figcaption>
                      </figure>
                    </a>
                  </div>
                </div>
        </div>     
        <div class="row"  >        
                 <div class="col-sm">
                  <div class="flexbox flex-justified text-center">
                    <a href="<?php echo base_url('mobile/menu/jorder/TRI01') ?>"  style="text-decoration: none;display: inline-block; color: #313944; " class="ajax text-center">
                      <figure class="figure">
                        <img src="https://enambelasapp.my.id/simaset/assets/gambar/pandan.png" style="height:90px;width:100px;border-radius: 10px; -moz-border-radius: 15px;" class="figure-img img-fluid" alt="MD Malang">
                        <figcaption style="font-size:16px;color:white;font-family: Segoe UI, Arial, sans-serif;font-weight:bold" class="figure-caption text-center figure-caption-custom p-0 "><strong>TRIAL</strong></figcaption>
                      </figure>
                    </a>
                  </div>
                </div>
        </div>
               
  
            <footer >
				<p class="text-center text-md-center">Copyright © <?php echo date('Y')?> <a href="#">Mandiri</a>. All rights reserved.</p>
			</footer>

<!-- generate menu -->
<!-- /end generate menu -->

<!-- <div class="modal fade" id="modal-detail-product" tabindex="-1">
  <div class="modal-dialog"></div>
</div> -->
<script type="text/javascript">
  $(document).ready(function(){
  //   $("input[name=search]").off();
  //   var options = {
  //     url: function(phrase) {
  //         return "https://eorder.solariaresto.co.id/product/search/";
  //     },
  //     getValue: "name",
  //     ajaxSettings: {
  //       dataType: "json",
  //       method: "POST",
  //       data: {
  //         dataType: "json"
  //       }
  //     },
  //     template: {
  //       type: "custom",
  //       method: function(value, item) {
  //           return '<b>'+item.epName+'</b> <br>'+item.eppgPrice;
  //       }
  //     },
  //     list: {
  //       onClickEvent: function() {
  //         var value = $("input[name=search]").getSelectedItemData();
  //         if (value.epId.length) showProduct(value.epId);
  //       },
  //       onKeyEnterEvent: function(){
  //         return false;
  //       }
  //     },
  //     preparePostData: function(data, inputPhrase) {
  //       data.phrase = $("#search-autocomplete").val();
  //       return data;
  //     },
  //     requestDelay: 400
  //   };
  //   $("#search-autocomplete").easyAutocomplete(options);

  //   function showProduct(epId){
  //     showLoader();
  //     // 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();
  //       }
  //     });
  //   }

    $('.link-product').off('click').click(function(e){
      var epId = $(this).data('productid');
      showProduct(epId);
    });

    
    $('#btn-home').removeClass('d-none');
    $('.text-search').addClass('d-none');
    $('#btn-back').addClass('ajax d-none').removeAttr('onclick');
      
  });

  var anonim_user = 'anonim__62b1995a1919a1.24493094';
  if (anonim_user != ''){
    localStorage.setItem('solaria_anonim_user', anonim_user);
  }
</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 -->
			
			<!-- 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">
		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>
             
<style type="text/css">
	#gradient2 {
	  background-image: linear-gradient(to right, #F8F8FF, #F0F8FF,#F0FFFF);
      border-radius: 15px;
      box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.65);
      border: 2px solid red;
     
}
	
	#gradient4 {
	  background-image: linear-gradient(#ed1b24, white);
	  border-radius: 10px;
      box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.65);
	}
	#warna {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
    }
    .centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

</style>
	</body>
</html>