app.blade.php_1 40 KB

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