{"id":4268,"date":"2026-06-03T16:11:05","date_gmt":"2026-06-03T15:11:05","guid":{"rendered":"https:\/\/atmarrakech.com\/restaurant-dashboard\/"},"modified":"2026-06-03T16:11:05","modified_gmt":"2026-06-03T15:11:05","slug":"restaurant-dashboard","status":"publish","type":"page","link":"https:\/\/atmarrakech.com\/es\/restaurant-dashboard\/","title":{"rendered":"Tableau de bord restaurant"},"content":{"rendered":"<style>\r\n\/* === Reset & base === *\/\r\n.atm-wrap *{box-sizing:border-box;}\r\n.atm-wrap{\r\n  font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif;\r\n  color:#1a1a1a; max-width:900px; margin:0 auto; padding:0 16px 60px;\r\n}\r\n\r\n\/* === Login card === *\/\r\n.atm-login-card{\r\n  max-width:420px; margin:32px auto 0;\r\n  background:#fff; border-radius:14px;\r\n  box-shadow:0 4px 28px rgba(0,0,0,.10); padding:36px 28px 28px;\r\n}\r\n.atm-login-brand{\r\n  text-align:center; font-size:12px; font-weight:800;\r\n  letter-spacing:.1em; color:#A8350B; margin-bottom:18px;\r\n}\r\n.atm-login-title{text-align:center;font-size:19px;font-weight:700;margin:0 0 4px;}\r\n.atm-login-sub  {text-align:center;font-size:13px;color:#999;margin:0 0 24px;}\r\n.atm-login-err  {\r\n  background:#fdf0f0;border:1px solid #f5c0c0;color:#8b0000;\r\n  border-radius:6px;padding:10px 14px;font-size:13px;margin-bottom:16px;\r\n}\r\n.atm-login-card label{\r\n  display:block;font-size:11px;font-weight:700;color:#777;\r\n  text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;\r\n}\r\n.atm-login-card input[type=text],\r\n.atm-login-card input[type=password]{\r\n  width:100%;padding:12px 14px;border:1.5px solid #e0e0e0;\r\n  border-radius:8px;font-size:15px;margin-bottom:14px;\r\n  outline:none;transition:border-color .2s;\r\n  -webkit-appearance:none;\r\n}\r\n.atm-login-card input:focus{border-color:#A8350B;}\r\n.atm-login-btn{\r\n  width:100%;padding:14px;background:#A8350B;color:#fff;\r\n  border:none;border-radius:8px;font-size:16px;font-weight:700;\r\n  cursor:pointer;transition:background .2s;letter-spacing:.02em;\r\n  -webkit-appearance:none;\r\n}\r\n.atm-login-btn:hover{background:#8E2D09;}\r\n.atm-login-foot{text-align:center;margin-top:18px;font-size:12px;color:#bbb;}\r\n.atm-login-foot a{color:#A8350B;text-decoration:none;}\r\n\r\n\/* === Dashboard topbar === *\/\r\n.atm-topbar{\r\n  display:flex;justify-content:space-between;align-items:center;\r\n  padding:20px 0 16px;border-bottom:2px solid #A8350B;margin-bottom:24px;\r\n}\r\n.atm-topbar-name{font-size:18px;font-weight:800;color:#A8350B;line-height:1.2;}\r\n.atm-topbar-sub {font-size:12px;color:#aaa;margin-top:3px;}\r\n.atm-logout{\r\n  font-size:13px;color:#999;text-decoration:none;\r\n  border:1px solid #ddd;padding:7px 16px;border-radius:20px;\r\n  white-space:nowrap;transition:all .2s;flex-shrink:0;margin-left:12px;\r\n}\r\n.atm-logout:hover{border-color:#A8350B;color:#A8350B;}\r\n\r\n\/* === Stat cards === *\/\r\n.atm-stats{\r\n  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;\r\n}\r\n.atm-stat{\r\n  background:#fff;border-radius:12px;padding:18px 12px;\r\n  box-shadow:0 2px 12px rgba(0,0,0,.07);text-align:center;\r\n}\r\n.atm-stat-val{font-size:28px;font-weight:800;color:#A8350B;line-height:1;}\r\n.atm-stat-lbl{margin-top:5px;font-size:10px;color:#aaa;text-transform:uppercase;letter-spacing:.07em;}\r\n\r\n\/* === Note banner === *\/\r\n.atm-note{\r\n  background:#fff8f5;border:1px solid #f0d0c0;border-radius:8px;\r\n  padding:12px 16px;margin-bottom:24px;font-size:13px;color:#5a2000;line-height:1.5;\r\n}\r\n\r\n\/* === Section heading === *\/\r\n.atm-section-title{\r\n  font-size:11px;font-weight:700;color:#aaa;\r\n  text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px;\r\n}\r\n\r\n\/* === Booking cards (mobile-first) === *\/\r\n.atm-booking-list{display:flex;flex-direction:column;gap:10px;}\r\n.atm-booking-card{\r\n  background:#fff;border-radius:12px;\r\n  box-shadow:0 2px 10px rgba(0,0,0,.07);\r\n  padding:16px 18px;display:flex;align-items:center;\r\n  gap:14px;text-decoration:none;color:inherit;\r\n  transition:box-shadow .2s;\r\n  border-left:4px solid transparent;\r\n}\r\n.atm-booking-card:hover{box-shadow:0 4px 18px rgba(0,0,0,.12);border-left-color:#A8350B;}\r\n.atm-booking-date-block{\r\n  flex-shrink:0;width:48px;text-align:center;\r\n  background:#f8f0ee;border-radius:8px;padding:8px 4px;\r\n}\r\n.atm-booking-date-block .atm-day{font-size:22px;font-weight:800;color:#A8350B;line-height:1;}\r\n.atm-booking-date-block .atm-mon{font-size:10px;color:#999;text-transform:uppercase;letter-spacing:.04em;margin-top:2px;}\r\n.atm-booking-info{flex:1;min-width:0;}\r\n.atm-booking-name{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}\r\n.atm-booking-meta{font-size:12px;color:#888;margin-top:3px;}\r\n.atm-booking-right{flex-shrink:0;text-align:right;}\r\n.atm-booking-seats{font-size:13px;font-weight:700;color:#A8350B;}\r\n.atm-booking-seats-lbl{font-size:10px;color:#ccc;}\r\n.atm-booking-arrow{font-size:16px;color:#ddd;margin-left:8px;}\r\n\r\n\/* === Badges === *\/\r\n.atm-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;}\r\n.atm-b-ok {background:#d4edda;color:#155724;}\r\n.atm-b-pnd{background:#fff3cd;color:#856404;}\r\n.atm-b-no {background:#f8d7da;color:#721c24;}\r\n\r\n\/* === Empty state === *\/\r\n.atm-empty{text-align:center;padding:48px 20px;color:#ccc;font-size:14px;}\r\n\r\n\/* === Detail view === *\/\r\n.atm-back{\r\n  display:inline-flex;align-items:center;gap:6px;\r\n  font-size:13px;color:#888;text-decoration:none;\r\n  margin-bottom:20px;transition:color .2s;\r\n}\r\n.atm-back:hover{color:#A8350B;}\r\n.atm-detail-card{\r\n  background:#fff;border-radius:14px;\r\n  box-shadow:0 2px 16px rgba(0,0,0,.08);padding:24px 22px;\r\n}\r\n.atm-detail-header{\r\n  border-bottom:2px solid #f5f5f5;padding-bottom:16px;margin-bottom:20px;\r\n}\r\n.atm-detail-restaurant{font-size:12px;color:#aaa;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;}\r\n.atm-detail-status-row{display:flex;justify-content:space-between;align-items:center;margin-top:8px;}\r\n.atm-detail-date{font-size:22px;font-weight:800;color:#A8350B;}\r\n.atm-detail-time{font-size:15px;color:#555;margin-top:2px;}\r\n.atm-detail-row{\r\n  display:flex;align-items:flex-start;gap:12px;\r\n  padding:13px 0;border-bottom:1px solid #f5f5f5;\r\n}\r\n.atm-detail-row:last-child{border-bottom:none;}\r\n.atm-detail-icon{font-size:18px;flex-shrink:0;width:26px;text-align:center;margin-top:1px;}\r\n.atm-detail-lbl{font-size:11px;color:#aaa;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;}\r\n.atm-detail-val{font-size:15px;font-weight:600;color:#1a1a1a;}\r\n.atm-detail-val a{color:#A8350B;text-decoration:none;}\r\n.atm-commission-box{\r\n  background:#fff8f5;border:1px solid #f0d0c0;border-radius:10px;\r\n  padding:16px 18px;margin-top:20px;display:flex;justify-content:space-between;align-items:center;\r\n}\r\n.atm-commission-box .atm-c-lbl{font-size:12px;color:#8b4513;}\r\n.atm-commission-box .atm-c-val{font-size:26px;font-weight:800;color:#A8350B;}\r\n\r\n\/* === Responsive === *\/\r\n@media(max-width:480px){\r\n  .atm-stats{grid-template-columns:1fr 1fr;}\r\n  .atm-stats .atm-stat:last-child{grid-column:1\/-1;}\r\n  .atm-stat-val{font-size:24px;}\r\n  .atm-topbar-name{font-size:15px;}\r\n  .atm-detail-date{font-size:18px;}\r\n  .atm-login-card{padding:28px 18px 22px;}\r\n}\r\n<\/style>\r\n    <div class=\"atm-wrap\">\r\n      <div class=\"atm-login-card\">\r\n        <div class=\"atm-login-brand\">AT MARRAKECH<\/div>\r\n        <h2 class=\"atm-login-title\">Espace partenaire<\/h2>\r\n        <p class=\"atm-login-sub\">atmarrakech.com &mdash; tableau de bord restaurant<\/p>\r\n                <form method=\"post\" action=\"\" autocomplete=\"on\">\r\n          <input type=\"hidden\" id=\"atm_login_nonce\" name=\"atm_login_nonce\" value=\"767ffffe37\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/es\/wp-json\/wp\/v2\/pages\/4268\" \/>          <label for=\"atm_username\">Identifiant<\/label>\r\n          <input type=\"text\" id=\"atm_username\" name=\"atm_username\"\r\n                 value=\"\"\r\n                 autocomplete=\"username\" inputmode=\"email\" required \/>\r\n          <label for=\"atm_password\">Mot de passe<\/label>\r\n          <input type=\"password\" id=\"atm_password\" name=\"atm_password\"\r\n                 autocomplete=\"current-password\" required \/>\r\n          <button type=\"submit\" class=\"atm-login-btn\">Se connecter<\/button>\r\n        <\/form>\r\n      <\/div>\r\n      <p class=\"atm-login-foot\">Probl&egrave;me d&rsquo;acc&egrave;s ?&nbsp;\r\n        Contactez <a href=\"mailto:contact@atmarrakech.com\">contact@atmarrakech.com<\/a><\/p>\r\n    <\/div>\r\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"categories":[],"tags":[],"class_list":["post-4268","page","type-page","status-publish"],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/atmarrakech.com\/es\/wp-json\/wp\/v2\/pages\/4268","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/atmarrakech.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/atmarrakech.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/atmarrakech.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/atmarrakech.com\/es\/wp-json\/wp\/v2\/comments?post=4268"}],"version-history":[{"count":0,"href":"https:\/\/atmarrakech.com\/es\/wp-json\/wp\/v2\/pages\/4268\/revisions"}],"wp:attachment":[{"href":"https:\/\/atmarrakech.com\/es\/wp-json\/wp\/v2\/media?parent=4268"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/atmarrakech.com\/es\/wp-json\/wp\/v2\/categories?post=4268"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/atmarrakech.com\/es\/wp-json\/wp\/v2\/tags?post=4268"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}