<turbo-stream action="update" target="modal-root"><template>
  
<div data-controller="dialog">
  <dialog class="dialog dialog-size-lg" data-dialog-target="dialog">
    <div class="dialog-header">
      <h2 class="dialog-title">Best results in competition</h2>
      <div class="dialog-header-actions">
        
        <button class="dialog-close" aria-label="Close" data-action="dialog#close">
          <span class="icon icon--xmark" aria-hidden="true"></span>
        </button>
      </div>
    </div>

    <div class="dialog-body">
      
  <div data-controller="person-details-chart">
    <div data-person-details-chart-target="chart" style="height: 200px;"></div>
    <script type="application/json" data-person-details-chart-target="data">
      [["2026-06-07T08:45:11.200Z",312.8752761872847],["2026-08-23T08:24:42.000Z",300.5462532517255],["2026-08-24T05:44:59.200Z",331.77104268446516],["2026-08-24T09:06:49.000Z",298.29288409990613],["2026-08-29T09:30:00.400Z",304.2518764965022],["2026-08-30T06:09:08.600Z",310.4821293865803],["2026-09-06T09:08:18.200Z",294.3452197663655],["2026-09-13T06:23:14.600Z",321.0550915163287],["2026-09-13T10:00:13.800Z",312.971955413441],["2026-09-20T05:29:09.000Z",324.7076921525104]]
    </script>
  </div>

  <table class="table">
    <thead>
      <tr>
        <th>Suit</th>
        <th class="text-right">Result</th>
        <th class="text-right">Aufnahmdatum</th>
      </tr>
    </thead>
    <tbody>
        <tr>
          <td><a class="link-subtle" href="/suits/191"><span><span class="text-warning" data-controller="tooltip">PR<span class="for-screen-reader">Pressurized</span></span>&nbsp;Tube 5</span></a></td>
          <td class="text-right">
            <a class="dotted-underline" href="/tracks/163502">332</a>
          </td>
          <td class="text-right">24.08.2026</td>
        </tr>
        <tr>
          <td><a class="link-subtle" href="/suits/191"><span><span class="text-warning" data-controller="tooltip">PR<span class="for-screen-reader">Pressurized</span></span>&nbsp;Tube 5</span></a></td>
          <td class="text-right">
            <a class="dotted-underline" href="/tracks/165124">325</a>
          </td>
          <td class="text-right">20.09.2026</td>
        </tr>
        <tr>
          <td><a class="link-subtle" href="/suits/191"><span><span class="text-warning" data-controller="tooltip">PR<span class="for-screen-reader">Pressurized</span></span>&nbsp;Tube 5</span></a></td>
          <td class="text-right">
            <a class="dotted-underline" href="/tracks/164766">321</a>
          </td>
          <td class="text-right">13.09.2026</td>
        </tr>
        <tr>
          <td><a class="link-subtle" href="/suits/191"><span><span class="text-warning" data-controller="tooltip">PR<span class="for-screen-reader">Pressurized</span></span>&nbsp;Tube 5</span></a></td>
          <td class="text-right">
            <a class="dotted-underline" href="/tracks/164784">313</a>
          </td>
          <td class="text-right">13.09.2026</td>
        </tr>
        <tr>
          <td><a class="link-subtle" href="/suits/191"><span><span class="text-warning" data-controller="tooltip">PR<span class="for-screen-reader">Pressurized</span></span>&nbsp;Tube 5</span></a></td>
          <td class="text-right">
            <a class="dotted-underline" href="/tracks/157660">313</a>
          </td>
          <td class="text-right">07.06.2026</td>
        </tr>
        <tr>
          <td><a class="link-subtle" href="/suits/191"><span><span class="text-warning" data-controller="tooltip">PR<span class="for-screen-reader">Pressurized</span></span>&nbsp;Tube 5</span></a></td>
          <td class="text-right">
            <a class="dotted-underline" href="/tracks/163804">310</a>
          </td>
          <td class="text-right">30.08.2026</td>
        </tr>
        <tr>
          <td><a class="link-subtle" href="/suits/191"><span><span class="text-warning" data-controller="tooltip">PR<span class="for-screen-reader">Pressurized</span></span>&nbsp;Tube 5</span></a></td>
          <td class="text-right">
            <a class="dotted-underline" href="/tracks/163739">304</a>
          </td>
          <td class="text-right">29.08.2026</td>
        </tr>
        <tr>
          <td><a class="link-subtle" href="/suits/191"><span><span class="text-warning" data-controller="tooltip">PR<span class="for-screen-reader">Pressurized</span></span>&nbsp;Tube 5</span></a></td>
          <td class="text-right">
            <a class="dotted-underline" href="/tracks/163441">301</a>
          </td>
          <td class="text-right">23.08.2026</td>
        </tr>
        <tr>
          <td><a class="link-subtle" href="/suits/191"><span><span class="text-warning" data-controller="tooltip">PR<span class="for-screen-reader">Pressurized</span></span>&nbsp;Tube 5</span></a></td>
          <td class="text-right">
            <a class="dotted-underline" href="/tracks/163526">298</a>
          </td>
          <td class="text-right">24.08.2026</td>
        </tr>
        <tr>
          <td><a class="link-subtle" href="/suits/191"><span><span class="text-warning" data-controller="tooltip">PR<span class="for-screen-reader">Pressurized</span></span>&nbsp;Tube 5</span></a></td>
          <td class="text-right">
            <a class="dotted-underline" href="/tracks/164302">294</a>
          </td>
          <td class="text-right">06.09.2026</td>
        </tr>
    </tbody>
  </table>

    </div>
  </dialog>
</div>

</template></turbo-stream>