{{--
    The sentiment form, shared by the "add" card and every "edit" dialog.

    Expects:
      $sentiment — the row being edited, or null when adding
      $colours   — the palette tokens a label may use
--}}
@php
    $prefix = $sentiment ? 's' . $sentiment->id . '_' : 'new_';
@endphp

<div class="mb-3">
    <label for="{{ $prefix }}name" class="form-label">Label</label>
    <input type="text" class="form-control" id="{{ $prefix }}name" name="name"
        value="{{ $sentiment ? $sentiment->name : old('name') }}" required maxlength="120" placeholder="Angry">
    <div class="form-text">Shown on the mail list, the filter menu and the dashboard.</div>
</div>

<div class="mb-3">
    <label for="{{ $prefix }}code" class="form-label">AI code</label>
    <input type="text" class="form-control font-monospace" id="{{ $prefix }}code" name="code"
        value="{{ $sentiment ? $sentiment->code : old('code') }}" required maxlength="60" placeholder="angry">
    <div class="form-text">
        The exact word the AI returns and the mail is stored with. Lowercase letters, digits and underscores.
    </div>
</div>

<div class="mb-3">
    <label for="{{ $prefix }}description" class="form-label">When to use it</label>
    <textarea class="form-control" id="{{ $prefix }}description" name="description" rows="3" maxlength="500"
        placeholder="Strong hostility: shouting, insults, or threats to escalate.">{{ $sentiment ? $sentiment->description : old('description') }}</textarea>
    <div class="form-text">
        Sent to the AI word for word. Be concrete, and say what separates this label from the ones next to it —
        this text is the whole of what the classifier knows about it.
    </div>
</div>

<div class="mb-3">
    <label for="{{ $prefix }}colour" class="form-label">Colour</label>
    <select class="form-select" id="{{ $prefix }}colour" name="colour" required>
        @foreach ($colours as $colour)
            <option value="{{ $colour }}" @selected(($sentiment->colour ?? old('colour', 'slate')) === $colour)>
                {{ ucfirst($colour) }}
            </option>
        @endforeach
    </select>
    <div class="form-text">Used for the pill on the mail list and the dashboard slice.</div>
</div>

<div class="mb-3">
    <label for="{{ $prefix }}filter_slug" class="form-label">Filter slug</label>
    <input type="text" class="form-control font-monospace" id="{{ $prefix }}filter_slug" name="filter_slug"
        value="{{ $sentiment ? $sentiment->filter_slug : old('filter_slug') }}" maxlength="60"
        placeholder="sentiment_angry">
    <div class="form-text">
        The URL segment for this label's mail listing. Leave blank when adding and it is derived from the code.
        Changing it breaks any bookmark to the old one.
    </div>
</div>

<div class="mb-3">
    <label for="{{ $prefix }}ai_aliases" class="form-label">Also match</label>
    <input type="text" class="form-control" id="{{ $prefix }}ai_aliases" name="ai_aliases"
        value="{{ $sentiment ? $sentiment->ai_aliases : old('ai_aliases') }}" maxlength="255"
        placeholder="furious, irate">
    <div class="form-text">
        Comma separated. Other words that should count as this label — useful for mail already classified under
        an older name. Renaming a code adds the old one here for you.
    </div>
</div>

<div class="form-check form-switch mb-3">
    <input class="form-check-input" type="checkbox" role="switch" id="{{ $prefix }}is_active" name="is_active"
        value="1" @checked($sentiment ? $sentiment->is_active : old('is_active', true))>
    <label class="form-check-label" for="{{ $prefix }}is_active">Active</label>
    <div class="form-text">
        An inactive label leaves the prompt and the filter menu. Mail already carrying it keeps it.
    </div>
</div>