<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">Лучшие результаты в соревновании</h2>
      <button class="dialog-close" aria-label="Close" data-action="dialog#close">
        <span class="icon icon--xmark" aria-hidden="true"></span>
      </button>
    </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">
      [["2022-04-18T09:37:47.800Z",352.02087763119704],["2022-10-31T10:28:19.000Z",365.54773972020325],["2022-11-19T14:23:56.000Z",358.7380996463724],["2024-03-12T11:54:41.000Z",337.56384951771963],["2024-05-03T07:57:10.400Z",331.4793116384668],["2024-05-20T11:14:02.200Z",389.6815473330882],["2024-05-29T10:48:57.000Z",410.37378032194954]]
    </script>
  </div>

  <table class="table">
    <thead>
      <tr>
        <th>Костюм</th>
        <th class="text-right">Result</th>
        <th class="text-right">Дата записи</th>
      </tr>
    </thead>
    <tbody>
        <tr>
          <td><span><span class="text-warning" data-controller="tooltip"><span class="for-screen-reader">Other</span></span>&nbsp;Custom 2 piece tracksuit</span></td>
          <td class="text-right">
            <a class="dotted-underline" href="/tracks/119776">410</a>
          </td>
          <td class="text-right">29.05.2024</td>
        </tr>
        <tr>
          <td><span><span class="text-warning" data-controller="tooltip"><span class="for-screen-reader">Other</span></span>&nbsp;Custom 2 piece tracksuit</span></td>
          <td class="text-right">
            <a class="dotted-underline" href="/tracks/119098">390</a>
          </td>
          <td class="text-right">20.05.2024</td>
        </tr>
        <tr>
          <td><span><span class="text-warning" data-controller="tooltip"><span class="for-screen-reader">Other</span></span>&nbsp;Custom 2 piece tracksuit</span></td>
          <td class="text-right">
            <a class="dotted-underline" href="/tracks/92822">366</a>
          </td>
          <td class="text-right">31.10.2022</td>
        </tr>
        <tr>
          <td><span><span class="text-warning" data-controller="tooltip"><span class="for-screen-reader">Other</span></span>&nbsp;Custom 2 piece tracksuit</span></td>
          <td class="text-right">
            <a class="dotted-underline" href="/tracks/93558">359</a>
          </td>
          <td class="text-right">19.11.2022</td>
        </tr>
        <tr>
          <td><span><span class="text-warning" data-controller="tooltip"><span class="for-screen-reader">Other</span></span>&nbsp;Custom 2 piece tracksuit</span></td>
          <td class="text-right">
            <a class="dotted-underline" href="/tracks/76380">352</a>
          </td>
          <td class="text-right">18.04.2022</td>
        </tr>
        <tr>
          <td><span><span class="text-warning" data-controller="tooltip">IA<span class="for-screen-reader">Intrud Air</span></span>&nbsp;Tracking suit</span></td>
          <td class="text-right">
            <a class="dotted-underline" href="/tracks/116318">338</a>
          </td>
          <td class="text-right">12.03.2024</td>
        </tr>
        <tr>
          <td><span><span class="text-warning" data-controller="tooltip"><span class="for-screen-reader">Other</span></span>&nbsp;Custom 2 piece tracksuit</span></td>
          <td class="text-right">
            <a class="dotted-underline" href="/tracks/118134">331</a>
          </td>
          <td class="text-right">03.05.2024</td>
        </tr>
    </tbody>
  </table>

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

</template></turbo-stream>