import html from 'choo/html';

export default state => html`
<div>
    <h1>Controltower API</h1>
<code><pre>${JSON.stringify(state.api, ' ', 2)}</pre></code>
    <h1>Sage API</h1>
<code><pre>${JSON.stringify(state.sage, ' ', 2)}</pre></code>
    <h1>Intents</h1>
<code><pre>${JSON.stringify(state.intents, ' ', 2)}</pre></code>
    <h1>Customer</h1>
<code><pre>${JSON.stringify(state.customer, ' ', 2)}</pre></code>
    <h1>Bot</h1>
<code><pre>${JSON.stringify(state.bot, ' ', 2)}</pre></code>
    <h1>Users</h1>
<code><pre>${JSON.stringify(state.users, ' ', 2)}</pre></code>
    <h1>Replies</h1>
<code><pre>${JSON.stringify(state.replies, ' ', 2)}</pre></code>
</div>
`;

@@ -155,178 +155,8 @@
 de%3E%0A
-    %3Ch1%3ESage API%3C/h1%3E%0A%3Ccode%3E%3Cpre%3E$%7BJSON.stringify(state.sage, ' ', 2)%7D%3C/pre%3E%3C/code%3E%0A    %3Ch1%3EIntents%3C/h1%3E%0A%3Ccode%3E%3Cpre%3E$%7BJSON.stringify(state.intents, ' ', 2)%7D%3C/pre%3E%3C/code%3E%0A
     
@@ -391,32 +391,202 @@
 )%7D%3C/pre%3E%3C/code%3E%0A
+    %3Ch1%3ESage API%3C/h1%3E%0A%3Ccode%3E%3Cpre%3E$%7BJSON.stringify(state.sage, ' ', 2)%7D%3C/pre%3E%3C/code%3E%0A    %3Ch1%3EIntents%3C/h1%3E%0A%3Ccode%3E%3Cpre%3E$%7BJSON.stringify(state.intents, ' ', 2)%7D%3C/pre%3E%3C/code%3E%0A
     %3Ch1%3EReplies%3C

change order of stuff in debug