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

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

<div class="mb-3">
    <label for="{{ $prefix }}name" class="form-label">Action</label>
    <input type="text" class="form-control" id="{{ $prefix }}name" name="name"
        value="{{ $action ? $action->name : old('name') }}" required maxlength="120"
        placeholder="Escalate to Manager">
    <div class="form-text">Shown in the Next Action column and the filter menu. Write it as an instruction.</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="{{ $action ? $action->code : old('code') }}" required maxlength="60" placeholder="escalate_manager">
    <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 recommend it</label>
    <textarea class="form-control" id="{{ $prefix }}description" name="description" rows="3" maxlength="500"
        placeholder="The sender threatens to leave or disputes a commitment, so someone with authority has to decide.">{{ $action ? $action->description : old('description') }}</textarea>
    <div class="form-text">
        Sent to the AI word for word. Be concrete, and say what separates this action 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(($action->colour ?? old('colour', 'slate')) === $colour)>
                {{ ucfirst($colour) }}
            </option>
        @endforeach
    </select>
    <div class="form-text">
        The dot and pill on the mail list. Use red for "drop everything", amber for "on the list", green for
        "nothing to do" — the colour is how the column is read at a glance.
    </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="{{ $action ? $action->filter_slug : old('filter_slug') }}" maxlength="60"
        placeholder="action_escalate_manager">
    <div class="form-text">
        The URL segment for this action'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="{{ $action ? $action->ai_aliases : old('ai_aliases') }}" maxlength="255"
        placeholder="escalate, escalate_to_manager">
    <div class="form-text">
        Comma separated. Other words that should count as this action — useful for mail already stored 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($action ? $action->is_active : old('is_active', true))>
    <label class="form-check-label" for="{{ $prefix }}is_active">Active</label>
    <div class="form-text">
        An inactive action leaves the prompt and the filter menu. Mail already recommending it keeps it.
    </div>
</div>