
<!--
Parameters:

title, context, htmlTable, id, latexTable

-->
    <section id="{{id}}_hook">
    <div class="text-center">
      <h2>{{title}}</h2>
      From experiment: <a href="#{{context}}">{{context}}</a>
    </div>

    </br>
    </br>

    <div>
      <div class="table-responsive">
        {{htmlTable}}
      </div>
    </div>

    </br>

    <button class="btn btn-primary" type="button" data-toggle="collapse"
     data-target="#{{id}}_hidden" aria-expanded="false" aria-controls="collapseExample">
      Show/Hide LaTeX Code
    </button>
    </br>
    </br>
    <div class="collapse" id="{{id}}_hidden">
      <pre id="{{id}}_code">{{latexTable}}</pre>
    </br>
      <button class="btn btn-success btn-sm" onclick="selectText('{{id}}_code')">
        Select Code
      </button>
    </div>

    <br>
    <br>
    </section>
    <hr>
