@extends('setting.nav')

@section('title', 'Follow-up Settings')

@section('content')
    <div class="container-fluid mt-4">
        @include('follow_ups._tabs')

        @unless ($saved)
            <div class="alert alert-secondary" style="font-size:.875rem;">
                Nothing has been saved for this account yet, so the boxes below show the shipped defaults. They are
                what will be used the moment you switch follow-ups on.
            </div>
        @endunless

        <form action="{{ route('follow_ups.settings.save') }}" method="POST">
            @csrf

            <div class="row g-4">
                <div class="col-xl-7">
                    <div class="card shadow-sm">
                        <div class="card-header">
                            <h6 class="mb-0">When a mail becomes late</h6>
                        </div>
                        <div class="card-body">

                            <div class="form-check form-switch mb-4">
                                <input class="form-check-input" type="checkbox" role="switch" id="enabled" name="enabled"
                                    value="1" @checked($settings->enabled) @disabled(!$isAdmin)>
                                <label class="form-check-label" for="enabled">
                                    <strong>Raise follow-ups for this account</strong>
                                    <div class="text-muted" style="font-size:.8125rem;">
                                        Off means no tasks and no reminders. Turning it on later loses nothing: mail is
                                        read from the messages table, so recent unanswered mail is picked up on the
                                        first pass.
                                    </div>
                                </label>
                            </div>

                            {{-- Per-action windows. Built from the live vocabulary
                                 rather than the saved JSON, so an action added at
                                 Next Actions appears here straight away. --}}
                            <label class="form-label fw-semibold">How long each recommendation may wait</label>
                            <p class="text-muted" style="font-size:.8125rem;">
                                The classifier already says what a mail needs. This says how long that may go
                                unactioned, counted from when the mail arrived — so a mail needing an immediate
                                answer is late in hours, and one needing a nudge is late in days.
                                <strong>Leave a box empty to never follow that action up.</strong>
                            </p>

                            <div class="table-responsive mb-4">
                                <table class="table table-sm align-middle mb-0">
                                    <thead class="table-light">
                                        <tr>
                                            <th>Recommended action</th>
                                            <th style="width:9rem;">Due within</th>
                                            <th style="width:8rem;">In force</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($windows as $window)
                                            <tr>
                                                <td>
                                                    <span class="emi-pill {{ $window['pill'] }}">{{ $window['name'] }}</span>
                                                    <code class="text-muted ms-1"
                                                        style="font-size:.75rem;">{{ $window['code'] }}</code>
                                                </td>
                                                <td>
                                                    <div class="input-group input-group-sm">
                                                        <input type="number" min="1" max="8760"
                                                            class="form-control"
                                                            name="windows[{{ $window['code'] }}]"
                                                            value="{{ $window['hours'] }}" placeholder="never"
                                                            @disabled(!$isAdmin)>
                                                        <span class="input-group-text">hrs</span>
                                                    </div>
                                                </td>
                                                <td class="text-muted" style="font-size:.75rem;">
                                                    @if ($window['source'] === 'account')
                                                        yours
                                                    @elseif ($window['source'] === 'standard')
                                                        standard
                                                    @else
                                                        {{-- An action added after this feature shipped: no
                                                             shipped window exists for it. --}}
                                                        default below
                                                    @endif
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>

                            <div class="row g-3">
                                <div class="col-sm-6">
                                    <label class="form-label" for="default_due_hours">Default window</label>
                                    <div class="input-group">
                                        <input type="number" min="1" max="8760" class="form-control"
                                            id="default_due_hours" name="default_due_hours"
                                            value="{{ old('default_due_hours', $settings->default_due_hours) }}"
                                            @disabled(!$isAdmin)>
                                        <span class="input-group-text">hours</span>
                                    </div>
                                    <div class="form-text">
                                        Used for a mail whose action has no window above — including any action added
                                        later, and mail that arrived before next actions existed but asks for a reply.
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>

                <div class="col-xl-5">
                    <div class="card shadow-sm">
                        <div class="card-header">
                            <h6 class="mb-0">How you are reminded</h6>
                        </div>
                        <div class="card-body">

                            <div class="form-check form-switch mb-3">
                                <input class="form-check-input" type="checkbox" role="switch" id="email_reminders"
                                    name="email_reminders" value="1" @checked($settings->email_reminders)
                                    @disabled(!$isAdmin)>
                                <label class="form-check-label" for="email_reminders">
                                    Send reminder mails
                                    <div class="text-muted" style="font-size:.8125rem;">
                                        Off leaves the queue as the only surface — tasks are still raised and still go
                                        overdue, but nothing arrives to say so.
                                    </div>
                                </label>
                            </div>

                            <div class="form-check form-switch mb-3">
                                <input class="form-check-input" type="checkbox" role="switch" id="notify_in_app"
                                    name="notify_in_app" value="1" @checked($settings->notify_in_app)
                                    @disabled(!$isAdmin)>
                                <label class="form-check-label" for="notify_in_app">
                                    Notify inside the app
                                    <div class="text-muted" style="font-size:.8125rem;">
                                        A toast as each task comes due, and a desktop notification for anyone who
                                        allows one from the bell. The bell and its count stay either way — a number
                                        is not an interruption.
                                    </div>
                                </label>
                            </div>

                            <div class="mb-3">
                                <label class="form-label" for="reminder_lead_hours">First reminder</label>
                                <div class="input-group">
                                    <span class="input-group-text">due minus</span>
                                    <input type="number" min="0" max="168" class="form-control"
                                        id="reminder_lead_hours" name="reminder_lead_hours"
                                        value="{{ old('reminder_lead_hours', $settings->reminder_lead_hours) }}"
                                        @disabled(!$isAdmin)>
                                    <span class="input-group-text">hours</span>
                                </div>
                                <div class="form-text">
                                    Before the due time, not after it. Being told a mail is late is worth much less
                                    than being told in time to still answer it.
                                </div>
                            </div>

                            <div class="mb-3">
                                <label class="form-label" for="repeat_every_hours">Then chase again every</label>
                                <div class="input-group">
                                    <input type="number" min="0" max="720" class="form-control"
                                        id="repeat_every_hours" name="repeat_every_hours"
                                        value="{{ old('repeat_every_hours', $settings->repeat_every_hours) }}"
                                        @disabled(!$isAdmin)>
                                    <span class="input-group-text">hours</span>
                                </div>
                                <div class="form-text">0 sends one reminder per task and no more.</div>
                            </div>

                            <div class="mb-3">
                                <label class="form-label" for="max_reminders">Stop after</label>
                                <div class="input-group">
                                    <input type="number" min="1" max="20" class="form-control" id="max_reminders"
                                        name="max_reminders" value="{{ old('max_reminders', $settings->max_reminders) }}"
                                        @disabled(!$isAdmin)>
                                    <span class="input-group-text">reminders</span>
                                </div>
                                <div class="form-text">
                                    The task stays open when the budget runs out — it is still owed, it just stops
                                    shouting. A task nobody closes after this many mails will not be closed by
                                    another one.
                                </div>
                            </div>

                            <div class="mb-3">
                                <label class="form-label" for="escalate_after_hours">Copy the administrator in
                                    when overdue by</label>
                                <div class="input-group">
                                    <input type="number" min="0" max="8760" class="form-control"
                                        id="escalate_after_hours" name="escalate_after_hours"
                                        value="{{ old('escalate_after_hours', $settings->escalate_after_hours) }}"
                                        @disabled(!$isAdmin)>
                                    <span class="input-group-text">hours</span>
                                </div>
                                <div class="form-text">0 never escalates. Each task escalates once, not daily.</div>
                            </div>

                            <div class="mb-0">
                                <label class="form-label" for="notify_email">Send every reminder to</label>
                                <input type="email" class="form-control" id="notify_email" name="notify_email"
                                    value="{{ old('notify_email', $settings->notify_email) }}"
                                    placeholder="the mailbox that owes the answer" @disabled(!$isAdmin)>
                                <div class="form-text">
                                    Leave blank and each person is reminded about their own queue. Set an address and
                                    every mailbox's reminders go there instead — for a shared desk that works the mail
                                    for everyone.
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>

            @if ($isAdmin)
                <div class="d-flex align-items-center gap-2 mt-4">
                    <button class="btn btn-primary" type="submit">Save settings</button>
                    <a class="btn btn-outline-secondary" href="{{ route('follow_ups.index') }}">Back to the queue</a>
                </div>
            @else
                <div class="alert alert-secondary mt-4" style="font-size:.875rem;">
                    Only the account administrator can change these. You can still work your own queue: close,
                    snooze and dismiss are yours.
                </div>
            @endif
        </form>

        <div class="card shadow-sm mt-4">
            <div class="card-header">
                <h6 class="mb-0">How the queue fills</h6>
            </div>
            <div class="card-body" style="font-size:.875rem;">
                <p class="mb-2">
                    No extra AI call is made for this feature. Every mail already goes through one classification
                    prompt that returns a recommended next action, and that recommendation is the detection:
                </p>
                <pre class="mb-3 p-3 bg-light rounded" style="font-size:.8125rem;">A mail arrives
      ↓
Recommended next action        "send_quotation"
      ↓
The window for that action     48 hours from when the mail was sent
      ↓
A task, with a due time        and a reminder armed {{ $settings->reminder_lead_hours }}h before it
      ↓
Closed when                    somebody ticks it off, or a reply is seen on the conversation</pre>
                <p class="mb-0 text-muted">
                    Mail that arrived before next actions existed is still caught, through the reply flag the
                    pipeline has always set — those get the default window. Promotions, provider spam and
                    conversations that have already been replied to are never raised.
                </p>
            </div>
        </div>
    </div>
@endsection