{{define "content"}}
    <!-- Modal -->
    <div class="modal fade" tabindex="-1" id="contentModal" role="dialog" aria-labelledby="contentModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="contentModalLabel">Content</h5>&nbsp;
            <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            <!-- will be set dynamically -->
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-bs-dismiss="modal">Close</button>
          </div>
        </div>
      </div>
    </div>

    <script>
      $(document).ready(function() {
          $(document).on('click', 'a.modal-link-raw', function(event) {
              event.preventDefault();
              var body = $('#contentModal .modal-body');
              var url = $(this).attr('href');
              body.html("");
              body.load(url, function(response, status, xhr) {
                  if (status === "success") {
                      body.html($('<pre></pre>').text(response));
                  }
                  $('#contentModal').modal('show');
              });
          });

          $('#patch-toggle').click(function(e) {
              e.preventDefault();
              var collapsed = $('#patches-box').toggleClass('collapsed').hasClass('collapsed');
              $(this).text(collapsed ? 'Expand' : 'Collapse');
          });

          $('#patch-search').on('input', function() {
              var v = $(this).val().toLowerCase();
              $('#patches-box tbody tr').each(function() {
                  var subject = $(this).find('.patch-subject').text().toLowerCase();
                  $(this).toggle(subject.indexOf(v) !== -1);
              });
          });
      });
    </script>

    <div class="container-fluid px-3 mt-3">
        <table class="table table-bordered table-sm">
            <tbody>
                <tr>
                    <th>Subject</th>
                    <td class="patch-subject"><a href="{{.Link}}">{{.Title}}</a></td>
                </tr>
                <tr>
                    <th>Author</th>
                    <td>{{.AuthorEmail}}</td>
                </tr>
                <tr>
                    <th>Date</th>
                    <td>{{.PublishedAt}}</td>
                </tr>
                <tr>
                    <th>Version</th>
                    <td>
                        <select class="form-select" onchange="window.location.href=this.value;">
                            {{$currentSeriesVersion := .Version}}
                            {{range .Versions}}
                                <option value="/series/{{.ID}}" {{if eq .Version $currentSeriesVersion}}selected{{end}}>
                                    Version {{.Version}}
                                </option>
                            {{end}}
                        </select>
                    </td>
                </tr>
                <tr>
                    <th>Cc</th>
                    <td>
                        {{range .Cc}}
                            <a href="/?cc={{.}}">{{.}}</a>
                        {{end}}
                    </td>
                </tr>
            </tbody>
        </table>

        <div class="d-flex justify-content-between align-items-center mt-3 mb-2 flex-wrap gap-2">
            <div class="d-flex align-items-center gap-2">
                <h5 class="mb-0">Patches ({{.TotalPatches}})</h5>
                <input type="text" id="patch-search" class="form-control form-control-sm" placeholder="Search patches..." style="width: 200px;">
            </div>
            {{if gt .TotalPatches 5}}
                <a href="#" id="patch-toggle" class="btn btn-sm btn-outline-secondary py-0">Expand</a>
            {{end}}
        </div>
        <div id="patches-box"{{if gt .TotalPatches 5}} class="collapsed"{{end}}>
            <table class="table table-striped table-sm mb-0">
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Content <a href="/series/{{.ID}}/all_patches">[All]</a></th>
                    </tr>
                </thead>
                <tbody>
                    {{range .Patches}}
                    <tr>
                        <td class="patch-subject"><a href="{{.Link}}">{{.Title}}</a></td>
                        <td><a href="/patches/{{.ID}}" class="modal-link-raw">[Body]</a></td>
                    </tr>
                    {{end}}
               </tbody>
            </table>
        </div>

        <!-- Series Summary Block -->
        {{$mainSession := .MainSession}}
        {{$mainFindings := .MainFindings}}
        {{if or $mainSession $mainFindings}}
        <div class="card my-3">
            <div class="card-header bg-light d-flex justify-content-between align-items-center py-2">
                <h6 class="mb-0 fw-bold">Series Summary</h6>
                {{if $mainFindings}}
                    <span class="badge bg-danger fs-6">{{len $mainFindings}} Findings</span>
                {{else if $mainSession}}
                    <span class="badge {{$mainSession.StatusBadgeClass}} fs-6">{{$mainSession.StatusText}}</span>
                {{end}}
            </div>
            <div class="card-body py-2">
                {{if $mainFindings}}
                    <div class="alert alert-danger mb-0 p-2">
                        {{template "findings_list" $mainFindings}}
                    </div>
                {{else if $mainSession}}
                    {{if eq $mainSession.StatusText "Passed"}}
                        <div class="alert alert-success mb-0 py-2">
                            ✓ All tests passed. No findings.
                        </div>
                    {{else if eq $mainSession.StatusText "Steps Failed"}}
                        <div class="alert alert-warning mb-0 py-2">
                            Some test steps failed.
                        </div>
                    {{else if eq $mainSession.Status "skipped"}}
                        <div class="alert alert-secondary mb-0 py-2">
                            Session skipped: {{if not $mainSession.SkipReason.IsNull}}{{$mainSession.SkipReason.StringVal}}{{else}}N/A{{end}}
                        </div>
                    {{else}}
                        <div class="alert alert-info mb-0 py-2">
                            Status: {{$mainSession.StatusText}}
                        </div>
                    {{end}}
                {{end}}
            </div>
        </div>
        {{end}}

        <h5 class="mt-4 mb-2">Sessions</h5>
        {{range .Sessions}}
        <div class="card mb-2">
            <div class="card-header d-flex justify-content-between align-items-center py-1">
                <div>
                    <h6 class="mb-0 d-inline-block me-2">
                        Session {{.CreatedAt.Format "2006-01-02"}}
                    </h6>
                    <span class="badge {{.StatusBadgeClass}} me-1">{{.StatusText}}</span>
                    {{if .Job}}
                        <span class="badge bg-info text-dark">Job</span>
                    {{end}}
                    {{if .Job}}
                        <small class="text-muted ms-2">Job requested at: <a href="{{.JobLink}}" target="_blank">{{.JobLink}}</a></small>
                    {{end}}
                </div>
                <button class="btn btn-sm btn-outline-secondary btn-collapse" data-bs-toggle="collapse" data-bs-target="#session-{{.ID}}" aria-expanded="{{if .Uncollapsed}}true{{else}}false{{end}}" aria-controls="session-{{.ID}}">
                </button>
            </div>
            <div id="session-{{.ID}}" class="collapse {{if .Uncollapsed}}show{{end}}">
                <div class="card-body">
                    <table class="table table-bordered table-sm">
                        <tbody>
                <tr>
                    <th><i>ID (for dev)</i></th>
                    <td>{{.ID}}</td>
                </tr>
                <tr>
                    <th>Status</th>
                    <td>{{.Status}}</td>
                </tr>
                {{if or (not .SkipReason.IsNull) .TriageLogURI .TriageTrajectoryURI.Valid}}
                <tr>
                    <th>Triaged</th>
                    <td>
                        {{if not .SkipReason.IsNull}}Skipped: {{.SkipReason.StringVal}}{{else}}OK{{end}}
                        {{if .TriageLogURI}}
                            <a href="/sessions/{{.ID}}/triage_log">[Log]</a>
                        {{end}}
                        {{if .TriageTrajectoryURI.Valid}}
                            <a href="/sessions/{{.ID}}/triage_trajectory" target="_blank">[Trajectory]</a>
                        {{end}}
                    </td>
                </tr>
                {{end}}
                {{if .LogURI}}
                <tr>
                    <th><i>Execution Log</i></th>
                    <td><a href="/sessions/{{.ID}}/log">[Link]</a></td>
                </tr>
                {{end}}
            </tbody>
        </table>
        <table class="table table-striped table-sm">
            <thead>
                <tr>
                    <th>Test</th>
                    <th>Base</th>
                    <th>Patched</th>
                    <th>Verdict</th>
                </tr>
            </thead>
            <tbody>
            {{range .Tests}}
                <tr>
                    <td>{{.TestName}}</td>
                    <td>{{if .BaseBuild}}{{template "build_info" .BaseBuild}}{{end}}</td>
                    <td>{{if .PatchedBuild}}{{template "build_info" .PatchedBuild}}[patched]{{end}}</td>
                    <th>
                        {{if eq .Result "passed"}}
                            <span class="badge bg-success">passed</span>
                        {{else if eq .Result "failed"}}
                            <span class="badge bg-danger">failed</span>
                        {{else if eq .Result "error"}}
                            <span class="badge bg-warning text-dark">error</span>
                        {{else if eq .Result "running"}}
                            <span class="badge bg-primary">running</span>
                        {{else if eq .Result "skipped"}}
                            <span class="badge bg-secondary">skipped</span>
                        {{else}}
                            <span class="badge bg-secondary">{{.Result}}</span>
                        {{end}}
                        {{if .LogURI}}
                            <a href="/sessions/{{.SessionID}}/test_logs?name={{.TestName}}" class="modal-link-raw ms-1">[Log]</a>
                        {{end}}
                        {{if .ArtifactsArchiveURI}}
                            <a href="/sessions/{{.SessionID}}/test_artifacts?name={{.TestName}}" class="ms-1">[Artifacts]</a>
                        {{end}}
                    </th>
                </tr>
                {{range .Steps}}
                <tr>
                    <td class="ps-4"><small class="text-muted">&#8627;</small> <span class="text-muted">{{.Title}}</span></td>
                    <td>
                        {{if .Base}}
                        <span class="badge {{if eq .Base.Result "passed"}}bg-success{{else if eq .Base.Result "failed"}}bg-danger{{else}}bg-warning text-dark{{end}}">
                            {{.Base.Result}}
                        </span>
                        {{if .Base.LogURI.StringVal}}
                        <a href="/test_steps/{{.Base.ID}}/log" class="modal-link-raw ms-1">[Log]</a>
                        {{end}}
                        {{else}}
                        <span class="text-muted">-</span>
                        {{end}}
                    </td>
                    <td>
                        {{if .Patched}}
                        <span class="badge {{if eq .Patched.Result "passed"}}bg-success{{else if eq .Patched.Result "failed"}}bg-danger{{else}}bg-warning text-dark{{end}}">
                            {{.Patched.Result}}
                        </span>
                        {{if .Patched.LogURI.StringVal}}
                        <a href="/test_steps/{{.Patched.ID}}/log" class="modal-link-raw ms-1">[Log]</a>
                        {{end}}
                        {{else}}
                        <span class="text-muted">-</span>
                        {{end}}
                    </td>
                    <td></td>
                </tr>
                {{end}}
                {{if .Findings}}
                <tr>
                  <td colspan="4" class="px-3 py-1">
                    {{template "findings_list" .Findings}}
                  </td>
                </tr>
                {{end}}
            {{end}}
            </tbody>
                    </table>
                </div>
            </div>
        </div>
        {{end}}
    </div>
{{end}}