@extends('layouts.app')
@section('title', $project . ' Targets · QA Dashboard')

@section('content')
<section class="summary">
  <div style="display:flex;align-items:center;gap:1rem;flex-wrap:wrap">
    <h2 style="margin:0">{{ $project }} · Quarter Targets @if ($quarter)<small>· {{ $quarter }}</small>@endif</h2>
    @if (count($quarters) > 1)
    <form method="get" style="margin:0">
      <select name="quarter" onchange="this.form.submit()">
        @foreach ($quarters as $q)<option value="{{ $q }}" @selected($q === $quarter)>{{ $q }}</option>@endforeach
      </select>
    </form>
    @endif
  </div>

  @if (session('status'))<div class="alert ok" style="margin-top:1rem">{{ session('status') }}</div>@endif

  @if (! $quarter)
    <p class="empty">No targets imported yet for {{ $project }}. Upload the BA sheet in
      <a href="/import-dashboard">Settings → Import Dashboard</a>.</p>
  @else
  <div class="overall" style="margin-top:1rem">
    <div class="big-number">
      <strong>{{ $percent }}%</strong>
      <span>of quarter targets done ({{ $done }}/{{ $total }})</span>
    </div>
    <div class="chips">
      <span class="chip done">{{ $done }} done</span>
      <span class="chip in_progress">{{ $matched - $done }} in&nbsp;progress</span>
      <span class="chip not_started">{{ count($pending) }} unmatched</span>
    </div>
  </div>
  @endif
</section>

@if ($quarter && count($pending))
<section>
  <h2>Needs matching <small>· {{ count($pending) }} keyless rows</small></h2>
  <p class="muted">These sheet rows have no Jira key. Pick the matching Jira story (or “None of these”).</p>
  @foreach ($pending as $s)
  <form method="post" action="/quarter-targets/{{ $project }}/match" class="link-row" style="flex-direction:column;align-items:stretch;gap:.5rem">
    @csrf
    <input type="hidden" name="row" value="{{ $s->id }}">
    <strong>{{ $s->sheet_title }}</strong>
    <div style="display:flex;flex-direction:column;gap:.3rem">
      @forelse ($s->candidates ?? [] as $c)
      <label style="display:flex;gap:.5rem;align-items:baseline">
        <input type="radio" name="jira_key" value="{{ $c['key'] }}">
        <span class="story-key">{{ $c['key'] }}</span>
        <span>{{ $c['summary'] }}</span>
        <span class="muted">· {{ $c['score'] }}%</span>
      </label>
      @empty
      <span class="muted">No candidate matches found.</span>
      @endforelse
      <label style="display:flex;gap:.5rem;align-items:baseline">
        <input type="radio" name="jira_key" value=""> <span class="muted">None of these</span>
      </label>
    </div>
    <div><button type="submit">Confirm match</button></div>
  </form>
  @endforeach
</section>
@endif

@if ($quarter && count($rows))
<section>
  <h2>Target stories <small>· {{ count($rows) }} matched</small></h2>
  <table class="grid compact">
    <thead><tr><th>Target story</th><th>Type</th><th>Jira</th><th>Status</th></tr></thead>
    <tbody>
      @foreach ($rows as $r)
      <tr>
        <td>{{ $r['title'] }}</td>
        <td><x-type-badge :type="$r['type']" /></td>
        <td>@if ($r['key'])<a href="/targets" class="story-key">{{ $r['key'] }}</a>@else —@endif</td>
        <td>@if ($r['raw_status'])<x-status-badge :name="$r['raw_status']" :canon="$r['canon']" />@else <span class="muted">—</span>@endif</td>
      </tr>
      @endforeach
    </tbody>
  </table>
</section>
@endif
@endsection