app.blade.php_3 44 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  7. <meta name="csrf-token" content="MOPUhVXZcUk6jStOhUNBIjlzjQOz911kSUPoP7gN">
  8. <meta property="og:image" itemprop="image" content="https://admin.meemapp.net/public/assets/images/meem_meta.png"> <title>meem</title>
  9. <meta name="description" content="meem food ordering system">
  10. <meta property="og:type" content="website" />
  11. <!-- Favicon Icon -->
  12. <link rel="icon" type="image/png" href="{!! env('APP_ASSETS') !!}images/favicon.ico">
  13. <link rel="apple-touch-icon" sizes="128x128" href="{!! env('APP_ASSETS') !!}images/favicon.ico">
  14. <link rel="shortcut icon" sizes="128x128" href="{!! env('APP_ASSETS') !!}images/favicon.ico">
  15. <!-- Feather Icon-->
  16. <link href="{!! env('APP_ASSETS') !!}css/vendors_css.css" rel="stylesheet" type="text/css">
  17. <!-- Fontawesome Icon-->
  18. <link href="{!! env('APP_ASSETS') !!}css/style.css" rel="stylesheet" type="text/css">
  19. <link href="{!! env('APP_ASSETS') !!}css/style_new.css" rel="stylesheet" type="text/css">
  20. {{--
  21. <link href="{!! env('APP_ASSETS') !!}css/style_rtl.css" rel="stylesheet" type="text/css">--}}
  22. <!-- Bootstrap Css -->
  23. <link href="{!! env('APP_ASSETS') !!}css/skin_color.css" rel="stylesheet"><!-- Custom Css -->
  24. <link href="{!! env('APP_ASSETS') !!}css/sidebar-new.css?v=1.4" rel="stylesheet" type="text/css">
  25. @yield('css')
  26. <style>
  27. .btn-default{
  28. border-color: transparent;
  29. }
  30. .main-header .logo .logo-lg{ padding-left: 13px;}
  31. label.error{
  32. color:#FF0000;
  33. }
  34. .sidebar-active{
  35. display: block !important;
  36. width: 100% !important;
  37. }
  38. .theme-primary .btn-primary{
  39. background-color: #ffab00;
  40. border-color: #ffab00;
  41. }
  42. .sidebar-active .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span{ display: block !important;}
  43. .sidebar-menu > li .badge {
  44. margin-left: 5px;
  45. width: 20px;
  46. height: 20px;
  47. padding-left: 4px;
  48. padding-top: 6px;
  49. border-radius: 100%;
  50. line-height: 9px;
  51. text-align: center;
  52. font-weight: 300;
  53. margin-top: 3px;
  54. display: none;
  55. }
  56. .main-header .navbar{
  57. margin-left: 16.29rem;
  58. }
  59. .new-order {
  60. background: rgb(110 195 82 / 50%) !important;
  61. color: #000;
  62. }
  63. .alert{ display: none}
  64. #loader{
  65. background: #fff url({!! env('APP_ASSETS') !!}images/preloaders/preloader.svg) no-repeat center center;
  66. left: 0px !important;
  67. top: 0;
  68. }
  69. .theme-primary .btn-primary:hover, .theme-primary .btn-primary:active, .theme-primary .btn-primary:focus, .theme-primary .btn-primary.active{
  70. background-color: #ffab00 !important;
  71. border-color: #ffab00 !important;
  72. }
  73. .sidebar-menu > li,.sidebar-menu > li:hover { margin-bottom: 2px}
  74. .theme-primary.light-skin .sidebar-menu > li.active > a {
  75. color: #fff;
  76. background-color: #FEC34D ;padding:0px 10px;
  77. }
  78. .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{
  79. padding:0px 4px 0 4px;
  80. 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;
  81. }
  82. .sidebar-menu > li > a > i{
  83. margin-right: -2px;
  84. }
  85. #dropdownMenu2 {
  86. border-radius: 0px;
  87. background: #ffd684;
  88. text-align: left;
  89. padding-left: 23px;
  90. font-size: 14px;
  91. font-weight: 600;
  92. }
  93. .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary.active{
  94. background-color: #ffd684 !important;
  95. border-color: #ffd684 !important;
  96. }
  97. .dropdown-item:hover, .dropdown-item:focus {
  98. background-color: transparent;
  99. }
  100. #dropdownMenu2 i{
  101. font-size:1.5714285714rem
  102. }
  103. .sidebar-collapse .sidebar-menu.tree{margin-top: 10px}
  104. /* .theme-primary.light-skin .sidebar-menu > li.active > a > i{
  105. background-color: #FFAD12 !important;
  106. box-shadow: 0 4px 5px 0 #d4b483 !important;
  107. }*/
  108. .theme-primary.light-skin .sidebar-menu > li.active {
  109. background-color: rgba(76, 149, 221, 0);
  110. color: #000;
  111. border-left: 0px solid #000;
  112. }
  113. .theme-primary.light-skin .sidebar-menu > li.active > a > i{
  114. box-shadow: 0 4px 5px 0 rgb(0 0 0 / 50%);
  115. }
  116. .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{
  117. background-color: rgba(0, 0, 0, 0);
  118. margin-bottom: 5px;
  119. }
  120. ul.footer-drop{
  121. transform: translate(226px, 2px) !important;
  122. }
  123. .notification-badge{
  124. font-size: 75%;position: absolute;top: -2px !important;right: -13px;padding: 5px 10px;border-radius: 50%;background: red;color: white;
  125. }
  126. button .pull-right-container {
  127. position: absolute;
  128. right: calc(100% - 87%);
  129. top: calc(100% - 54%);
  130. margin-top: -7px;
  131. }
  132. @php
  133. $no_gap_pages = ['OrderListing','outlets-form','OutletEdit','outlets-address','outlets-delivery','outlets-pickup'];
  134. ;
  135. @endphp
  136. @if(in_array(Route::currentRouteName(),$no_gap_pages))
  137. .content-wrapper {
  138. width: calc(100% - 270px);
  139. background-color: #fff !important;
  140. }
  141. .fixed .content-wrapper {
  142. margin-top: 0px;
  143. margin-left: 270px;
  144. margin-left: 270px;
  145. }
  146. @else
  147. .content-wrapper {
  148. width: calc(100% - 300px);
  149. background-color: #fff !important;
  150. }
  151. .fixed .content-wrapper {
  152. margin-top: 0px;
  153. margin-left: 290px;
  154. }
  155. @endif
  156. /* @media (min-width: 768px){
  157. .fixed .multinav {
  158. position: fixed;
  159. width: 16.29rem;
  160. padding-bottom: 0;
  161. height: calc(100% - 80px);
  162. }
  163. .main-sidebar{
  164. width: 16.29rem;
  165. }
  166. .main-header div.logo-box{
  167. width: 16.29rem;
  168. }
  169. .sidebar-footer{
  170. width: 16.29rem;
  171. }
  172. }*/
  173. @media (min-width: 850px) and (max-width: 1020px){
  174. .main-header div.logo-box {
  175. width: 100% !important;}
  176. .fixed .content-wrapper {
  177. margin-left: 0 !important; margin-top: 70px !important; width: 100%;
  178. }
  179. .fixed .multinav {
  180. width: 100%;
  181. }
  182. .head_sub_div{
  183. width: 100%;
  184. }
  185. .sidebar-menu.tree {
  186. margin-top: 24px !important;
  187. margin-left: 25px !important;
  188. }
  189. .sidebar-menu {
  190. list-style: none;
  191. margin: 0 0px;
  192. padding: 20px 0px 50px 0px;
  193. }
  194. .light-skin .sidebar-menu > li > a > span {
  195. background-color: transparent !important;
  196. box-shadow: none !important;
  197. margin-left: 11px;
  198. -webkit-transform: none;
  199. font-size: 16px;
  200. }
  201. .theme-primary.light-skin .sidebar-menu > li.active {
  202. background-color: rgba(76, 149, 221, 0);
  203. color: #000;
  204. border-left: 0px solid #000;
  205. }
  206. .theme-primary.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span{
  207. display: inline-block !important;
  208. background: transparent !important;
  209. font-size: 14px;
  210. }
  211. .theme-primary.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li.active > a > span{
  212. background: transparent !important; font-size: 14px;
  213. }
  214. .sidebar-collapse .sidebar-menu > li > a {
  215. padding: 1px 12px;
  216. }
  217. .main-sidebar .dropdown{
  218. width: 250px;
  219. }
  220. .sidebar-mini.sidebar-collapse .dropdown button > span{ display: inline-block !important; }
  221. .add-outlet{ width: 200px; }
  222. }
  223. @media only screen
  224. and (min-device-width: 768px)
  225. and (max-device-width: 1024px)
  226. and (orientation: portrait)
  227. and (-webkit-min-device-pixel-ratio: 1) {
  228. .content-wrapper {
  229. width: calc(100%) !important;
  230. background-color: #fff !important;
  231. }
  232. .fixed .content-wrapper {
  233. margin-top: 60px !important;
  234. margin-left: 0px;
  235. padding: 5px;
  236. }
  237. .add-outlet{
  238. margin-top: 15px;
  239. }
  240. .sidebar-mini .sidebar-menu > li > a > span{
  241. }
  242. .light-skin .sidebar-menu > li > a > span{
  243. background-color: transparent !important;
  244. box-shadow:none !important;
  245. margin-left: 11px;
  246. -webkit-transform:none;
  247. font-size: 16px;
  248. }
  249. .fixed .multinav{
  250. width: 100%;
  251. }
  252. .sidebar-footer {
  253. width: auto;
  254. }
  255. .sidebar-mini .dropdown button > span {
  256. border-top-right-radius: 5px;
  257. display: inline-grid !important;
  258. -webkit-transform: translateZ(0);
  259. }
  260. .sidebar-menu.tree {
  261. margin-top: 34px;
  262. margin-left: 25px;
  263. }
  264. button .pull-right-container {
  265. position: absolute;
  266. right: calc(100% - 96%);
  267. top: calc(100% - 60%);
  268. margin-top: -7px;
  269. }
  270. .theme-primary.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li.active > a > span {
  271. background: transparent !important;
  272. }
  273. .col-sm-12.col-md-6.box-shadowed{
  274. width: 100%;
  275. }
  276. .order-sections-list{
  277. width: 100%;
  278. }
  279. .no-order{
  280. padding-top: 30% !important;
  281. height: 48.2vh !important;
  282. }
  283. .all-orders{ max-height: 300px !important; height: 300px !important; min-height:300px !important;}
  284. .nav-tabs .nav-link {
  285. padding: 14px 21px !important;
  286. }
  287. .nav-tabs {
  288. height: 57px;
  289. margin-top: 11px;
  290. }
  291. }
  292. @media (max-width: 767px){
  293. .navbar{
  294. background-color: transparent !important;
  295. }
  296. }
  297. @media only screen
  298. and (min-device-width: 768px)
  299. and (max-device-width: 1024px)
  300. and (orientation: landscape)
  301. and (-webkit-min-device-pixel-ratio: 1) {
  302. .navbar{
  303. background-color: transparent !important;
  304. }
  305. .sidebar-menu li a {
  306. font-size: inherit !important;
  307. }
  308. .sidebar-footer button {
  309. font-size: inherit !important;
  310. }
  311. .fixed .content-wrapper {
  312. margin-top: -0px;
  313. margin-left: 271px;
  314. padding: 5px;
  315. }
  316. .no-order,.order-section{
  317. height: 98.7vh !important;
  318. }
  319. .col-md-6.box-shadowed{
  320. width: 66%;
  321. }
  322. .tab-pane{
  323. max-height: 88.5vh !important;
  324. }
  325. /*.navbar-static-top{ display: none !important;}*/
  326. }
  327. @media (max-width:641px) {
  328. .navbar{
  329. background-color: transparent !important;
  330. }
  331. .content-wrapper {
  332. width: 100%;
  333. background-color: #fff !important;
  334. }
  335. .fixed .content-wrapper {
  336. margin-top: 60px ;
  337. margin-left: 0px;
  338. padding: 5px;
  339. }
  340. .add-outlet{
  341. margin-top: 15px;
  342. }
  343. .sidebar-mini .sidebar-menu > li > a > span{
  344. }
  345. .light-skin .sidebar-menu > li > a > span{
  346. background-color: transparent !important;
  347. box-shadow:none !important;
  348. margin-left: 11px;
  349. -webkit-transform:none;
  350. font-size: 16px;
  351. }
  352. .fixed .multinav{
  353. width: 100%;
  354. }
  355. .sidebar-footer {
  356. width: auto;
  357. }
  358. .sidebar-mini .dropdown button > span {
  359. border-top-right-radius: 5px;
  360. display: inline-grid !important;
  361. -webkit-transform: translateZ(0);
  362. }
  363. .sidebar-menu.tree {
  364. margin-top: 34px;
  365. margin-left: 25px;
  366. }
  367. button .pull-right-container {
  368. position: absolute;
  369. right: calc(100% - 96%);
  370. top: calc(100% - 60%);
  371. margin-top: -7px;
  372. }
  373. .theme-primary.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li.active > a > span {
  374. background: transparent !important;
  375. }
  376. .col-sm-12.col-md-6.box-shadowed{
  377. width: 100%;
  378. }
  379. .order-sections-list{
  380. width: 100%;
  381. }
  382. .no-order{
  383. padding-top: 30% !important;
  384. height: 48.2vh !important;
  385. }
  386. /* .all-orders{ max-height: 300px !important; height: 300px !important; min-height:300px !important;}*/
  387. .nav-tabs .nav-link {
  388. padding: 14px 21px !important;
  389. }
  390. .nav-tabs {
  391. height: 57px;
  392. margin-top: 11px;
  393. }
  394. }
  395. @media (max-width:414px){
  396. .right-panel-footer{
  397. --bs-gutter-x: 0;
  398. }
  399. .order-section{
  400. overflow-x: hidden !important;
  401. }
  402. .theme-primary.light-skin .sidebar-menu > li.active {
  403. background-color: rgba(76, 149, 221, 0);
  404. color: #000;
  405. border-left: 0px solid #000;
  406. }
  407. .sidebar-menu {
  408. list-style: none;
  409. margin: 0 0px;
  410. padding: 20px 0px 50px 0px;
  411. }
  412. .back-to-orders{
  413. padding: 10px;
  414. background: orange;
  415. font-size: 14px;
  416. cursor: pointer;
  417. font-weight: 600;
  418. }
  419. .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl{padding-left: 0}
  420. .right-panel-box div.box-body{
  421. padding: 0.5rem 1.5rem !important;
  422. }
  423. .box-header{
  424. padding: 0.5rem;
  425. }
  426. #show-recipes .box-header {.order-section
  427. padding: 15px 0.5rem 5px !important;
  428. }
  429. .right-panel-footer {
  430. margin-bottom: 25px !important;
  431. padding: 10px 1.5rem;
  432. }
  433. .all-orders{ max-height: 70vh !important; height: 70vh !important; min-height:70vh !important;}
  434. .order-section{
  435. height: 100vh !important;
  436. overflow-x: auto;
  437. position: absolute;
  438. z-index: 999;
  439. top: 50px;
  440. background: white;
  441. left: 0;
  442. right: 0;
  443. }
  444. input, select:focus{
  445. border-right-width: 1px !important;
  446. }
  447. .circle-div{ width: 40px; height: 40px}
  448. .gap-items p.min{
  449. line-height: 11px !important;
  450. padding-top: 8px !important;
  451. font-size: 11px;
  452. }
  453. .box-bodys{ margin-bottom: 10px;}
  454. .p-15{
  455. padding:5px !important;
  456. }
  457. .add-outlet{ width: 100%;}
  458. .navbar{
  459. background-color: transparent !important;
  460. }
  461. .content-wrapper {
  462. width: 100%;
  463. background-color: #fff !important;
  464. }
  465. .fixed .content-wrapper {
  466. margin-top: 35px ;
  467. margin-left: 0px !important;
  468. padding: 5px;
  469. }
  470. .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span{
  471. display: inline-grid !important
  472. }
  473. .light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span{
  474. background-color: transparent !important;
  475. box-shadow:none !important;
  476. margin-left: 11px;
  477. -webkit-transform:none;
  478. font-size: 16px;
  479. }
  480. .sidebar-collapse .sidebar-footer {
  481. width: auto;
  482. }
  483. .sidebar-mini.sidebar-collapse .dropdown button > span {
  484. border-top-right-radius: 5px;
  485. display: inline-grid !important;
  486. -webkit-transform: translateZ(0);
  487. }
  488. .sidebar-collapse .sidebar-menu.tree {
  489. margin-top: 34px;
  490. margin-left: 25px;
  491. }
  492. button .pull-right-container {
  493. position: absolute;
  494. right: calc(100% - 96%);
  495. top: calc(100% - 60%);
  496. margin-top: -7px;
  497. }
  498. .theme-primary.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li.active > a > span {
  499. background: transparent !important;
  500. }
  501. .col-sm-12.col-md-6.box-shadowed{
  502. width: 100%;
  503. }
  504. .order-sections-list{
  505. width: 100%;
  506. }
  507. .no-order{
  508. padding-top: 30% !important;
  509. height: 48.2vh !important;
  510. display: none;
  511. }
  512. .hs > li, .item{
  513. width: 160px;
  514. }
  515. .nav-tabs .nav-link {
  516. padding: 7px 13px !important;
  517. }
  518. .nav-tabs {
  519. height: 57px;
  520. margin-top: 11px;
  521. }
  522. }
  523. @media (max-width:320px){
  524. .order-section{
  525. height: 100vh !important;
  526. overflow-x: auto;
  527. position: absolute;
  528. z-index: 999999;
  529. top: 0;
  530. background: white;
  531. left: 0;
  532. right: 0;
  533. }
  534. .circle-div{ width: 40px; height: 40px}
  535. .gap-items p.min{
  536. line-height: 11px !important;
  537. padding-top: 8px !important;
  538. font-size: 11px;
  539. }
  540. .box-bodys{ margin-bottom: 10px;}
  541. .p-15{
  542. padding:5px !important;
  543. }
  544. .add-outlet{ width: 100%;}
  545. .navbar{
  546. background-color: transparent !important;
  547. }
  548. .content-wrapper {
  549. width: calc(100%) !important;
  550. background-color: #fff !important;
  551. }
  552. .fixed .content-wrapper {
  553. margin-top: 35px ;
  554. margin-left: 0px;
  555. padding: 5px;
  556. }
  557. .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{
  558. background: none !important;
  559. }
  560. .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span{
  561. display: inline-grid !important
  562. }
  563. .light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span{
  564. background-color: transparent !important;
  565. box-shadow:none !important;
  566. margin-left: 11px;
  567. -webkit-transform:none;
  568. font-size: 16px;
  569. }
  570. .sidebar-collapse .sidebar-footer {
  571. width: auto;
  572. }
  573. .sidebar-mini.sidebar-collapse .dropdown button > span {
  574. border-top-right-radius: 5px;
  575. display: inline-grid !important;
  576. -webkit-transform: translateZ(0);
  577. }
  578. .sidebar-collapse .sidebar-menu.tree {
  579. margin-top: 34px;
  580. margin-left: 25px;
  581. }
  582. button .pull-right-container {
  583. position: absolute;
  584. right: calc(100% - 96%);
  585. top: calc(100% - 60%);
  586. margin-top: -7px;
  587. }
  588. .theme-primary.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li.active > a > span {
  589. background: transparent !important;
  590. }
  591. .col-sm-12.col-md-6.box-shadowed{
  592. width: 100%;
  593. }
  594. .order-sections-list{
  595. width: 100%;
  596. }
  597. .no-order{
  598. padding-top: 30% !important;
  599. height: 48.2vh !important;
  600. display: none;
  601. }
  602. .hs > li, .item{
  603. width: 160px;
  604. }
  605. .nav-tabs .nav-link {
  606. padding: 7px 13px !important;
  607. }
  608. .nav-tabs {
  609. height: 57px;
  610. margin-top: 11px;
  611. }
  612. }
  613. /* @media (device-width: 375px) and (orientation: portrait){
  614. .navbar{
  615. background-color: transparent !important;
  616. }
  617. .content-wrapper {
  618. width: calc(96%) !important;
  619. background-color: #fff !important;
  620. }
  621. .fixed .content-wrapper {
  622. margin-top: 35px !important;
  623. margin-left: 0px;
  624. padding: 5px;
  625. }
  626. .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{
  627. background: none !important;
  628. }
  629. .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span{
  630. display: inline-grid !important
  631. }
  632. .light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span{
  633. background-color: transparent !important;
  634. box-shadow:none !important;
  635. margin-left: 11px;
  636. -webkit-transform:none;
  637. font-size: 16px;
  638. }
  639. .sidebar-collapse .sidebar-footer {
  640. width: auto;
  641. }
  642. .sidebar-mini.sidebar-collapse .dropdown button > span {
  643. border-top-right-radius: 5px;
  644. display: inline-grid !important;
  645. -webkit-transform: translateZ(0);
  646. }
  647. .sidebar-collapse .sidebar-menu.tree {
  648. margin-top: 34px;
  649. margin-left: 25px;
  650. }
  651. button .pull-right-container {
  652. position: absolute;
  653. right: calc(100% - 96%);
  654. top: calc(100% - 60%);
  655. margin-top: -7px;
  656. }
  657. .theme-primary.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li.active > a > span {
  658. background: transparent !important;
  659. }
  660. .col-sm-12.col-md-6.box-shadowed{
  661. width: 480px;
  662. }
  663. .order-sections-list{
  664. width: 295px;
  665. }
  666. .nav-tabs .nav-link {
  667. padding: 14px 21px !important;
  668. }
  669. .nav-tabs {
  670. height: 57px;
  671. margin-top: 11px;
  672. }
  673. }
  674. @media (device-width: 360px) and (orientation: portrait){
  675. .order-sections-list{
  676. width: 100%;
  677. }
  678. .no-order{
  679. padding-top: 30% !important;
  680. height: 48.2vh !important;
  681. display: none;
  682. }
  683. .hs > li, .item{
  684. width: 160px;
  685. }
  686. .nav-tabs .nav-link {
  687. padding: 7px 13px !important;
  688. }
  689. .navbar{
  690. background-color: transparent !important;
  691. }
  692. .content-wrapper {
  693. width: calc(96%) !important;
  694. background-color: #fff !important;
  695. }
  696. .fixed .content-wrapper {
  697. margin-top: 35px !important;
  698. margin-left: 0px;
  699. padding: 5px;
  700. }
  701. .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{
  702. background: none !important;
  703. }
  704. .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span{
  705. display: inline-grid !important
  706. }
  707. .light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span{
  708. background-color: transparent !important;
  709. box-shadow:none !important;
  710. margin-left: 11px;
  711. -webkit-transform:none;
  712. font-size: 16px;
  713. }
  714. .sidebar-collapse .sidebar-footer {
  715. width: auto;
  716. }
  717. .sidebar-mini.sidebar-collapse .dropdown button > span {
  718. border-top-right-radius: 5px;
  719. display: inline-grid !important;
  720. -webkit-transform: translateZ(0);
  721. }
  722. .sidebar-collapse .sidebar-menu.tree {
  723. margin-top: 34px;
  724. margin-left: 25px;
  725. }
  726. button .pull-right-container {
  727. position: absolute;
  728. right: calc(100% - 96%);
  729. top: calc(100% - 60%);
  730. margin-top: -7px;
  731. }
  732. .theme-primary.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li.active > a > span {
  733. background: transparent !important;
  734. }
  735. .col-sm-12.col-md-6.box-shadowed{
  736. width: 480px;
  737. }
  738. .order-sections-list{
  739. width: 295px;
  740. }
  741. .nav-tabs .nav-link {
  742. padding: 14px 21px !important;
  743. }
  744. .nav-tabs {
  745. height: 57px;
  746. margin-top: 11px;
  747. }
  748. }*/
  749. </style>
  750. </head>
  751. <body class="light-skin sidebar-mini theme-primary fixed">
  752. <div class="wrapper">
  753. <div id="loader"></div>
  754. @include('inc.header')
  755. @if(\Illuminate\Support\Facades\Auth::user()->role=="administrator")
  756. @include('inc.sidebar_admin')
  757. @elseif(\Illuminate\Support\Facades\Auth::user()->role=="resto_user")
  758. @include('inc.sidebar_resto_user')
  759. @else
  760. @include('inc.sidebar_resto')
  761. @endif
  762. @yield('content')
  763. @php
  764. if(\Illuminate\Support\Facades\Auth::user()->role=="restaurant"){
  765. $placed_order = false;
  766. $recent_till = \Carbon\Carbon::now()->subDays(2)->format('Y-m-d');;
  767. $one_order = \Illuminate\Support\Facades\Auth::user()->restaurants->id;
  768. $order1 = \App\Orders::where('status','Placed')->where('resto_id',$one_order)->where('created_at','>=',$recent_till)->first();
  769. if(isset($order1) && $order1->status=="Placed"){
  770. $placed_order = true;
  771. }
  772. //dump($order);
  773. }
  774. @endphp
  775. {{-- @include('inc.sidebar_resto_right')--}}
  776. {{--<footer class="main-footer" style="font-size: 10px">
  777. <video controls="controls" src="{!! env('APP_URL') !!}/1sec.avi" muted autoplay loop style="display:none">
  778. Your browser does not support the HTML5 Video element.
  779. </video>
  780. <img src="{!! env('APP_ASSETS') !!}images/favicon.png" height="18" /> meem powered by <img src="{!! env('APP_ASSETS') !!}images/taiftec.png" height="16" />
  781. </footer>--}}
  782. <input type="button" id="toggle" value="Wake Lock is disabled" style="display:none"/>
  783. </div>
  784. </body>
  785. <script src="{!! env('APP_ASSETS') !!}js/vendors.min.js"></script>
  786. <script src="{!! env('APP_ASSETS') !!}js/pages/chat-popup.js"></script>
  787. <script src="{!! env('APP_ASSETS') !!}icons/feather-icons/feather.min.js"></script>
  788. <script src="{!! env('APP_ASSETS') !!}vendor_components/progressbar.js-master/dist/progressbar.js"></script>
  789. <script src="{!! env('APP_ASSETS') !!}vendor_components/OwlCarousel2/dist/owl.carousel.js"></script>
  790. <script src="{!! env('APP_ASSETS') !!}vendor_components/datatable/datatables.min.js"></script>
  791. <script src="{!! env('APP_ASSETS') !!}vendor_components/jquery-toast-plugin-master/src/jquery.toast.js"></script>
  792. <script src="{!! env('APP_ASSETS') !!}js/printThis.js"></script>
  793. <script src="{!! env('APP_ASSETS') !!}js/jquery.uploadPreview.js"></script>
  794. <script src="{!! env('APP_ASSETS') !!}js/jquery.validate.min.js"></script>
  795. <script src="{!! env('APP_ASSETS') !!}js/jquery.form.js"></script>
  796. <script src="{!! env('APP_ASSETS') !!}js/NoSleep.min.js"></script>
  797. <!-- Riday Admin App -->
  798. <script src="//js.pusher.com/3.1/pusher.min.js"></script>
  799. <script src="{!! env('APP_ASSETS') !!}js/template.js"></script>
  800. <script>
  801. //screen.orientation.lock('');
  802. nosleep();
  803. function nosleep()
  804. {
  805. var noSleep = new NoSleep();
  806. noSleep.enable();
  807. }
  808. </script>
  809. <!-- AUDIO.JS -->
  810. <script type="text/javascript">
  811. const CACHE_NAME = "audioCache";
  812. const FILE_NAME = 'https://admin.meemapp.net/notif-order.mp3';
  813. (function main(){
  814. updateStatus();
  815. })();
  816. // Update the status field
  817. function updateStatus() {
  818. isCached().then(value => {
  819. });
  820. }
  821. function isCached() {
  822. return window.caches.open(CACHE_NAME)
  823. .then(cache => cache.match(FILE_NAME))
  824. .then(Boolean);
  825. }
  826. function addToCache() {
  827. window.caches.open(CACHE_NAME)
  828. .then(cache => cache.add(FILE_NAME))
  829. .then(() => console.log('cached audio file'))
  830. .catch(e => console.error('failed to cache file', e))
  831. .finally(updateStatus); // This only works in chrome/ff at the time of writing
  832. }
  833. function removeFromCache() {
  834. window.caches.open(CACHE_NAME)
  835. .then(cache => cache.delete(FILE_NAME))
  836. .then(() => console.log('removed cached file'))
  837. .catch(e => console.error('failed to remove cached file', e))
  838. .finally(updateStatus); // This only works in chrome/ff at the time of writing
  839. }
  840. </script>
  841. <script>
  842. if ('serviceWorker' in navigator) {
  843. var file = "{!! env('APP_ASSETS') !!}js/audio_cache_sw.js"
  844. navigator.serviceWorker.register(file)
  845. .then(function(reg) {
  846. console.log('Registration succeeded.');
  847. }).catch(function(error) {
  848. console.log('Registration failed with ' + error);
  849. });
  850. }
  851. </script>
  852. <!-- END AUDIO.JS -->
  853. <script>
  854. /*let src = "https://admin.meemapp.net/notif-order.mp3";
  855. let audio = new Audio(src);
  856. audio.loop = true;
  857. audio.play();
  858. */
  859. addToCache();
  860. var timeFormat = function(datetime){
  861. var time =datetime;
  862. var date = new Date(time);
  863. date = date.getFullYear()+"-"+date.getMonth()+"-"+date.getDate()+" "+date.getHours()+":"+date.getMinutes()+":"+date.getMilliseconds();
  864. return date;
  865. };
  866. 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 !!}";
  867. var site_url = "{!! env('APP_URL') !!}";
  868. logged_user = parseInt(logged_user);
  869. $(function () {
  870. $('[data-toggle="tooltip"]').tooltip();
  871. // $('#dataTable').DataTable();
  872. $("body").on("click",".notifications",function () {
  873. $.ajax({
  874. url:"{!! env('APP_URL') !!}read/notifications",
  875. success:function (response) {
  876. $(".badge-counter").attr("data-count",0);
  877. $(".badge-counter").html("");
  878. }
  879. });
  880. });
  881. })
  882. </script>
  883. <script>
  884. let src = "{!! env('APP_URL') !!}notif-order.mp3";
  885. let audio = new Audio(src);
  886. audio.loop = true;
  887. @if(\Illuminate\Support\Facades\Auth::user()->role=="restaurant")
  888. @if(Route::currentRouteName()=="OrderListing" || $placed_order)
  889. @if((isset($is_pending_order) && !empty($is_pending_order)) || $placed_order)
  890. audio.play();
  891. @endif
  892. @endif
  893. @endif
  894. var pusher = new Pusher('{{env("PUSHER_APP_KEY")}}', {
  895. cluster: '{{env("PUSHER_APP_CLUSTER")}}',
  896. encrypted: true
  897. });
  898. var notification_counter = parseInt($(".badge-counter").data('count'));
  899. var new_order_count = parseInt($("#order-counter").html());
  900. if(new_order_count=="")
  901. new_order_count = 0;
  902. var channel = pusher.subscribe("{!! env('PUHER_APP_CHANNEL') !!}");
  903. channel.bind('App\\Events\\OrderNotification', function(data) {
  904. console.log(data);
  905. var order_resto_id = parseInt(data.order_resto_id);
  906. if(order_resto_id==logged_user && data.notification_for=="update-order-status"){
  907. // location.reload();
  908. audio.pause();
  909. $("#orders-list").html('');
  910. $.ajax({
  911. url:"{!! env('APP_URL') !!}liveorders/all",
  912. success:function (response) {
  913. //response = $.parseJSON(response);
  914. if(response){
  915. $.each(response.orders,function (i,v) {
  916. var str='<li class="mlist_li" rel="detail" data-order-id="'+v.id+'">\n' +
  917. ' <div class="box '+v.box_bg+' rounded-0">\n' +
  918. ' <div class="media-list media-list-divided media-list-hover">\n' +
  919. ' <div class="media align-items-center">\n' +
  920. ' <div class="media-body">\n' +
  921. ' <p>#'+v.order_ref+'</p>\n' +
  922. ' <p> '+(v.campaign_type!=""?v.campaign_type:"Direct")+', '+v.created_at+'</p>\n' +
  923. ' </div>\n' +
  924. ' <div class="media-right gap-items">\n' +
  925. ' <div class="user-social-acount text-center">\n' +
  926. ' <p class="m-0 status">'+v.status+'</p>\n' +
  927. ' <div class="d-flex align-items-center float-end">\n' +
  928. ' <div class="circle-div '+v.bg+' text-center" data-min="'+v.remaining_min+'" data-color="'+v.bg_color+'">\n' +
  929. ' <p class="mb-5 min">'+v.remaining_min+'<br />\n'+
  930. ' Min</p>\n'+
  931. ' </div>\n' +
  932. ' </div>\n' +
  933. ' </div>\n' +
  934. ' </div>\n' +
  935. ' </div>\n' +
  936. ' </div>\n' +
  937. ' </div>\n' +
  938. '</li>';
  939. counter = counter+1;
  940. $("#orders-list").append(str);
  941. });
  942. $("span."+status).html(counter);
  943. }
  944. }
  945. });
  946. $.ajax({
  947. url: "{!! env('APP_URL') !!}order/counts",
  948. success: function (response) {
  949. // response = $.parseJSON(response);
  950. var total_accepted = 0;
  951. var total = 0;
  952. $.each(response,function (i,v) {
  953. if(v.status=="Send_to_Kitchen" || v.status=="Accepted"){
  954. total_accepted+=parseInt(v.status_count);
  955. total+=parseInt(v.status_count);
  956. $(".labelcenter.kitchen").text(total_accepted);
  957. }
  958. if(v.status=="On_Road"){
  959. $(".labelcenter.route").text(v.status_count);
  960. total+=parseInt(v.status_count);
  961. }
  962. if(v.status=="Placed"){
  963. $(".labelcenter.new").html(v.status_count);
  964. total+=parseInt(v.status_count);
  965. if(parseInt(v.status_count) > 0){
  966. $("#order-counter").html(v.status_count);
  967. $("#order-counter").show();
  968. }else{
  969. audio.pause();
  970. $("#order-counter").html(0);
  971. $("#order-counter").hide();
  972. }
  973. }
  974. });
  975. $(".labelcenter.all").text(total);
  976. }
  977. });
  978. $(".mlist_li[data-order-id="+data.order_id+"]").remove();
  979. }
  980. var resto_id = parseInt(data.resto_id);
  981. if(resto_id==logged_user){
  982. audio.play();
  983. var new_order = (data.order_data);
  984. var v = new_order;
  985. var li = '<li class="mlist_li" rel="detail" data-order-id="'+v.id+'">\n' +
  986. ' <div class="box bg-danger rounded-0">\n' +
  987. ' <div class="media-list media-list-divided media-list-hover">\n' +
  988. ' <div class="media align-items-center">\n' +
  989. ' <div class="media-body">\n' +
  990. ' <p>#'+v.order_ref+'</p>\n' +
  991. ' <p> '+(v.campaign_type?v.campaign_type:"Direct")+', Just now</p>\n' +
  992. ' </div>\n' +
  993. ' <div class="media-right gap-items">\n' +
  994. ' <div class="user-social-acount text-center">\n' +
  995. ' <p class="m-0 status">New</p>\n' +
  996. ' <div class="d-flex align-items-center float-end">\n' +
  997. ' <div class="circle-div blu-bg text-center">\n' +
  998. ' <p class="mb-5 min">0<br />\n' +
  999. ' Min</p>\n' +
  1000. ' </div>\n' +
  1001. ' </div>\n' +
  1002. ' </div>\n' +
  1003. ' </div>\n' +
  1004. ' </div>\n' +
  1005. ' </div>\n' +
  1006. ' </div>\n' +
  1007. '</li>';
  1008. /* var action_list = '<div class="btn-group">\n' +
  1009. ' <a class="hover-primary dropdown-toggle no-caret" data-bs-toggle="dropdown"><i class="fa fa-ellipsis-h"></i></a>\n' +
  1010. ' <div class="dropdown-menu">\n' +
  1011. ' <a class="dropdown-item order-status" href="#!" data-id="'+new_order.id+'" data-status="Accepted">Accepted</a>\n' +
  1012. ' <a class="dropdown-item order-status" href="#!" data-id="'+new_order.id+'" data-status="Rejected">Rejected</a>\n' +
  1013. ' <a class="dropdown-item order-status" href="#!" data-id="'+new_order.id+'" data-status="Rejected_by_User">Rejected by User</a>\n' +
  1014. ' \n' +
  1015. ' </div>\n' +
  1016. ' </div>';
  1017. var row = '<tr class="special order-row" data-id="'+new_order.id+'">';
  1018. row+='<td>'+new_order.order_ref+'</td>';
  1019. row+='<td>'+timeFormat(new_order.created_at)+'</td>';
  1020. row+='<td>'+new_order.customer_name+'</td>';
  1021. row+='<td>'+ data.customer_mobile+ '</td>';
  1022. row+='<td>'+data.customer_location+'</td>';
  1023. row+='<td>'+new_order.order_type+'</td>';
  1024. // row+='<td>'+new_order.campaign_name+'</td>';
  1025. // row+='<td>'+new_order.campaign_date+'</td>';
  1026. row+='<td>'+new_order.campaign_type+'</td>';
  1027. row+='<td>'+data.total_price+'</td>';
  1028. /!* row+='<td>'+(new_order.order_deliver_time?new_order.order_deliver_time:"(اقرب وقت)\t")+'</td>';*!/
  1029. row+='<td><span class="badge badge-info-light">Placed</span></td>';
  1030. row+='<td>'+action_list+'</td>';
  1031. row+='</tr>';*/
  1032. $.ajax({
  1033. url: "{!! env('APP_URL') !!}order/counts",
  1034. success: function (response) {
  1035. // response = $.parseJSON(response);
  1036. var total_accepted = 0;
  1037. var total = 0;
  1038. $.each(response,function (i,v) {
  1039. if(v.status=="Send_to_Kitchen" || v.status=="Accepted"){
  1040. total_accepted+=parseInt(v.status_count);
  1041. total+=parseInt(v.status_count);
  1042. $(".labelcenter.kitchen").text(total_accepted);
  1043. }
  1044. if(v.status=="On_Road"){
  1045. $(".labelcenter.route").text(v.status_count);
  1046. total+=parseInt(v.status_count);
  1047. }
  1048. if(v.status=="Placed"){
  1049. $(".labelcenter.new").text(v.status_count);
  1050. total+=parseInt(v.status_count);
  1051. if(parseInt(v.status_count) > 0){
  1052. $("#order-counter").html(v.status_count);
  1053. $("#order-counter").show();
  1054. }
  1055. }
  1056. });
  1057. $(".labelcenter.all").text(total);
  1058. }
  1059. });
  1060. @if(\Illuminate\Support\Facades\Auth::user()->role=="restaurant")
  1061. @if(Route::currentRouteName()=="OrderListing")
  1062. $("#orders-list").prepend(li);
  1063. @endif
  1064. @endif
  1065. // $("#new-order-tables tbody").prepend(row);
  1066. // $("#new-orders-modal").modal();
  1067. setTimeout(function () {
  1068. $("#new-orders-modal").modal('hide');
  1069. },30000);
  1070. var notification = '<li>\n' +
  1071. ' <a href="{!! env('APP_URL') !!}order/show/'+data.order_id+'">\n' +
  1072. ' <i class="fa fa-users text-info"></i> '+data.message+'.\n' +
  1073. ' </a>\n' +
  1074. ' </li>';
  1075. $("#notifications").prepend(notification);
  1076. notification_counter += 1;
  1077. new_order_count += 1;
  1078. $(".badge-counter").attr('data-count',notification_counter);
  1079. $(".badge-counter").html(notification_counter);
  1080. $("#order-counter").html(new_order_count);
  1081. $("#order-counter").show();
  1082. }
  1083. });
  1084. $("body").on("click",".push-btn",function () {
  1085. $(".main-sidebar").toggleClass('sidebar-active')
  1086. });
  1087. </script>
  1088. </html>
  1089. @yield('js')