#set($chathome = $context.findPathValue("chathome"))
<div class="container my-3">
  <h4 class="mb-3">Frame Info</h4>
  <table class="table table-sm table-borderless">
    <tr>
      <th scope="row">Next Run</th>
      <td>$context.getDateTime($frame.nextrun)</td>
    </tr>
    <tr>
      <th scope="row">Last Run</th>
      <td>$context.getDateTime($frame.lastrun)</td>
    </tr>
    <tr>
      <th scope="row">Interval</th>
      <td>$frame.interval</td>
    </tr>
    <tr>
      <th scope="row">State</th>
      <td>$frame.state</td>
    </tr>
  </table>
 

  <h5 class="mt-4">STATE</h5>
  <pre class="bg-light p-3 border rounded">$frame._state</pre>
<h5 class="mt-4">Edges</h5>
  <pre class="bg-light p-3 border rounded">$frame.getEdges()</pre>
  <h5 class="mt-4">Properties</h5>
  <table class="table table-striped table-bordered table-sm">
    <thead class="table-light">
      <tr>
        <th>Key</th>
        <th>Value</th>
      </tr>
    </thead>
    <tbody>
      #foreach($k in $frame.properties.keySet())
        <tr>
          <td>$k</td>
          <td>$frame.properties.get($k)</td>
        </tr>
      #end
    </tbody>
  </table>
</div>
#set($listeners = $testbench.query("framelistener").exact("framepath", $frame.getFramePath()).search())
#foreach($hit in $listeners)

	$hit.eventstring  <br/>


#end

<div class="container">
<form method="post"
      action="${chathome}/saveframe.html"
      data-ajax-post="true"
      data-target="#integration-target"
      onsubmit="collectIntegrationValues(this)"
      class="mx-auto"
     >
  #set($details = $testbench.getFrameManager().createDetailsForFrame($frame))
  $context.putPageValue("searcher", $mediaarchive.getSearcher("framenode"))
  $context.putPageValue("details", $details)
  $context.putPageValue("data", $frame)

  $pages.include("$apphome/components/xml/detaileditor.html", $context)

 
  <input type="hidden" name="frameid" value="$frame.id"/>
  <input type="hidden" name="framepath" value="$frame.getFramePath()"/>

  <button type="submit" class="btn btn-primary mt-3">Save</button>
</form>

<div id="integration-target"></div>

<script>
function collectIntegrationValues(form) {
  const ids = [];
  $(form).find(".integration-checkbox:checked").each(function() {
    ids.push($(this).val());
  });
  $(form).find("input[name='integrations.value']").val(ids.join("|"));
}
</script>
</div>