12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8" />
- <meta http-equiv="X-UA-Compatible" content="IE=edge" />
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
- <meta name="csrf-token" content="MOPUhVXZcUk6jStOhUNBIjlzjQOz911kSUPoP7gN">
- <meta property="og:image" itemprop="image" content="https://admin.meemapp.net/public/assets/images/meem_meta.png"> <title>meem</title>
- <meta name="description" content="meem food ordering system">
- <meta property="og:type" content="website" />
- <!-- Favicon Icon -->
- <link rel="icon" type="image/png" href="{!! env('APP_ASSETS') !!}images/favicon.ico">
- <link rel="apple-touch-icon" sizes="128x128" href="{!! env('APP_ASSETS') !!}images/favicon.ico">
- <link rel="shortcut icon" sizes="128x128" href="{!! env('APP_ASSETS') !!}images/favicon.ico">
- <!-- Feather Icon-->
- <link href="{!! env('APP_ASSETS') !!}css/vendors_css.css" rel="stylesheet" type="text/css">
- <!-- Fontawesome Icon-->
- <link href="{!! env('APP_ASSETS') !!}css/style.css" rel="stylesheet" type="text/css">
- <link href="{!! env('APP_ASSETS') !!}css/style_new.css" rel="stylesheet" type="text/css">
- {{--
- <link href="{!! env('APP_ASSETS') !!}css/style_rtl.css" rel="stylesheet" type="text/css">--}}
- <!-- Bootstrap Css -->
- <link href="{!! env('APP_ASSETS') !!}css/skin_color.css" rel="stylesheet"><!-- Custom Css -->
- <link href="{!! env('APP_ASSETS') !!}css/sidebar-new.css?v=1.4" rel="stylesheet" type="text/css">
- @yield('css')
- <style>
- .btn-default{
- border-color: transparent;
- }
- .main-header .logo .logo-lg{ padding-left: 13px;}
- label.error{
- color:#FF0000;
- }
- .sidebar-active{
- display: block !important;
- width: 100% !important;
- }
- .theme-primary .btn-primary{
- background-color: #ffab00;
- border-color: #ffab00;
- }
- .sidebar-active .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span{ display: block !important;}
- .sidebar-menu > li .badge {
- margin-left: 5px;
- width: 20px;
- height: 20px;
- padding-left: 4px;
- padding-top: 6px;
- border-radius: 100%;
- line-height: 9px;
- text-align: center;
- font-weight: 300;
- margin-top: 3px;
- display: none;
- }
- .main-header .navbar{
- margin-left: 16.29rem;
- }
- .new-order {
- background: rgb(110 195 82 / 50%) !important;
- color: #000;
- }
- .alert{ display: none}
- #loader{
- background: #fff url({!! env('APP_ASSETS') !!}images/preloaders/preloader.svg) no-repeat center center;
- left: 0px !important;
- top: 0;
- }
- .theme-primary .btn-primary:hover, .theme-primary .btn-primary:active, .theme-primary .btn-primary:focus, .theme-primary .btn-primary.active{
- background-color: #ffab00 !important;
- border-color: #ffab00 !important;
- }
- .sidebar-menu > li,.sidebar-menu > li:hover { margin-bottom: 2px}
- .theme-primary.light-skin .sidebar-menu > li.active > a {
- color: #fff;
- background-color: #FEC34D ;padding:0px 10px;
- }
- .theme-primary.light-skin .sidebar-menu > li:hover > a, .theme-primary.light-skin .sidebar-menu > li:active > a, .theme-primary.light-skin .sidebar-menu > li.active > a{
- padding:0px 4px 0 4px;
- transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
- }
- .sidebar-menu > li > a > i{
- margin-right: -2px;
- }
- #dropdownMenu2 {
- border-radius: 0px;
- background: #ffd684;
- text-align: left;
- padding-left: 23px;
- font-size: 14px;
- font-weight: 600;
- }
- .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary.active{
- background-color: #ffd684 !important;
- border-color: #ffd684 !important;
- }
- .dropdown-item:hover, .dropdown-item:focus {
- background-color: transparent;
- }
- #dropdownMenu2 i{
- font-size:1.5714285714rem
- }
- .sidebar-collapse .sidebar-menu.tree{margin-top: 10px}
- /* .theme-primary.light-skin .sidebar-menu > li.active > a > i{
- background-color: #FFAD12 !important;
- box-shadow: 0 4px 5px 0 #d4b483 !important;
- }*/
- .theme-primary.light-skin .sidebar-menu > li.active {
- background-color: rgba(76, 149, 221, 0);
- color: #000;
- border-left: 0px solid #000;
- }
- .theme-primary.light-skin .sidebar-menu > li.active > a > i{
- box-shadow: 0 4px 5px 0 rgb(0 0 0 / 50%);
- }
- .theme-primary.light-skin .sidebar-menu > li:hover > a > i, .theme-primary.light-skin .sidebar-menu > li:active > a > i, .theme-primary.light-skin .sidebar-menu > li.active > a > i{
- background-color: rgba(0, 0, 0, 0);
- margin-bottom: 5px;
- }
- ul.footer-drop{
- transform: translate(226px, 2px) !important;
- }
- .notification-badge{
- font-size: 75%;position: absolute;top: -2px !important;right: -13px;padding: 5px 10px;border-radius: 50%;background: red;color: white;
- }
- button .pull-right-container {
- position: absolute;
- right: calc(100% - 87%);
- top: calc(100% - 54%);
- margin-top: -7px;
- }
- @php
- $no_gap_pages = ['OrderListing','outlets-form','OutletEdit','outlets-address','outlets-delivery','outlets-pickup'];
- ;
- @endphp
- @if(in_array(Route::currentRouteName(),$no_gap_pages))
- .content-wrapper {
- width: calc(100% - 270px);
- background-color: #fff !important;
- }
- .fixed .content-wrapper {
- margin-top: 0px;
- margin-left: 270px;
- margin-left: 270px;
- }
- @else
- .content-wrapper {
- width: calc(100% - 300px);
- background-color: #fff !important;
- }
- .fixed .content-wrapper {
- margin-top: 0px;
- margin-left: 290px;
- }
- @endif
-
- @media (min-width: 850px) and (max-width: 1020px){
- .d-md-none{
- display: block !important;
- }
- .push-btn{
- display: none !important;
- }
- .main-sidebar,.fixed .multinav,.main-header div.logo-box{
- width: 16.29rem;
- }
- .sidebar-menu.tree {
- margin-top: 0px !important;
- margin-left: 0px !important;
- }
- .sidebar-menu {
- list-style: none;
- margin: 0 0px;
- padding: 10px 0px 50px 0px;
- }
- .light-skin .sidebar-menu > li > a > span {
- background-color: transparent !important;
- box-shadow: none !important;
- margin-left: 11px;
- -webkit-transform: none;
- font-size: 14px;
- }
- .theme-primary.light-skin .sidebar-menu > li:hover > a > i, .theme-primary.light-skin .sidebar-menu > li:active > a > i, .theme-primary.light-skin .sidebar-menu > li.active > a > i{
- margin-bottom: 0;
- }
- .sidebar-menu > li > a{
- padding: 1px 5px;
- }
- .theme-primary.light-skin .sidebar-menu > li.active {
- background-color: rgba(76, 149, 221, 0);
- color: #000;
- border-left: 0px solid #000;
- }
- .theme-primary.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span{
- display: inline-block !important;
- background: transparent !important;
- font-size: 14px;
- }
- .theme-primary.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li.active > a > span{
- background: transparent !important; font-size: 14px;
- }
- .sidebar-collapse .sidebar-menu > li > a {
- padding: 1px 12px;
- }
- .main-sidebar .dropdown{
- width: 228px;
- }
- .sidebar-mini.sidebar-collapse .dropdown button > span{ display: inline-block !important; }
- .add-outlet{ width: 200px; }
-
- }
- @media only screen
- and (min-device-width: 768px)
- and (max-device-width: 1024px)
- and (orientation: portrait)
- and (-webkit-min-device-pixel-ratio: 1) {
- .content-wrapper {
- width: calc(100%) !important;
- background-color: #fff !important;
- }
- .fixed .content-wrapper {
- margin-top: 60px !important;
- margin-left: 0px;
- padding: 5px;
- }
- .add-outlet{
- margin-top: 15px;
- }
- .sidebar-mini .sidebar-menu > li > a > span{
- }
- .light-skin .sidebar-menu > li > a > span{
- background-color: transparent !important;
- box-shadow:none !important;
- margin-left: 11px;
- -webkit-transform:none;
- font-size: 16px;
- }
- .fixed .multinav{
- width: 100%;
- }
- .sidebar-footer {
- width: auto;
- }
- .sidebar-mini .dropdown button > span {
- border-top-right-radius: 5px;
- display: inline-grid !important;
- -webkit-transform: translateZ(0);
- }
- .sidebar-menu.tree {
- margin-top: 34px;
- margin-left: 25px;
- }
- button .pull-right-container {
- position: absolute;
- right: calc(100% - 96%);
- top: calc(100% - 60%);
- margin-top: -7px;
- }
- .theme-primary.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li.active > a > span {
- background: transparent !important;
- }
- .col-sm-12.col-md-6.box-shadowed{
- width: 100%;
- }
- .order-sections-list{
- width: 100%;
- }
- .no-order{
- padding-top: 30% !important;
- height: 48.2vh !important;
- }
- .all-orders{ max-height: 300px !important; height: 300px !important; min-height:300px !important;}
- .nav-tabs .nav-link {
- padding: 14px 21px !important;
- }
- .nav-tabs {
- height: 57px;
- margin-top: 11px;
- }
- }
- @media (max-width: 767px){
- .navbar{
- background-color: transparent !important;
- }
- }
- @media only screen
- and (min-device-width: 768px)
- and (max-device-width: 1024px)
- and (orientation: landscape)
- and (-webkit-min-device-pixel-ratio: 1) {
- .navbar{
- background-color: transparent !important;
- }
- .sidebar-menu li a {
- font-size: inherit !important;
- }
- .sidebar-footer button {
- font-size: inherit !important;
- }
- .fixed .content-wrapper {
- margin-top: -0px;
- margin-left: 271px;
- padding: 5px;
- }
- .no-order,.order-section{
- height: 98.7vh !important;
- }
- .col-md-6.box-shadowed{
- width: 66%;
- }
- .tab-pane{
- max-height: 88.5vh !important;
- }
- /*.navbar-static-top{ display: none !important;}*/
- }
- @media (max-width:641px) {
- .navbar{
- background-color: transparent !important;
- }
- .content-wrapper {
- width: 100%;
- background-color: #fff !important;
- }
- .fixed .content-wrapper {
- margin-top: 60px ;
- margin-left: 0px;
- padding: 5px;
- }
- .add-outlet{
- margin-top: 15px;
- }
- .sidebar-mini .sidebar-menu > li > a > span{
- }
- .light-skin .sidebar-menu > li > a > span{
- background-color: transparent !important;
- box-shadow:none !important;
- margin-left: 11px;
- -webkit-transform:none;
- font-size: 16px;
- }
- .fixed .multinav{
- width: 100%;
- }
- .sidebar-footer {
- width: auto;
- }
- .sidebar-mini .dropdown button > span {
- border-top-right-radius: 5px;
- display: inline-grid !important;
- -webkit-transform: translateZ(0);
- }
- .sidebar-menu.tree {
- margin-top: 34px;
- margin-left: 25px;
- }
- button .pull-right-container {
- position: absolute;
- right: calc(100% - 96%);
- top: calc(100% - 60%);
- margin-top: -7px;
- }
- .theme-primary.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li.active > a > span {
- background: transparent !important;
- }
- .col-sm-12.col-md-6.box-shadowed{
- width: 100%;
- }
- .order-sections-list{
- width: 100%;
- }
- .no-order{
- padding-top: 30% !important;
- height: 48.2vh !important;
- }
- /* .all-orders{ max-height: 300px !important; height: 300px !important; min-height:300px !important;}*/
- .nav-tabs .nav-link {
- padding: 14px 21px !important;
- }
- .nav-tabs {
- height: 57px;
- margin-top: 11px;
- }
- }
- @media (max-width:414px){
- .right-panel-footer{
- --bs-gutter-x: 0;
- }
- .order-section{
- overflow-x: hidden !important;
- }
- .theme-primary.light-skin .sidebar-menu > li.active {
- background-color: rgba(76, 149, 221, 0);
- color: #000;
- border-left: 0px solid #000;
- }
- .sidebar-menu {
- list-style: none;
- margin: 0 0px;
- padding: 20px 0px 50px 0px;
- }
- .back-to-orders{
- padding: 10px;
- background: orange;
- font-size: 14px;
- cursor: pointer;
- font-weight: 600;
- }
- .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl{padding-left: 0}
- .right-panel-box div.box-body{
- padding: 0.5rem 1.5rem !important;
- }
- .box-header{
- padding: 0.5rem;
- }
- #show-recipes .box-header {.order-section
- padding: 15px 0.5rem 5px !important;
- }
- .right-panel-footer {
- margin-bottom: 25px !important;
- padding: 10px 1.5rem;
- }
- .all-orders{ max-height: 70vh !important; height: 70vh !important; min-height:70vh !important;}
- .order-section{
- height: 100vh !important;
- overflow-x: auto;
- position: absolute;
- z-index: 999;
- top: 50px;
- background: white;
- left: 0;
- right: 0;
- }
- input, select:focus{
- border-right-width: 1px !important;
- }
- .circle-div{ width: 40px; height: 40px}
- .gap-items p.min{
- line-height: 11px !important;
- padding-top: 8px !important;
- font-size: 11px;
- }
- .box-bodys{ margin-bottom: 10px;}
- .p-15{
- padding:5px !important;
- }
- .add-outlet{ width: 100%;}
- .navbar{
- background-color: transparent !important;
- }
- .content-wrapper {
- width: 100%;
- background-color: #fff !important;
- }
- .fixed .content-wrapper {
- margin-top: 35px ;
- margin-left: 0px !important;
- padding: 5px;
- }
- .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span{
- display: inline-grid !important
- }
- .light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span{
- background-color: transparent !important;
- box-shadow:none !important;
- margin-left: 11px;
- -webkit-transform:none;
- font-size: 16px;
- }
- .sidebar-collapse .sidebar-footer {
- width: auto;
- }
- .sidebar-mini.sidebar-collapse .dropdown button > span {
- border-top-right-radius: 5px;
- display: inline-grid !important;
- -webkit-transform: translateZ(0);
- }
- .sidebar-collapse .sidebar-menu.tree {
- margin-top: 34px;
- margin-left: 25px;
- }
- button .pull-right-container {
- position: absolute;
- right: calc(100% - 96%);
- top: calc(100% - 60%);
- margin-top: -7px;
- }
- .theme-primary.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li.active > a > span {
- background: transparent !important;
- }
- .col-sm-12.col-md-6.box-shadowed{
- width: 100%;
- }
- .order-sections-list{
- width: 100%;
- }
- .no-order{
- padding-top: 30% !important;
- height: 48.2vh !important;
- display: none;
- }
- .hs > li, .item{
- width: 160px;
- }
- .nav-tabs .nav-link {
- padding: 7px 13px !important;
- }
- .nav-tabs {
- height: 57px;
- margin-top: 11px;
- }
- }
- @media (max-width:320px){
- .order-section{
- height: 100vh !important;
- overflow-x: auto;
- position: absolute;
- z-index: 999999;
- top: 0;
- background: white;
- left: 0;
- right: 0;
- }
- .circle-div{ width: 40px; height: 40px}
- .gap-items p.min{
- line-height: 11px !important;
- padding-top: 8px !important;
- font-size: 11px;
- }
- .box-bodys{ margin-bottom: 10px;}
- .p-15{
- padding:5px !important;
- }
- .add-outlet{ width: 100%;}
- .navbar{
- background-color: transparent !important;
- }
- .content-wrapper {
- width: calc(100%) !important;
- background-color: #fff !important;
- }
- .fixed .content-wrapper {
- margin-top: 35px ;
- margin-left: 0px;
- padding: 5px;
- }
- .theme-primary.light-skin .sidebar-menu > li:hover > a, .theme-primary.light-skin .sidebar-menu > li:active > a, .theme-primary.light-skin .sidebar-menu > li.active > a{
- background: none !important;
- }
- .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span{
- display: inline-grid !important
- }
- .light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span{
- background-color: transparent !important;
- box-shadow:none !important;
- margin-left: 11px;
- -webkit-transform:none;
- font-size: 16px;
- }
- .sidebar-collapse .sidebar-footer {
- width: auto;
- }
- .sidebar-mini.sidebar-collapse .dropdown button > span {
- border-top-right-radius: 5px;
- display: inline-grid !important;
- -webkit-transform: translateZ(0);
- }
- .sidebar-collapse .sidebar-menu.tree {
- margin-top: 34px;
- margin-left: 25px;
- }
- button .pull-right-container {
- position: absolute;
- right: calc(100% - 96%);
- top: calc(100% - 60%);
- margin-top: -7px;
- }
- .theme-primary.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li.active > a > span {
- background: transparent !important;
- }
- .col-sm-12.col-md-6.box-shadowed{
- width: 100%;
- }
- .order-sections-list{
- width: 100%;
- }
- .no-order{
- padding-top: 30% !important;
- height: 48.2vh !important;
- display: none;
- }
- .hs > li, .item{
- width: 160px;
- }
- .nav-tabs .nav-link {
- padding: 7px 13px !important;
- }
- .nav-tabs {
- height: 57px;
- margin-top: 11px;
- }
- }
- /* @media (device-width: 375px) and (orientation: portrait){
- .navbar{
- background-color: transparent !important;
- }
- .content-wrapper {
- width: calc(96%) !important;
- background-color: #fff !important;
- }
- .fixed .content-wrapper {
- margin-top: 35px !important;
- margin-left: 0px;
- padding: 5px;
- }
- .theme-primary.light-skin .sidebar-menu > li:hover > a, .theme-primary.light-skin .sidebar-menu > li:active > a, .theme-primary.light-skin .sidebar-menu > li.active > a{
- background: none !important;
- }
- .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span{
- display: inline-grid !important
- }
- .light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span{
- background-color: transparent !important;
- box-shadow:none !important;
- margin-left: 11px;
- -webkit-transform:none;
- font-size: 16px;
- }
- .sidebar-collapse .sidebar-footer {
- width: auto;
- }
- .sidebar-mini.sidebar-collapse .dropdown button > span {
- border-top-right-radius: 5px;
- display: inline-grid !important;
- -webkit-transform: translateZ(0);
- }
- .sidebar-collapse .sidebar-menu.tree {
- margin-top: 34px;
- margin-left: 25px;
- }
- button .pull-right-container {
- position: absolute;
- right: calc(100% - 96%);
- top: calc(100% - 60%);
- margin-top: -7px;
- }
- .theme-primary.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li.active > a > span {
- background: transparent !important;
- }
- .col-sm-12.col-md-6.box-shadowed{
- width: 480px;
- }
- .order-sections-list{
- width: 295px;
- }
- .nav-tabs .nav-link {
- padding: 14px 21px !important;
- }
- .nav-tabs {
- height: 57px;
- margin-top: 11px;
- }
- }
- @media (device-width: 360px) and (orientation: portrait){
- .order-sections-list{
- width: 100%;
- }
- .no-order{
- padding-top: 30% !important;
- height: 48.2vh !important;
- display: none;
- }
- .hs > li, .item{
- width: 160px;
- }
- .nav-tabs .nav-link {
- padding: 7px 13px !important;
- }
- .navbar{
- background-color: transparent !important;
- }
- .content-wrapper {
- width: calc(96%) !important;
- background-color: #fff !important;
- }
- .fixed .content-wrapper {
- margin-top: 35px !important;
- margin-left: 0px;
- padding: 5px;
- }
- .theme-primary.light-skin .sidebar-menu > li:hover > a, .theme-primary.light-skin .sidebar-menu > li:active > a, .theme-primary.light-skin .sidebar-menu > li.active > a{
- background: none !important;
- }
- .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span{
- display: inline-grid !important
- }
- .light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span{
- background-color: transparent !important;
- box-shadow:none !important;
- margin-left: 11px;
- -webkit-transform:none;
- font-size: 16px;
- }
- .sidebar-collapse .sidebar-footer {
- width: auto;
- }
- .sidebar-mini.sidebar-collapse .dropdown button > span {
- border-top-right-radius: 5px;
- display: inline-grid !important;
- -webkit-transform: translateZ(0);
- }
- .sidebar-collapse .sidebar-menu.tree {
- margin-top: 34px;
- margin-left: 25px;
- }
- button .pull-right-container {
- position: absolute;
- right: calc(100% - 96%);
- top: calc(100% - 60%);
- margin-top: -7px;
- }
- .theme-primary.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li.active > a > span {
- background: transparent !important;
- }
- .col-sm-12.col-md-6.box-shadowed{
- width: 480px;
- }
- .order-sections-list{
- width: 295px;
- }
- .nav-tabs .nav-link {
- padding: 14px 21px !important;
- }
- .nav-tabs {
- height: 57px;
- margin-top: 11px;
- }
- }*/
- </style>
- </head>
- <body class="light-skin sidebar-mini theme-primary fixed">
- <div class="wrapper">
- <div id="loader"></div>
- @include('inc.header')
- @if(\Illuminate\Support\Facades\Auth::user()->role=="administrator")
- @include('inc.sidebar_admin')
- @elseif(\Illuminate\Support\Facades\Auth::user()->role=="resto_user")
- @include('inc.sidebar_resto_user')
- @else
- @include('inc.sidebar_resto')
- @endif
- @yield('content')
- @php
-
- if(\Illuminate\Support\Facades\Auth::user()->role=="restaurant"){
- $placed_order = false;
- $recent_till = \Carbon\Carbon::now()->subDays(2)->format('Y-m-d');;
- $one_order = \Illuminate\Support\Facades\Auth::user()->restaurants->id;
- $order1 = \App\Orders::where('status','Placed')->where('resto_id',$one_order)->where('created_at','>=',$recent_till)->first();
- if(isset($order1) && $order1->status=="Placed"){
- $placed_order = true;
- }
- //dump($order);
- }
- @endphp
- {{-- @include('inc.sidebar_resto_right')--}}
- {{--<footer class="main-footer" style="font-size: 10px">
- <video controls="controls" src="{!! env('APP_URL') !!}/1sec.avi" muted autoplay loop style="display:none">
- Your browser does not support the HTML5 Video element.
- </video>
- <img src="{!! env('APP_ASSETS') !!}images/favicon.png" height="18" /> meem powered by <img src="{!! env('APP_ASSETS') !!}images/taiftec.png" height="16" />
- </footer>--}}
- <input type="button" id="toggle" value="Wake Lock is disabled" style="display:none"/>
- </div>
- </body>
- <script src="{!! env('APP_ASSETS') !!}js/vendors.min.js"></script>
- <script src="{!! env('APP_ASSETS') !!}js/pages/chat-popup.js"></script>
- <script src="{!! env('APP_ASSETS') !!}icons/feather-icons/feather.min.js"></script>
- <script src="{!! env('APP_ASSETS') !!}vendor_components/progressbar.js-master/dist/progressbar.js"></script>
- <script src="{!! env('APP_ASSETS') !!}vendor_components/OwlCarousel2/dist/owl.carousel.js"></script>
- <script src="{!! env('APP_ASSETS') !!}vendor_components/datatable/datatables.min.js"></script>
- <script src="{!! env('APP_ASSETS') !!}vendor_components/jquery-toast-plugin-master/src/jquery.toast.js"></script>
- <script src="{!! env('APP_ASSETS') !!}js/printThis.js"></script>
- <script src="{!! env('APP_ASSETS') !!}js/jquery.uploadPreview.js"></script>
- <script src="{!! env('APP_ASSETS') !!}js/jquery.validate.min.js"></script>
- <script src="{!! env('APP_ASSETS') !!}js/jquery.form.js"></script>
- <script src="{!! env('APP_ASSETS') !!}js/NoSleep.min.js"></script>
- <!-- Riday Admin App -->
- <script src="//js.pusher.com/3.1/pusher.min.js"></script>
- <script src="{!! env('APP_ASSETS') !!}js/template.js"></script>
- <script>
- //screen.orientation.lock('');
- nosleep();
- function nosleep()
- {
- var noSleep = new NoSleep();
- noSleep.enable();
- }
- </script>
- <!-- AUDIO.JS -->
- <script type="text/javascript">
- const CACHE_NAME = "audioCache";
- const FILE_NAME = 'https://admin.meemapp.net/notif-order.mp3';
- (function main(){
- updateStatus();
- })();
- // Update the status field
- function updateStatus() {
- isCached().then(value => {
- });
- }
- function isCached() {
- return window.caches.open(CACHE_NAME)
- .then(cache => cache.match(FILE_NAME))
- .then(Boolean);
- }
- function addToCache() {
- window.caches.open(CACHE_NAME)
- .then(cache => cache.add(FILE_NAME))
- .then(() => console.log('cached audio file'))
- .catch(e => console.error('failed to cache file', e))
- .finally(updateStatus); // This only works in chrome/ff at the time of writing
- }
- function removeFromCache() {
- window.caches.open(CACHE_NAME)
- .then(cache => cache.delete(FILE_NAME))
- .then(() => console.log('removed cached file'))
- .catch(e => console.error('failed to remove cached file', e))
- .finally(updateStatus); // This only works in chrome/ff at the time of writing
- }
- </script>
- <script>
- if ('serviceWorker' in navigator) {
- var file = "{!! env('APP_ASSETS') !!}js/audio_cache_sw.js"
- navigator.serviceWorker.register(file)
- .then(function(reg) {
- console.log('Registration succeeded.');
- }).catch(function(error) {
- console.log('Registration failed with ' + error);
- });
- }
- </script>
- <!-- END AUDIO.JS -->
- <script>
- /*let src = "https://admin.meemapp.net/notif-order.mp3";
- let audio = new Audio(src);
- audio.loop = true;
- audio.play();
- */
- addToCache();
- var timeFormat = function(datetime){
- var time =datetime;
- var date = new Date(time);
- date = date.getFullYear()+"-"+date.getMonth()+"-"+date.getDate()+" "+date.getHours()+":"+date.getMinutes()+":"+date.getMilliseconds();
- return date;
- };
- var logged_user = "{!! \Illuminate\Support\Facades\Auth::user()->role=="restaurant" && isset(\Illuminate\Support\Facades\Auth::user()->restaurants)?\Illuminate\Support\Facades\Auth::user()->restaurants->id:NULL !!}";
- var site_url = "{!! env('APP_URL') !!}";
- logged_user = parseInt(logged_user);
- $(function () {
- $('[data-toggle="tooltip"]').tooltip();
- // $('#dataTable').DataTable();
- $("body").on("click",".notifications",function () {
- $.ajax({
- url:"{!! env('APP_URL') !!}read/notifications",
- success:function (response) {
- $(".badge-counter").attr("data-count",0);
- $(".badge-counter").html("");
- }
- });
- });
- })
- </script>
- <script>
- let src = "{!! env('APP_URL') !!}notif-order.mp3";
- let audio = new Audio(src);
- audio.loop = true;
- @if(\Illuminate\Support\Facades\Auth::user()->role=="restaurant")
- @if(Route::currentRouteName()=="OrderListing" || $placed_order)
- @if((isset($is_pending_order) && !empty($is_pending_order)) || $placed_order)
- audio.play();
- @endif
- @endif
- @endif
- var pusher = new Pusher('{{env("PUSHER_APP_KEY")}}', {
- cluster: '{{env("PUSHER_APP_CLUSTER")}}',
- encrypted: true
- });
- var notification_counter = parseInt($(".badge-counter").data('count'));
- var new_order_count = parseInt($("#order-counter").html());
- if(new_order_count=="")
- new_order_count = 0;
- var channel = pusher.subscribe("{!! env('PUHER_APP_CHANNEL') !!}");
- channel.bind('App\\Events\\OrderNotification', function(data) {
- console.log(data);
- var order_resto_id = parseInt(data.order_resto_id);
- if(order_resto_id==logged_user && data.notification_for=="update-order-status"){
- // location.reload();
- audio.pause();
- $("#orders-list").html('');
- $.ajax({
- url:"{!! env('APP_URL') !!}liveorders/all",
- success:function (response) {
- //response = $.parseJSON(response);
- if(response){
- $.each(response.orders,function (i,v) {
- var str='<li class="mlist_li" rel="detail" data-order-id="'+v.id+'">\n' +
- ' <div class="box '+v.box_bg+' rounded-0">\n' +
- ' <div class="media-list media-list-divided media-list-hover">\n' +
- ' <div class="media align-items-center">\n' +
- ' <div class="media-body">\n' +
- ' <p>#'+v.order_ref+'</p>\n' +
- ' <p> '+(v.campaign_type!=""?v.campaign_type:"Direct")+', '+v.created_at+'</p>\n' +
- ' </div>\n' +
- ' <div class="media-right gap-items">\n' +
- ' <div class="user-social-acount text-center">\n' +
- ' <p class="m-0 status">'+v.status+'</p>\n' +
- ' <div class="d-flex align-items-center float-end">\n' +
- ' <div class="circle-div '+v.bg+' text-center" data-min="'+v.remaining_min+'" data-color="'+v.bg_color+'">\n' +
- ' <p class="mb-5 min">'+v.remaining_min+'<br />\n'+
- ' Min</p>\n'+
- ' </div>\n' +
- ' </div>\n' +
- ' </div>\n' +
- ' </div>\n' +
- ' </div>\n' +
- ' </div>\n' +
- ' </div>\n' +
- '</li>';
- counter = counter+1;
- $("#orders-list").append(str);
- });
- $("span."+status).html(counter);
- }
- }
- });
- $.ajax({
- url: "{!! env('APP_URL') !!}order/counts",
- success: function (response) {
- // response = $.parseJSON(response);
- var total_accepted = 0;
- var total = 0;
- $.each(response,function (i,v) {
- if(v.status=="Send_to_Kitchen" || v.status=="Accepted"){
- total_accepted+=parseInt(v.status_count);
- total+=parseInt(v.status_count);
- $(".labelcenter.kitchen").text(total_accepted);
- }
- if(v.status=="On_Road"){
- $(".labelcenter.route").text(v.status_count);
- total+=parseInt(v.status_count);
- }
- if(v.status=="Placed"){
- $(".labelcenter.new").html(v.status_count);
- total+=parseInt(v.status_count);
- if(parseInt(v.status_count) > 0){
- $("#order-counter").html(v.status_count);
- $("#order-counter").show();
- }else{
- audio.pause();
- $("#order-counter").html(0);
- $("#order-counter").hide();
- }
- }
- });
- $(".labelcenter.all").text(total);
- }
- });
- $(".mlist_li[data-order-id="+data.order_id+"]").remove();
- }
- var resto_id = parseInt(data.resto_id);
- if(resto_id==logged_user){
- audio.play();
- var new_order = (data.order_data);
- var v = new_order;
- var li = '<li class="mlist_li" rel="detail" data-order-id="'+v.id+'">\n' +
- ' <div class="box bg-danger rounded-0">\n' +
- ' <div class="media-list media-list-divided media-list-hover">\n' +
- ' <div class="media align-items-center">\n' +
- ' <div class="media-body">\n' +
- ' <p>#'+v.order_ref+'</p>\n' +
- ' <p> '+(v.campaign_type?v.campaign_type:"Direct")+', Just now</p>\n' +
- ' </div>\n' +
- ' <div class="media-right gap-items">\n' +
- ' <div class="user-social-acount text-center">\n' +
- ' <p class="m-0 status">New</p>\n' +
- ' <div class="d-flex align-items-center float-end">\n' +
- ' <div class="circle-div blu-bg text-center">\n' +
- ' <p class="mb-5 min">0<br />\n' +
- ' Min</p>\n' +
- ' </div>\n' +
- ' </div>\n' +
- ' </div>\n' +
- ' </div>\n' +
- ' </div>\n' +
- ' </div>\n' +
- ' </div>\n' +
- '</li>';
- /* var action_list = '<div class="btn-group">\n' +
- ' <a class="hover-primary dropdown-toggle no-caret" data-bs-toggle="dropdown"><i class="fa fa-ellipsis-h"></i></a>\n' +
- ' <div class="dropdown-menu">\n' +
- ' <a class="dropdown-item order-status" href="#!" data-id="'+new_order.id+'" data-status="Accepted">Accepted</a>\n' +
- ' <a class="dropdown-item order-status" href="#!" data-id="'+new_order.id+'" data-status="Rejected">Rejected</a>\n' +
- ' <a class="dropdown-item order-status" href="#!" data-id="'+new_order.id+'" data-status="Rejected_by_User">Rejected by User</a>\n' +
- ' \n' +
- ' </div>\n' +
- ' </div>';
- var row = '<tr class="special order-row" data-id="'+new_order.id+'">';
- row+='<td>'+new_order.order_ref+'</td>';
- row+='<td>'+timeFormat(new_order.created_at)+'</td>';
- row+='<td>'+new_order.customer_name+'</td>';
- row+='<td>'+ data.customer_mobile+ '</td>';
- row+='<td>'+data.customer_location+'</td>';
- row+='<td>'+new_order.order_type+'</td>';
- // row+='<td>'+new_order.campaign_name+'</td>';
- // row+='<td>'+new_order.campaign_date+'</td>';
- row+='<td>'+new_order.campaign_type+'</td>';
- row+='<td>'+data.total_price+'</td>';
- /!* row+='<td>'+(new_order.order_deliver_time?new_order.order_deliver_time:"(اقرب وقت)\t")+'</td>';*!/
- row+='<td><span class="badge badge-info-light">Placed</span></td>';
- row+='<td>'+action_list+'</td>';
- row+='</tr>';*/
- $.ajax({
- url: "{!! env('APP_URL') !!}order/counts",
- success: function (response) {
- // response = $.parseJSON(response);
- var total_accepted = 0;
- var total = 0;
- $.each(response,function (i,v) {
- if(v.status=="Send_to_Kitchen" || v.status=="Accepted"){
- total_accepted+=parseInt(v.status_count);
- total+=parseInt(v.status_count);
- $(".labelcenter.kitchen").text(total_accepted);
- }
- if(v.status=="On_Road"){
- $(".labelcenter.route").text(v.status_count);
- total+=parseInt(v.status_count);
- }
- if(v.status=="Placed"){
- $(".labelcenter.new").text(v.status_count);
- total+=parseInt(v.status_count);
- if(parseInt(v.status_count) > 0){
- $("#order-counter").html(v.status_count);
- $("#order-counter").show();
- }
- }
- });
- $(".labelcenter.all").text(total);
- }
- });
- @if(\Illuminate\Support\Facades\Auth::user()->role=="restaurant")
- @if(Route::currentRouteName()=="OrderListing")
- $("#orders-list").prepend(li);
- @endif
- @endif
- // $("#new-order-tables tbody").prepend(row);
- // $("#new-orders-modal").modal();
- setTimeout(function () {
- $("#new-orders-modal").modal('hide');
- },30000);
- var notification = '<li>\n' +
- ' <a href="{!! env('APP_URL') !!}order/show/'+data.order_id+'">\n' +
- ' <i class="fa fa-users text-info"></i> '+data.message+'.\n' +
- ' </a>\n' +
- ' </li>';
- $("#notifications").prepend(notification);
- notification_counter += 1;
- new_order_count += 1;
- $(".badge-counter").attr('data-count',notification_counter);
- $(".badge-counter").html(notification_counter);
- $("#order-counter").html(new_order_count);
- $("#order-counter").show();
- }
- });
- $("body").on("click",".push-btn",function () {
- $(".main-sidebar").toggleClass('sidebar-active')
- });
- </script>
- </html>
- @yield('js')
|