@php use App\Models\AdminTask; @endphp
<div>
    @if ($open)
        <div class="modal-scrim open" wire:click.self="close" x-on:keydown.escape.window="$wire.close()">
            <div class="modal-card task-modal">
                <div class="modal-head">
                    <div><h3>{{ $editingId ? 'Edit task' : 'New task' }}</h3><div class="sub">Reminders, alarms &amp; recurrence supported</div></div>
                    <button class="modal-x" wire:click="close" title="Close (Esc)"><i class="fa-light fa-xmark"></i></button>
                </div>
                <div class="modal-body">
                    <div class="field"><label>Task title <span class="req">*</span></label>
                        <input type="text" wire:model="fTitle" placeholder="What needs doing?">
                        @error('fTitle')<div class="hint" style="color:var(--coral);">{{ $message }}</div>@enderror
                    </div>
                    <div class="field"><label>Notes</label>
                        <textarea wire:model="fDetails" placeholder="Any detail or context…"></textarea></div>
                    <div class="field-row">
                        <div class="field"><label>Date <span class="req">*</span></label><input type="date" wire:model="fDate">
                            @error('fDate')<div class="hint" style="color:var(--coral);">{{ $message }}</div>@enderror</div>
                        <div class="field"><label>Time <span style="font-weight:400;color:var(--ink-soft);">(optional)</span></label><input type="time" wire:model="fTime"></div>
                    </div>
                    <div class="field"><label>Priority</label>
                        <div class="chipset">
                            @foreach (['low' => 'Low', 'normal' => 'Normal', 'high' => 'High'] as $k => $lbl)
                                <button type="button" class="chip-opt {{ $fPriority === $k ? 'on' : '' }}" wire:click="$set('fPriority','{{ $k }}')">{{ $lbl }}</button>
                            @endforeach
                        </div>
                    </div>
                    <div class="field"><label>Status</label>
                        <div class="chipset">
                            @foreach (['todo' => 'To do', 'in_progress' => 'In progress', 'done' => 'Done'] as $k => $lbl)
                                <button type="button" class="chip-opt {{ $fStatus === $k ? 'on' : '' }}" wire:click="$set('fStatus','{{ $k }}')">{{ $lbl }}</button>
                            @endforeach
                        </div>
                    </div>
                    <div class="field-row">
                        <div class="field"><label>Assignee</label>
                            <select wire:model="fAssignee">
                                <option value="">Unassigned (shared)</option>
                                @foreach ($admins as $ad)
                                    <option value="{{ $ad->u_ident }}">{{ $ad->full_name ?: '@'.$ad->username }}{{ $ad->isSuperAdmin() ? ' · Super Admin' : ' · Admin' }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="field"><label>Repeats</label>
                            <div class="chipset">
                                @foreach (['none' => 'No', 'daily' => 'Daily', 'weekly' => 'Weekly', 'monthly' => 'Monthly'] as $k => $lbl)
                                    <button type="button" class="chip-opt {{ $fRecur === $k ? 'on' : '' }}" wire:click="$set('fRecur','{{ $k }}')">{{ $lbl }}</button>
                                @endforeach
                            </div>
                        </div>
                    </div>
                    <div class="field"><label>Link to a record</label>
                        @if ($fLinkLabel)
                            <div class="link-row" style="border:1px solid var(--line);border-radius:var(--radius-sm);">
                                <div class="lr-body"><div class="lr-label"><i class="fa-light fa-link"></i> {{ $fLinkLabel }}</div><span class="sub">{{ ucfirst($fLinkType) }}</span></div>
                                <button type="button" class="btn btn-ghost btn-sm" wire:click="clearLink"><i class="fa-light fa-xmark"></i> Clear</button>
                            </div>
                        @else
                            <div class="chipset" style="margin-bottom:.4rem;">
                                @foreach (['user' => 'Fundraiser', 'donation' => 'Donation', 'approval' => 'Approval', 'event' => 'Event'] as $k => $lbl)
                                    <button type="button" class="chip-opt {{ $searchType === $k ? 'on' : '' }}" wire:click="$set('searchType','{{ $k }}')">{{ $lbl }}</button>
                                @endforeach
                            </div>
                            <input type="text" wire:model.live.debounce.300ms="linkSearch" placeholder="Search a {{ $searchType === 'user' ? 'fundraiser' : $searchType }}…">
                            @if ($linkResults->isNotEmpty())
                                <div class="palette" style="position:static;margin-top:.4rem;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;">
                                    @foreach ($linkResults as $r)
                                        <button type="button" class="link-row" style="width:100%;text-align:left;border:0;background:#fff;cursor:pointer;border-bottom:1px solid var(--line);" wire:click="pickResult('{{ $r['type'] }}','{{ $r['id'] }}')">
                                            <div class="lr-body"><div class="lr-label">{{ $r['label'] }}</div><span class="sub">{{ $r['sub'] }}</span></div>
                                        </button>
                                    @endforeach
                                </div>
                            @endif
                        @endif
                        <div class="hint">Jump straight to the fundraiser, donation, approval or event this task is about.</div>
                    </div>
                    <div class="field"><label>Reminders</label>
                        <div class="chipset">
                            @foreach (AdminTask::REMINDER_LABELS as $k => $lbl)
                                <button type="button" class="chip-opt {{ in_array($k, $fReminders, true) ? 'on' : '' }}" wire:click="toggleReminder('{{ $k }}')"><i class="fa-light fa-bell"></i>{{ $lbl }}</button>
                            @endforeach
                        </div>
                        <div class="hint">When to be reminded before the due time. Turn on the alarm for an audible alert.</div>
                    </div>
                    <div class="field" style="margin-top:.4rem;">
                        <label class="switch"><input type="checkbox" wire:model="fAlarm"><span class="track"></span><span class="knob"></span>
                            <span class="slbl"><i class="fa-light fa-bell-on" style="color:var(--coral);margin-right:.3rem;"></i>Play an alarm sound when reminders fire</span></label>
                    </div>
                </div>
                <div class="modal-foot">
                    @if ($editingId)
                        <button class="btn btn-ghost btn-sm" wire:click="delete" wire:confirm="Delete this task? This cannot be undone." style="color:var(--coral);"><i class="fa-light fa-trash-can"></i> Delete</button>
                    @endif
                    <span style="flex:1;"></span>
                    <button class="btn btn-ghost btn-sm" wire:click="close">Cancel</button>
                    <x-admin.btn type="button" variant="navy" sm icon="fa-light fa-circle-check" wire:click="save" wire:loading.attr="disabled" wire:target="save">{{ $editingId ? 'Save changes' : 'Create task' }}</x-admin.btn>
                </div>
            </div>
        </div>
    @endif
</div>