{"id":4,"date":"2026-09-22T16:53:10","date_gmt":"2026-09-22T16:53:10","guid":{"rendered":"https:\/\/demo.gatilab.com\/core-approvals\/?page_id=4"},"modified":"2026-09-22T16:53:10","modified_gmt":"2026-09-22T16:53:10","slug":"sample-approval","status":"publish","type":"page","link":"https:\/\/demo.gatilab.com\/core-approvals\/sample-approval\/","title":{"rendered":"A completed approval"},"content":{"rendered":"<p class=\"wp-block-paragraph\">This read-only example comes from the installed plugin using synthetic request and reviewer accounts.<\/p><h2 class=\"wp-block-heading\">Office monitor purchase<\/h2><p class=\"wp-block-paragraph\">27-inch monitor \u00b7 $250.00 USD \u00b7 Revision 1<\/p><p class=\"wp-block-paragraph\">Purchase review: Approved. Final approval: Approved. Request status: Approved.<\/p><h2 class=\"wp-block-heading\">When details change<\/h2><p class=\"wp-block-paragraph\">A reviewer can request changes before final approval. The requester submits a new revision, the previous snapshot stays in history, and the review restarts.<\/p><h2 class=\"wp-block-heading\">Try the illustration<\/h2><div class=\"fl-ca\" id=\"ca-product\"><div class=\"fl-ca__preview\" id=\"ca-preview\"><div class=\"fl-ca__preview-head\"><h2>Try a Simple Review<\/h2><p>Illustrated preview with sample data. No request or email is created.<\/p><\/div><div class=\"fl-ca__preview-body\"><div><h3>Office Monitor Purchase<\/h3><dl><div><dt>Amount<\/dt><dd>$250.00 USD<\/dd><\/div><div><dt>Revision<\/dt><dd data-ca-revision>1<\/dd><\/div><div><dt>Request status<\/dt><dd data-ca-status>In review<\/dd><\/div><\/dl><p data-ca-message aria-live=\"polite\">The purchase reviewer receives the submitted details first.<\/p><\/div><div><ol class=\"fl-ca__steps\"><li data-ca-step=\"first\"><strong>Purchase review<\/strong><span data-ca-first>Awaiting decision<\/span><\/li><li data-ca-step=\"second\"><strong>Final approval<\/strong><span data-ca-second>Waiting for the first review<\/span><\/li><\/ol><div class=\"fl-ca__actions\"><button type=\"button\" class=\"fl-ca__button fl-ca__primary\" data-ca-approve>Approve First Stage<\/button><button type=\"button\" class=\"fl-ca__button fl-ca__outline\" data-ca-changes>Request Changes<\/button><\/div><button type=\"button\" class=\"fl-ca__reset\" data-ca-reset>Reset preview<\/button><\/div><\/div><\/div><\/div><style>.fl-ca{--ca-bg:var(--color-background,#fffffc);--ca-surface:var(--color-surface,#fff);--ca-ink:var(--color-text,#142523);--ca-copy:var(--color-text-secondary,#3e5550);--ca-muted:var(--color-text-muted,#596d67);--ca-accent:#176b5b;--ca-soft:#eff6f2;--ca-line:color-mix(in srgb,var(--ca-ink) 16%,transparent);isolation:isolate;background:var(--ca-bg);color:var(--ca-copy);font-size:17px;line-height:1.65;overflow-wrap:anywhere}.fl-ca,.fl-ca *,.fl-ca *::before,.fl-ca *::after{box-sizing:border-box}:where(.fl-ca) :where(h1,h2,h3,p,ul,ol,figure,dl,dd){margin:0}.fl-ca :is(h1,h2,h3){color:var(--ca-ink);font-weight:600;line-height:1.15;text-wrap:balance}.fl-ca h1{font-size:68px;max-width:18ch;margin-inline:auto}.fl-ca h2{font-size:45px}.fl-ca h3{font-size:24px}.fl-ca p{margin-top:20px}.fl-ca a{color:var(--ca-accent)}.fl-ca button{font:inherit;cursor:pointer}.fl-ca img{max-width:100%;height:auto;display:block}.fl-ca :is(a,button,summary):focus-visible{outline:3px solid var(--ca-accent);outline-offset:4px}.fl-ca [id]{scroll-margin-top:100px}.fl-ca .fl-ca__inner{max-width:1200px;margin-inline:auto;padding-inline:32px}.fl-ca .fl-ca__section{padding-block:88px}.fl-ca .fl-ca__hero{padding-block:64px 72px;background:linear-gradient(180deg,var(--ca-soft),var(--ca-bg));text-align:center}.fl-ca .fl-ca__icon{margin:0 auto 28px}.fl-ca .fl-ca__hero h1 span{color:var(--ca-accent)}.fl-ca .fl-ca__lead{font-size:21px;max-width:52ch;margin:28px auto 0}.fl-ca .fl-ca__lead-small{max-width:60ch;margin:20px auto 0}.fl-ca .fl-ca__offer{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:28px;text-align:left}.fl-ca .fl-ca__offer strong{font-size:45px;font-weight:600;color:var(--ca-ink);line-height:1}.fl-ca .fl-ca__offer div{font-size:21px;color:var(--ca-ink)}.fl-ca .fl-ca__offer span{font-size:17px;color:var(--ca-muted)}.fl-ca .fl-ca__actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:28px}.fl-ca .fl-ca__hero .fl-ca__actions,.fl-ca .fl-ca__close .fl-ca__actions{justify-content:center}.fl-ca .fl-ca__button{min-height:48px;padding:12px 20px;border:1px solid transparent;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:17px;font-weight:600;text-decoration:none;line-height:1.4;text-align:center}.fl-ca .fl-ca__primary{background:#176b5b;color:#fff}.fl-ca .fl-ca__outline{background:transparent;border-color:var(--ca-line);color:var(--ca-ink)}.fl-ca .fl-ca__button:hover{filter:brightness(.94);text-decoration:none}.fl-ca .fl-ca__button:disabled{opacity:.55;cursor:default}.fl-ca .fl-ca__note{font-size:14px;color:var(--ca-muted);margin-top:16px}.fl-ca .fl-ca__preview{margin-top:60px;background:var(--ca-surface);border:1px solid var(--ca-line);border-radius:14px;text-align:left;overflow:hidden}.fl-ca .fl-ca__preview-head{padding:28px 32px;border-bottom:1px solid var(--ca-line)}.fl-ca .fl-ca__preview-head h2{font-size:32px}.fl-ca .fl-ca__preview-head p{font-size:14px;margin-top:12px}.fl-ca .fl-ca__preview-body{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:36px 32px}.fl-ca .fl-ca__preview-body dl{margin-top:24px}.fl-ca .fl-ca__preview-body dl div{display:flex;justify-content:space-between;gap:20px;padding-block:9px;border-bottom:1px solid var(--ca-line)}.fl-ca .fl-ca__preview-body dd{font-weight:600;color:var(--ca-ink)}.fl-ca .fl-ca__preview-body [aria-live]{font-size:14px;min-height:4.8em}.fl-ca .fl-ca__steps{padding-left:24px}.fl-ca .fl-ca__steps li{padding:12px 0 20px 10px}.fl-ca .fl-ca__steps strong,.fl-ca .fl-ca__steps span{display:block}.fl-ca .fl-ca__steps strong{font-weight:600;color:var(--ca-ink)}.fl-ca .fl-ca__steps span{font-size:14px;color:var(--ca-muted);margin-top:5px}.fl-ca .fl-ca__reset{background:none;border:0;padding:12px 0;color:var(--ca-accent);text-decoration:underline}.fl-ca .fl-ca__coupon{background:var(--ca-soft);padding-block:64px}.fl-ca .fl-ca__split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.fl-ca .fl-ca__plain,.fl-ca ul{padding-left:22px;margin-block:24px}.fl-ca li{padding-left:5px;margin-block:12px}.fl-ca li::marker{color:var(--ca-accent)}.fl-ca .fl-ca__text-link{display:inline-block;margin-top:20px;font-weight:600}.fl-ca .fl-ca__screenshot img{border:1px solid var(--ca-line);border-radius:12px}.fl-ca figcaption{font-size:14px;color:var(--ca-muted);margin-top:14px}.fl-ca .fl-ca__soft{background:var(--ca-soft)}.fl-ca .fl-ca__section-lead{max-width:65ch;font-size:21px}.fl-ca .fl-ca__features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:48px}.fl-ca .fl-ca__features article{border-top:1px solid var(--ca-line);padding-top:24px}.fl-ca .fl-ca__features p{font-size:17px}.fl-ca .fl-ca__pricing{background:var(--ca-soft)}.fl-ca .fl-ca__license{--ca-ink:#f5fbf8;--ca-copy:#d7e6df;--ca-muted:#b2c9bd;--ca-line:rgb(255 255 255 \/ .18);--ca-accent:#91dbc1;background:#142523;color:var(--ca-copy);padding:36px;border-radius:14px}.fl-ca .fl-ca__price{font-size:68px;color:var(--ca-ink);line-height:1.1}.fl-ca .fl-ca__license .fl-ca__primary{background:#bcf0db;color:#142523;width:100%}.fl-ca .fl-ca__license li{font-size:17px}.fl-ca .fl-ca__faq details{border-bottom:1px solid var(--ca-line);padding-block:20px}.fl-ca .fl-ca__faq details:first-child{padding-top:0}.fl-ca .fl-ca__faq summary{font-weight:600;font-size:21px;color:var(--ca-ink);cursor:pointer;min-height:44px}.fl-ca .fl-ca__faq p{margin-bottom:12px}.fl-ca .fl-ca__close{text-align:center}.fl-ca .fl-ca__close p{font-size:21px}.fl-ca .fl-ca__close h2{max-width:24ch;margin-inline:auto}html[data-theme=dark] .fl-ca{--ca-bg:#101c19;--ca-surface:#182b24;--ca-ink:#f1faf5;--ca-copy:#d2e3d9;--ca-muted:#abc4b6;--ca-accent:#93d9bd;--ca-soft:#172820}@media(prefers-color-scheme:dark){html:not([data-theme]) .fl-ca{--ca-bg:#101c19;--ca-surface:#182b24;--ca-ink:#f1faf5;--ca-copy:#d2e3d9;--ca-muted:#abc4b6;--ca-accent:#93d9bd;--ca-soft:#172820}}@media(max-width:900px){.fl-ca .fl-ca__split{gap:36px}.fl-ca .fl-ca__features{grid-template-columns:repeat(2,minmax(0,1fr))}.fl-ca h1{font-size:45px}.fl-ca h2{font-size:32px}}@media(max-width:640px){.fl-ca .fl-ca__inner{padding-inline:20px}.fl-ca .fl-ca__section{padding-block:56px}.fl-ca .fl-ca__hero{padding-block:40px 48px}.fl-ca .fl-ca__split,.fl-ca .fl-ca__preview-body,.fl-ca .fl-ca__features{grid-template-columns:1fr}.fl-ca .fl-ca__preview-head,.fl-ca .fl-ca__preview-body{padding:24px 20px}.fl-ca .fl-ca__preview-body{gap:24px}.fl-ca .fl-ca__actions{flex-direction:column;align-items:stretch}.fl-ca .fl-ca__button{width:100%}.fl-ca .fl-ca__license{padding:28px 24px}.fl-ca .fl-ca__lead{font-size:21px}.fl-ca .fl-ca__preview-body [aria-live]{min-height:0}}@media(prefers-reduced-motion:reduce){.fl-ca *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}\n<\/style><script>(()=>{const root=document.querySelector('#ca-product');if(!root||root.dataset.ready)return;root.dataset.ready='1';const approve=root.querySelector('[data-ca-approve]'),changes=root.querySelector('[data-ca-changes]'),status=root.querySelector('[data-ca-status]'),message=root.querySelector('[data-ca-message]'),first=root.querySelector('[data-ca-first]'),second=root.querySelector('[data-ca-second]'),revision=root.querySelector('[data-ca-revision]');let stage=0,rev=1;const reset=()=>{stage=0;rev=1;revision.textContent='1';status.textContent='In review';first.textContent='Awaiting decision';second.textContent='Waiting for the first review';approve.textContent='Approve First Stage';approve.disabled=false;changes.disabled=false;message.textContent='The purchase reviewer receives the submitted details first.';};approve.addEventListener('click',()=>{if(stage===-1){rev++;revision.textContent=String(rev);stage=0;status.textContent='In review';first.textContent='Awaiting decision';second.textContent='Waiting for the first review';approve.textContent='Approve First Stage';changes.disabled=false;message.textContent='A new revision starts at the first stage. Previous approvals do not carry forward.';}else if(stage===0){stage=1;first.textContent='Approved';second.textContent='Awaiting decision';approve.textContent='Approve Final Stage';message.textContent='The final reviewer now receives this same submitted revision.';}else{stage=2;second.textContent='Approved';status.textContent='Approved';approve.disabled=true;changes.disabled=true;message.textContent='Both stages are complete. The submitted revision and decisions stay in the history.';}});changes.addEventListener('click',()=>{stage=-1;status.textContent='Changes requested';approve.textContent='Resubmit a Revised Request';changes.disabled=true;message.textContent='The requester can revise the details. Resubmission restarts the approval workflow.';});root.querySelector('[data-ca-reset]').addEventListener('click',reset);})();<\/script>","protected":false},"excerpt":{"rendered":"<p>This read-only example comes from the installed plugin using synthetic request and reviewer accounts. Office monitor purchase 27-inch monitor \u00b7 $250.00 USD \u00b7 Revision 1 Purchase review: Approved. Final approval: Approved. Request status: Approved. When details change A reviewer can request changes before final approval. The requester submits a new revision, the previous snapshot stays [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.gatilab.com\/core-approvals\/wp-json\/wp\/v2\/pages\/4","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.gatilab.com\/core-approvals\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.gatilab.com\/core-approvals\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.gatilab.com\/core-approvals\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.gatilab.com\/core-approvals\/wp-json\/wp\/v2\/comments?post=4"}],"version-history":[{"count":1,"href":"https:\/\/demo.gatilab.com\/core-approvals\/wp-json\/wp\/v2\/pages\/4\/revisions"}],"predecessor-version":[{"id":14,"href":"https:\/\/demo.gatilab.com\/core-approvals\/wp-json\/wp\/v2\/pages\/4\/revisions\/14"}],"wp:attachment":[{"href":"https:\/\/demo.gatilab.com\/core-approvals\/wp-json\/wp\/v2\/media?parent=4"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}