<li id="vid-{{ $alert->id }}" class="timeline-item">
  <span class="timeline-item-hour">
    <span style="margin-left: -92px">{{ $time }}</span>
  </span>
  <span class="timeline-item-icon | faded-icon"
        style="@if($bgColor) background-color:{{ $bgColor }} !important;@endif @if($txtColor) color:{{ $txtColor }} !important; @endif">
    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
         stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
         class="icon icon-tabler icons-tabler-outline icon-tabler-alert-circle">
      <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
      <path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"/>
      <path d="M12 8v4"/>
      <path d="M12 16h.01"/>
    </svg>
  </span>
  <div class="timeline-item-wrapper">
    <div class="timeline-item-description">
      <span>
        @if(empty($alert->cve_id))
        <a href='#aid-{{ $asset->id }}'>{{ $asset->asset }}</a> - {{ $alert->title }} {{ $level }}
        @else
        <a href='#aid-{{ $asset->id }}'>{{ $asset->asset }}</a> - {{ $alert->cve_id }} / {{ $alert->title }} {{ $level }}
        @endif
      </span>
    </div>
    <div class="comment">
      <p>
        <b>Actif.</b> L'actif concerné est {{ $asset->asset }} pointant vers le serveur {{ $port->ip }}. Le port
        {{ $port->port }} de ce serveur est ouvert et expose un service {{ $port->service }} ({{ $port->product }}).
      </p>
      <p>
        <b>Problème</b>. {!! \Illuminate\Support\Str::replace('https://https://', 'https://', $alert->vulnerability) !!}
      </p>
      <p>
        <b>Solution</b>. {!! \Illuminate\Support\Str::replace('https://https://', 'https://', $alert->remediation) !!}
      </p>
      @if(!empty($alert->cve_id))
      <p>
        <b>Note.</b> Cette vulnérabilité a pour identifiant <a
          href="https://nvd.nist.gov/vuln/detail/{{ $alert->cve_id }}">
          {{ $alert->cve_id}}
        </a>.
      </p>
      @endif
      {!! $tags !!}
      <form class="d-flex align-items-center" style="margin-top: 16px;">
        <label class="my-auto me-2">
          <input type="checkbox" value="uid" onchange="hideByUid('{{ $alert->uid }}')">
          {{ __('cacher celle-ci') }}
        </label>
        <label class="my-auto me-2">
          <input type="checkbox" value="type" onchange="hideByType('{{ $alert->type }}')">
          {{ __('cacher celles de même type') }}
        </label>
        <label class="my-auto me-2">
          <input type="checkbox" value="title" onchange="hideByTitle('{{ $alert->title }}')">
          {{ __('cacher celles de même titre') }}
        </label>
      </form>
    </div>
    <div style="display: flex; gap: 10px;">
      <button class="show-replies" title="{{ __('Stop Monitoring') }}"
              onclick="stopMonitoringAsset('{{ $asset->id }}')">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
             stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
             class="icon icon-tabler icons-tabler-outline icon-tabler-eye-minus">
          <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
          <path d="M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0"/>
          <path
            d="M12 18c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6c-.713 1.188 -1.478 2.199 -2.296 3.034"/>
          <path d="M16 19h6"/>
        </svg>
      </button>
      <button class="show-replies" title="{{ __('Restart Scan') }}"
              onclick="restartScan('{{ $asset->id }}')">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
             stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
             class="icon icon-tabler icons-tabler-outline icon-tabler-rotate">
          <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
          <path d="M19.95 11a8 8 0 1 0 -.5 4m.5 5v-5h-5"/>
        </svg>
      </button>
    </div>
  </div>
</li>