{#include main}
{#style}
.annotation {
color: gray;
}
code {
  font-family: Consolas,"courier new";
  color: black;
  padding: 2px;
  font-size: 105%;
}
{/style}
{#title}Functions{/title}
{#body}
<table class="table table-striped">
    <thead class="thead-dark">
    <tr>
        <th scope="col" class="col-2">Name</th>
        <th scope="col" class="col-2">Endpoint</th>
        <th scope="col" class="col-4">Cloud event - Binary</th>
        <th scope="col" class="col-4">Cloud event - Structured</th>
    </tr>
    </thead>
    <tbody>
    {#for workflowInfo in info:workflowFunctionFlowInfos}
    <tr>
        <td class="col-2">
            {workflowInfo.name}
        </td>
        <td class="col-2">
            {workflowInfo.endpoint}
        </td>
        <td class="col-4">
        	<div class="table-responsive">
            <pre style="width:400px">{workflowInfo.binaryInstructions}</pre>
            </div>
        </td>
        <td class="col-4">
        	<div class="table-responsive">
        	<pre style="width:400px">{workflowInfo.structuredInstructions}</pre>
            </div>
        </td>
    {/for}
    </tbody>
</table>
{/body}
{/include}