@extends('layouts.app')
@section('title', 'Locust 報告 — ' . $locustResult->school_name)

@section('content')
<div class="container-fluid pb-5">

  <div class="d-flex justify-content-between align-items-center mb-3">
    <h4 class="mb-0">
      <i class="bi bi-bug-fill me-2 text-success"></i>
      {{ $locustResult->school_name }}
      <span class="badge bg-success ms-2 align-middle fs-6">已完成</span>
    </h4>
    <div class="d-flex gap-2">
      <a href="{{ route('locust.index') }}" class="btn btn-sm btn-outline-secondary">
        <i class="bi bi-arrow-left me-1"></i>返回清單
      </a>
      @if($locustResult->report_path && file_exists(public_path($locustResult->report_path)))
      <a href="{{ asset($locustResult->report_path) }}" target="_blank" class="btn btn-sm btn-outline-success">
        <i class="bi bi-file-earmark-bar-graph me-1"></i>完整 HTML 報告
      </a>
      @endif
      @can('module-admin', 'K6TestController')
      <a href="{{ route('locust.edit', $locustResult) }}" class="btn btn-sm btn-outline-primary">
        <i class="bi bi-pencil me-1"></i>編輯
      </a>
      @endcan
    </div>
  </div>

  {{-- ── 測試概覽 ── --}}
  @php
    $s = $locustResult->result_summary ?? [];
    $failRate = ($s['total_requests'] ?? 0) > 0
      ? round(($s['total_failures'] ?? 0) / $s['total_requests'] * 100, 1)
      : 0;
    $statusColor = $failRate > 10 ? 'danger' : ($failRate > 0 ? 'warning' : 'success');
  @endphp

  <div class="row g-3 mb-4">
    @php
    $metricCards = [
      ['label'=>'請求總數',     'value'=>number_format($s['total_requests']??0),    'unit'=>'次',   'color'=>'primary',  'icon'=>'bi-send'],
      ['label'=>'失敗數',       'value'=>number_format($s['total_failures']??0),    'unit'=>'次',   'color'=>'danger',   'icon'=>'bi-x-circle'],
      ['label'=>'失敗率',       'value'=>$failRate,                                 'unit'=>'%',    'color'=>$statusColor,'icon'=>'bi-percent'],
      ['label'=>'平均回應時間', 'value'=>round($s['avg_response']??0),              'unit'=>'ms',   'color'=>'info',     'icon'=>'bi-clock'],
      ['label'=>'P95 回應時間', 'value'=>round($s['p95_response']??0),              'unit'=>'ms',   'color'=>'warning',  'icon'=>'bi-clock-history'],
      ['label'=>'每秒請求數',   'value'=>round($s['rps']??0, 1),                   'unit'=>'RPS',  'color'=>'success',  'icon'=>'bi-lightning-charge'],
    ];
    @endphp
    @foreach($metricCards as $mc)
    <div class="col-6 col-md-4 col-xl-2">
      <div class="card h-100 shadow-sm text-center">
        <div class="card-body py-3">
          <i class="bi {{ $mc['icon'] }} text-{{ $mc['color'] }} fs-4 mb-1 d-block"></i>
          <div class="fw-bold fs-5 text-{{ $mc['color'] }}">{{ $mc['value'] }}<small class="text-muted fs-6 fw-normal"> {{ $mc['unit'] }}</small></div>
          <div class="text-muted" style="font-size:.75rem;">{{ $mc['label'] }}</div>
        </div>
      </div>
    </div>
    @endforeach
  </div>

  {{-- ── 回應時間分位數 ── --}}
  <div class="row g-3 mb-4">
    <div class="col-md-6">
      <div class="card shadow-sm h-100">
        <div class="card-header py-2">
          <span class="fw-semibold"><i class="bi bi-bar-chart-line me-2"></i>回應時間分佈</span>
        </div>
        <div class="card-body">
          <div class="table-responsive"><table class="table table-sm table-borderless mb-0">
            <tbody>
              @php
                $percs = [
                  ['最小值',  round($s['min_response']??0)],
                  ['中位數',  round($s['med_response']??0)],
                  ['平均值',  round($s['avg_response']??0)],
                  ['P90',     round($s['p90_response']??0)],
                  ['P95',     round($s['p95_response']??0)],
                  ['P99',     round($s['p99_response']??0)],
                  ['最大值',  round($s['max_response']??0)],
                ];
                $maxVal = max(array_column($percs, 1)) ?: 1;
              @endphp
              @foreach($percs as [$label, $val])
              <tr>
                <td class="text-muted" style="width:70px;font-size:.8rem;">{{ $label }}</td>
                <td>
                  <div class="d-flex align-items-center gap-2">
                    <div class="progress flex-grow-1" style="height:8px;">
                      <div class="progress-bar bg-info" style="width:{{ round($val/$maxVal*100) }}%"></div>
                    </div>
                    <span class="text-end text-nowrap" style="width:60px;font-size:.8rem;">{{ number_format($val) }} ms</span>
                  </div>
                </td>
              </tr>
              @endforeach
            </tbody>
          </table></div>
        </div>
      </div>
    </div>

    <div class="col-md-6">
      <div class="card shadow-sm h-100">
        <div class="card-header py-2">
          <span class="fw-semibold"><i class="bi bi-info-circle me-2"></i>測試設定</span>
        </div>
        <div class="card-body">
          <dl class="row mb-0 small">
            <dt class="col-sm-4 text-muted">測試網址</dt>
            <dd class="col-sm-8 text-break">{{ $locustResult->url }}{{ $locustResult->target_path !== '/' ? $locustResult->target_path : '' }}</dd>
            <dt class="col-sm-4 text-muted">虛擬用戶</dt>
            <dd class="col-sm-8">{{ $locustResult->users }} users（{{ $locustResult->spawn_rate }} users/s 生成）</dd>
            <dt class="col-sm-4 text-muted">執行時長</dt>
            <dd class="col-sm-8">{{ $locustResult->duration }}</dd>
            <dt class="col-sm-4 text-muted">測試時間</dt>
            <dd class="col-sm-8">{{ $locustResult->test_time?->format('Y-m-d H:i:s') ?? '—' }}</dd>
            @if($locustResult->login_path)
            <dt class="col-sm-4 text-muted">登入路徑</dt>
            <dd class="col-sm-8">{{ $locustResult->login_path }}</dd>
            @endif
          </dl>
        </div>
      </div>
    </div>
  </div>

  {{-- ── 請求明細表 ── --}}
  @if(!empty($s['rows']))
  <div class="card shadow-sm mb-4">
    <div class="card-header py-2">
      <span class="fw-semibold"><i class="bi bi-table me-2"></i>各請求端點統計</span>
    </div>
    <div class="card-body p-0">
      <div class="table-responsive">
        <table class="table table-sm table-hover align-middle mb-0">
          <thead class="table-light">
            <tr>
              <th class="ps-3">類型</th>
              <th>端點</th>
              <th class="text-end">請求數</th>
              <th class="text-end">失敗數</th>
              <th class="text-end">平均(ms)</th>
              <th class="text-end">中位數(ms)</th>
              <th class="text-end">P95(ms)</th>
              <th class="text-end">RPS</th>
            </tr>
          </thead>
          <tbody>
            @foreach($s['rows'] as $row)
            <tr class="{{ strtolower($row['Name']??'') === 'aggregated' ? 'table-active fw-semibold' : '' }}">
              <td class="ps-3 text-muted small">{{ $row['Type'] ?? '' }}</td>
              <td>{{ $row['Name'] ?? '' }}</td>
              <td class="text-end">{{ number_format($row['Request Count']??0) }}</td>
              <td class="text-end {{ ($row['Failure Count']??0) > 0 ? 'text-danger' : '' }}">
                {{ number_format($row['Failure Count']??0) }}
              </td>
              <td class="text-end">{{ round($row['Average Response Time']??0) }}</td>
              <td class="text-end">{{ round($row['Median Response Time']??0) }}</td>
              <td class="text-end">{{ round($row['95%']??0) }}</td>
              <td class="text-end">{{ round($row['Requests/s']??0, 2) }}</td>
            </tr>
            @endforeach
          </tbody>
        </table>
      </div>
    </div>
  </div>
  @endif

  {{-- ── 錯誤日誌 ── --}}
  @if($locustResult->error_log)
  <div class="card shadow-sm border-warning mb-4">
    <div class="card-header py-2 bg-warning bg-opacity-10">
      <span class="fw-semibold text-warning"><i class="bi bi-exclamation-triangle me-2"></i>執行日誌</span>
    </div>
    <div class="card-body">
      <pre class="mb-0 small" style="max-height:200px;overflow:auto;">{{ $locustResult->error_log }}</pre>
    </div>
  </div>
  @endif

</div>
@endsection