{#
Copyright (C) 2025 CERN.

Flask-MultiProfiler is free software; you can redistribute it and/or modify
it under the terms of the MIT License; see LICENSE file for more details.
#}

{%- extends config.MULTIPROFILER_BASE_TEMPLATE %}

{% from 'profiler/report_macros.html' import render_report %}

{% block title %}Profiler{% endblock title %}

{% block page_body %}
<div id="profiler-container" class="ui container">
  <div class="ui grid">
    <div class="two column row">
      <div id="profiler-controls" class="five wide column">
        <h2>Profiler</h2>
        {% if active_session %}
        <dl>
          <dt class="ui header">Session ID</dt>
          <dd>{{ active_session.id }}</dd>
          <dt class="ui header">Expires at</dt>
          <dd>{{ active_session.expires_at }}</dd>
        </dl>
        <form class="ui form" action="stop" method="post">
          <button class="ui negative button" type="submit">
            <i class="pause icon"></i>
            Stop
          </button>
        </form>

        {% else %}
        <form class="ui form" action="start" method="post">
          <div class="field">
            <label for="id">Session ID</label>
            <input type="text" value="{{ active_session.id }}" name="id" placeholder="test-upload" required>
          </div>
          <div class="field">
            <div class="ui checkbox">
              <input type="checkbox" name="code" {{ 'checked' if active_session.code }}>
              <label for="code">Code profiler</label>
            </div>
          </div>
          <div class="field">
            <div class="ui checkbox">
              <input type="checkbox" name="sql" {{ 'checked' if active_session.sql }}>
              <label for="sql">SQL profiler</label>
            </div>
          </div>
          <div class="field">
            <div class="ui checkbox">
              <input type="checkbox" name="search" {{ 'checked' if active_session.search }}>
              <label for="search">Search profiler</label>
            </div>
          </div>
          <button id="start-button" class="ui positive button" type="submit">
            <i class="play icon"></i>
            Start
          </button>
        </form>
        {% endif %}
      </div>

      {# Sessions list #}
      <div id="profiler-sessions-list" class="nine wide column">
        <h2>Sessions</h2>
        {% if profiler_sessions %}
        <form class="ui form" action="delete" method="post">
          <button id="clear-button" class="ui negative basic button" type="submit">
            <i class="trash icon"></i>
            Clear sessions
          </button>
        </form>
        {% endif %}
        <div class="ui sessions accordion">
          {% for session_id, grouped_requests in profiler_sessions.items() %}
          <div class="title {{ 'active' if active_session.id == session_id }}">
            <i class="dropdown icon"></i>{{ session_id }}
          </div>
          <div class="content {{ 'active' if active_session.id == session_id }}">
            <div class="ui relaxed celled list">
              {% for group in grouped_requests %}
                {{ render_report(session_id, group.parent, group.children) }}
              {% endfor %}
            </div>
          </div>
          {% else %}
            <p>No recorded profiling sessions in storage yet.</p>
          {% endfor %}
        </div>
      </div>
    </div>
  </div>
</div>

{% endblock page_body %}

{% block javascript %}
{{ super() }}
<script type="text/javascript">
  $('.ui.accordion').accordion();
  $('.ui.checkbox').checkbox();
</script>
{% endblock javascript %}