@extends('layout')
@section('title', $recordType->plural())
@section('content')
<div class="page-heading split-heading">
    <div><span class="eyebrow">{{ $recordType->stage() }} stage</span><h1>{{ $recordType->plural() }}</h1><p>{{ $recordType->description() }}</p></div>
    @if(auth()->user()->canAtlas('records.create'))<a class="button primary" href="{{ route('records.create', $recordType->value) }}">+ New {{ strtolower($recordType->label()) }}</a>@endif
</div>

<form class="filter-bar" method="GET">
    <label class="search-field"><span>⌕</span><input name="q" value="{{ request('q') }}" placeholder="Search title, summary, or code"></label>
    <select name="status"><option value="">All statuses</option>@foreach($recordType->statuses() as $value => $label)<option value="{{ $value }}" @selected(request('status')===$value)>{{ $label }}</option>@endforeach</select>
    <select name="priority"><option value="">All priorities</option>@foreach(['critical','high','normal','low'] as $priority)<option value="{{ $priority }}" @selected(request('priority')===$priority)>{{ ucfirst($priority) }}</option>@endforeach</select>
    <select name="owner"><option value="">All owners</option>@foreach($users as $user)<option value="{{ $user->id }}" @selected((string)request('owner')===(string)$user->id)>{{ $user->name }}</option>@endforeach</select>
    <button class="button secondary" type="submit">Filter</button>
    @if(request()->hasAny(['q','status','priority','owner']))<a class="text-link" href="{{ route('records.index', $recordType->value) }}">Clear</a>@endif
</form>

<section class="panel table-panel">
    @if($records->isEmpty())
        <div class="empty-state"><span class="empty-glyph">{{ mb_substr($recordType->stage(),0,1) }}</span><h2>No {{ strtolower($recordType->plural()) }} yet</h2><p>Create only the records required to complete the current governed operating cycle.</p>@if(auth()->user()->canAtlas('records.create'))<a class="button primary" href="{{ route('records.create', $recordType->value) }}">Create first record</a>@endif</div>
    @else
        <div class="table-scroll"><table class="data-table"><thead><tr><th>Record</th><th>Status</th><th>Priority</th><th>Owner</th><th>Due / review</th><th>Confidence</th></tr></thead><tbody>
        @foreach($records as $record)
            <tr class="clickable-row" data-href="{{ route('records.show', [$recordType->value, $record]) }}">
                <td><a class="record-title" href="{{ route('records.show', [$recordType->value, $record]) }}"><span>{{ $record->code }}</span><strong>{{ $record->title }}</strong><small>{{ str($record->summary)->limit(90) }}</small></a></td>
                <td><span class="badge {{ $record->status }}">{{ str($record->status)->replace('_',' ')->title() }}</span></td>
                <td><span class="priority-label {{ $record->priority }}"><i></i>{{ ucfirst($record->priority) }}</span></td>
                <td>{{ $record->owner?->name ?? 'Unassigned' }}</td>
                <td class="{{ $record->isOverdue() ? 'overdue' : '' }}">{{ $record->due_at?->format('d M Y') ?? $record->review_at?->format('d M Y') ?? 'Not set' }}</td>
                <td>{{ ucfirst($record->confidence) }}</td>
            </tr>
        @endforeach
        </tbody></table></div>
        {{ $records->links('components.pagination') }}
    @endif
</section>
@endsection