@extends('layouts.app')
@section('title', 'Member · QA Dashboard')

@section('content')
<section class="summary">
  <p><a href="/members{{ $period ? '?period=' . $period : '' }}">&larr; All members</a></p>
  <h2><x-who :email="$email" :names="$names" /> @if ($period)<small>· {{ $period }}</small>@endif</h2>
  <div class="chips"><x-counts-chips :c="$counts" /></div>
</section>

<section>
  <h2>Target stories</h2>
  @if (count($targets))
  <div class="toolbar">
    <input type="search" id="targetSearch" data-filter="#targetTable" placeholder="Search target stories…">
    <x-filter-select kind="status" target="#targetTable" :options="$statuses" allLabel="All statuses" />
    <x-filter-select kind="type" target="#targetTable" :options="$story_types" allLabel="All types" />
    <x-columns-menu target="#targetTable" />
    <x-hide-completed target="#targetTable" />
  </div>
  @endif
  <x-target-table :targets="$targets" :names="$names" :meta="$meta" id="targetTable" />
  @if (count($targets))<x-pager target="#targetTable" />@endif
</section>
@endsection