@extends('admin.layout', ['menuKey' => 'job-titles'])

@section('title', 'Job titles')

@section('content')
    <div class="adm-head"><div><div class="eyebrow">Board</div><h1>Job titles</h1><p class="muted">{{ $titles->count() }} titles. Posters pick one per job; candidates pick the ones they want alerts for. Other names (aliases) help search: one per line or separated by ";".</p></div></div>
    @include('partials.errors')
    <details class="card">
        <summary><strong>Add a title</strong></summary>
        <form class="form" method="post" action="{{ route('admin.job-titles.store') }}" style="margin-top:12px">
            @csrf
            <div class="two">
                <div class="field"><label for="nt-name">Name</label><input id="nt-name" name="name" value="{{ old('name') }}" required maxlength="120"></div>
                <div class="field"><label for="nt-cat">Category</label><select id="nt-cat" name="category">@foreach (config('board.categories') as $c)<option>{{ $c }}</option>@endforeach</select></div>
            </div>
            <div class="field"><label for="nt-al">Other names</label><textarea id="nt-al" name="aliases" rows="2">{{ old('aliases') }}</textarea></div>
            <button class="btn sm primary" type="submit">Add title</button>
        </form>
    </details>
    <div class="tablewrap">
        <table>
            <thead><tr><th>Title and other names</th><th>Category</th><th class="num">Live jobs</th><th>Shown</th><th></th></tr></thead>
            <tbody>
                @foreach ($titles as $t)
                    <tr>
                        <td colspan="5">
                            <form class="title-row" method="post" action="{{ route('admin.job-titles.update', $t) }}">
                                @csrf
                                <div>
                                    <input name="name" value="{{ $t->name }}" aria-label="Name" maxlength="120" required>
                                    <div class="mono small muted">/jobs/{{ $t->slug }}</div>
                                    <textarea name="aliases" rows="2" aria-label="Other names">{{ implode('; ', $t->aliasList()) }}</textarea>
                                </div>
                                <select name="category" aria-label="Category">@foreach (config('board.categories') as $c)<option @selected($t->category === $c)>{{ $c }}</option>@endforeach</select>
                                <span class="num">{{ $live[$t->id] ?? 0 }}</span>
                                <label class="nowrap"><input type="checkbox" name="active" value="1" @checked($t->active)> In lists</label>
                                <button class="btn sm" type="submit">Save</button>
                            </form>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
@endsection