@extends('setting.nav')

@section('title', 'Lead Types')

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

        <div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-3">
            <div>
                <h4 class="mb-1">Lead Detection</h4>
                <p class="text-muted mb-0" style="font-size:.875rem;">
                    The buying signals the classifier may detect in a mail, and how urgently each one is to be
                    treated. These rows drive the AI prompt, the Lead and Priority columns on the mail list, the
                    Leads filter menu and the dashboard card.
                    The list is shared by everyone — a type an administrator adds here is detected on every
                    user's mail, not just their own.
                </p>
            </div>
        </div>

        @if (session('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                {{ session('success') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        @endif

        @if (session('error'))
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                {{ session('error') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        @endif

        @if ($errors->any())
            <div class="alert alert-danger">
                <strong>Please fix the following:</strong>
                <ul class="mb-0 mt-1">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        @php
            $isAdmin = auth()->check() && auth()->user()->auth_id == 0;

            // Mail counts are keyed by the code stored on the row, and a type
            // also owns the words it lists as aliases.
            $countFor = function ($type) use ($counts) {
                $total = $counts[strtolower((string) $type->code)] ?? 0;
                foreach ($type->aliasList() as $alias) {
                    $total += $counts[$alias] ?? 0;
                }
                return $total;
            };
        @endphp

        @if ($usingDefaults)
            {{-- Nothing configured yet. The app is running on the built-in list,
                 so say so plainly rather than showing an empty table. --}}
            <div class="alert alert-info">
                <strong>Running on the built-in lead types.</strong>
                The seven types below are already in force — they are what the AI is offered and what the mail list
                shows. Add them as rows to reorder them, reword them for your business, tune their score floors, or
                add your own.
            </div>
        @endif

        @if ($unclassified > 0)
            {{-- Every mail that arrived before this feature shipped. Worth
                 stating, because those rows are inferred rather than detected. --}}
            <div class="alert alert-secondary" style="font-size:.875rem;">
                <strong>{{ number_format($unclassified) }} mails</strong> arrived before lead detection existed, so
                the AI never judged them. Those are treated as leads only where the old classifier already called
                them sales <em>and</em> they asked for a reply — marked <em>inferred</em> on the mail list, and
                carrying no score, because nothing scored them. Mail fetched from now on gets a real detection.
            </div>
        @endif

        <div class="row g-4">
            <div class="col-xl-8">
                <div class="card shadow-sm">
                    <div class="card-header d-flex align-items-center justify-content-between">
                        <h6 class="mb-0">{{ $usingDefaults ? 'Lead types in force' : 'Lead types' }}</h6>
                        @if ($isAdmin && $canSeed)
                            <form action="{{ route('lead_types.seed') }}" method="POST" class="m-0">
                                @csrf
                                <button type="submit" class="btn btn-sm btn-outline-primary">
                                    <i class="bi bi-magic me-1"></i>Add the seven standard types
                                </button>
                            </form>
                        @endif
                    </div>
                    <div class="card-body p-0">
                        <div class="table-responsive">
                            <table class="table table-hover align-middle mb-0">
                                <thead class="table-light">
                                    <tr>
                                        <th style="width:2.5rem;"></th>
                                        {{-- Floors, not widths. The Priority column made this the
                                             eighth in a card that is not eight columns wide, and
                                             without a minimum the browser reclaims the space from
                                             the two cells carrying sentences — which then wrap to
                                             six lines each. The wrapper scrolls sideways instead. --}}
                                        <th style="min-width:17rem;">Lead type</th>
                                        <th style="min-width:11rem;">AI code</th>
                                        <th class="text-end" title="Lowest classifier certainty that still counts as a lead">
                                            Floor
                                        </th>
                                        <th title="How soon a lead of this type needs answering">Priority</th>
                                        {{-- Counted across every mailbox, because deactivating a type
                                             affects every mailbox. The link opens your own listing. --}}
                                        <th class="text-end" title="Mail detected as this lead type across all users">
                                            Mail <span class="text-muted fw-normal">(all users)</span>
                                        </th>
                                        <th class="text-center">Active</th>
                                        <th class="text-end">Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($types as $type)
                                        <tr>
                                            <td class="text-center text-muted" style="font-size:.8125rem;">
                                                {{ $loop->iteration }}
                                            </td>
                                            <td>
                                                <span class="emi-pill {{ $type->pillClass() }}">{{ $type->name }}</span>
                                                @if ($type->description)
                                                    <div class="text-muted mt-1" style="font-size:.8125rem;">
                                                        {{ \Illuminate\Support\Str::limit($type->description, 120) }}
                                                    </div>
                                                @endif
                                                @if ($type->ai_aliases)
                                                    <div class="text-muted mt-1" style="font-size:.75rem;">
                                                        also matches: {{ $type->ai_aliases }}
                                                    </div>
                                                @endif
                                            </td>
                                            <td>
                                                <code>{{ $type->code }}</code>
                                                <div class="text-muted mt-1" style="font-size:.75rem;">
                                                    /mails/{{ $type->filter_slug }}
                                                </div>
                                            </td>
                                            <td class="text-end text-nowrap">
                                                <span class="text-muted">{{ (int) $type->min_score }}</span>
                                            </td>
                                            <td class="text-nowrap">
                                                @php
                                                    $band = $type->priorityBand();
                                                    $bandDef = $priorities[$band];
                                                    $fallsTo = \App\Models\LeadType::demote($band);
                                                @endphp
                                                <a href="{{ route('mails.filter', [$bandDef['slug']]) }}"
                                                    class="emi-pill {{ $bandDef['pill'] }}"
                                                    title="{{ $bandDef['description'] }} Open your {{ strtolower($bandDef['label']) }}-priority leads.">{{ $bandDef['label'] }}</a>
                                                @if ($fallsTo !== $band)
                                                    {{-- The floor and the band interact, so the row says how,
                                                         rather than leaving it to be worked out from two
                                                         columns. --}}
                                                    <div class="text-muted mt-1" style="font-size:.75rem;">
                                                        under {{ \App\Models\LeadType::confidenceThresholdFor($type) }}:
                                                        {{ strtolower($priorities[$fallsTo]['label']) }}
                                                    </div>
                                                @endif
                                            </td>
                                            <td class="text-end">
                                                @php $used = $countFor($type); @endphp
                                                @if ($used > 0)
                                                    <a href="{{ route('mails.filter', [$type->filter_slug]) }}"
                                                        title="Open this listing">{{ number_format($used) }}</a>
                                                @else
                                                    <span class="text-muted">0</span>
                                                @endif
                                            </td>
                                            <td class="text-center">
                                                @if ($isAdmin)
                                                    <form action="{{ route('lead_types.toggle', $type->id) }}"
                                                        method="POST" class="m-0">
                                                        @csrf
                                                        <button type="submit"
                                                            class="btn btn-sm {{ $type->is_active ? 'btn-success' : 'btn-outline-secondary' }}"
                                                            title="{{ $type->is_active ? 'Deactivate' : 'Activate' }}">
                                                            <i class="bi {{ $type->is_active ? 'bi-check-lg' : 'bi-dash-lg' }}"></i>
                                                        </button>
                                                    </form>
                                                @else
                                                    <span class="badge {{ $type->is_active ? 'bg-success' : 'bg-secondary' }}">
                                                        {{ $type->is_active ? 'Active' : 'Inactive' }}
                                                    </span>
                                                @endif
                                            </td>
                                            <td class="text-end text-nowrap">
                                                @if ($isAdmin)
                                                    {{-- Order is the buying-signal ranking: the prompt prefers
                                                         the type nearest the top when two of them fit. --}}
                                                    <form action="{{ route('lead_types.move', $type->id) }}"
                                                        method="POST" class="d-inline">
                                                        @csrf
                                                        <input type="hidden" name="direction" value="up">
                                                        <button class="btn btn-sm btn-outline-secondary" type="submit"
                                                            title="Stronger signal" @disabled($loop->first)>
                                                            <i class="bi bi-arrow-up"></i>
                                                        </button>
                                                    </form>
                                                    <form action="{{ route('lead_types.move', $type->id) }}"
                                                        method="POST" class="d-inline">
                                                        @csrf
                                                        <input type="hidden" name="direction" value="down">
                                                        <button class="btn btn-sm btn-outline-secondary" type="submit"
                                                            title="Weaker signal" @disabled($loop->last)>
                                                            <i class="bi bi-arrow-down"></i>
                                                        </button>
                                                    </form>
                                                    <button class="btn btn-sm btn-outline-secondary" type="button"
                                                        data-bs-toggle="modal"
                                                        data-bs-target="#editLeadType{{ $type->id }}">
                                                        Edit
                                                    </button>
                                                    <form action="{{ route('lead_types.destroy', $type->id) }}"
                                                        method="POST" class="d-inline"
                                                        onsubmit="return confirm('Delete the lead type {{ $type->name }}?');">
                                                        @csrf
                                                        @method('DELETE')
                                                        <button class="btn btn-sm btn-outline-danger" type="submit">
                                                            <i class="bi bi-trash"></i>
                                                        </button>
                                                    </form>
                                                @endif
                                            </td>
                                        </tr>
                                    @empty
                                        {{-- No rows, so show the built-in list that is actually in force. --}}
                                        @foreach ($effective as $type)
                                            <tr class="text-muted">
                                                <td class="text-center" style="font-size:.8125rem;">{{ $loop->iteration }}</td>
                                                <td>
                                                    <span class="emi-pill {{ $type->pillClass() }}">{{ $type->name }}</span>
                                                    @if ($type->description)
                                                        <div class="mt-1" style="font-size:.8125rem;">
                                                            {{ \Illuminate\Support\Str::limit($type->description, 120) }}
                                                        </div>
                                                    @endif
                                                </td>
                                                <td>
                                                    <code>{{ $type->code }}</code>
                                                    <div class="mt-1" style="font-size:.75rem;">
                                                        /mails/{{ $type->filter_slug }}
                                                    </div>
                                                </td>
                                                <td class="text-end">{{ (int) $type->min_score }}</td>
                                                <td class="text-nowrap">
                                                    <span class="emi-pill {{ $priorities[$type->priorityBand()]['pill'] }}">
                                                        {{ $priorities[$type->priorityBand()]['label'] }}
                                                    </span>
                                                </td>
                                                <td class="text-end">{{ number_format($countFor($type)) }}</td>
                                                <td class="text-center"><span class="badge bg-secondary">Built in</span></td>
                                                <td class="text-end"><span style="font-size:.8125rem;">not editable yet</span></td>
                                            </tr>
                                        @endforeach
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="card-footer text-muted" style="font-size:.8125rem;">
                        A mail gets at most one lead type, and only when the classifier's certainty clears that
                        type's floor. The order above is the order the AI sees, and it is told to prefer the type
                        nearest the top when more than one fits — so this list is the buying-signal ranking: put
                        "has decided to buy" at the top and "just curious" at the bottom.
                        Editing a type affects mail classified from the next pipeline run onward, for every user;
                        mail already processed keeps the type and score it was given, so raising a floor hides
                        mail from the Leads listing rather than rescoring it.
                        <span class="d-block mt-2">
                            Priority is the exception, because it is not stored on the mail — it is worked out from
                            the type and the score every time a mail is shown. So a band you change here re-ranks
                            leads already in every inbox as soon as the page is reloaded, and the AI is never asked
                            about it: the classifier says what kind of enquiry a mail is and how sure it is, and
                            these rows decide what that is worth to your business.
                        </span>
                    </div>
                </div>
            </div>

            @if ($isAdmin)
                <div class="col-xl-4">
                    <div class="card shadow-sm">
                        <div class="card-header">
                            <h6 class="mb-0">Add lead type</h6>
                        </div>
                        <div class="card-body">
                            <form action="{{ route('lead_types.store') }}" method="POST">
                                @csrf
                                @include('lead_types._fields', ['type' => null, 'colours' => $colours, 'priorities' => $priorities])
                                <button type="submit" class="btn btn-primary w-100">Add lead type</button>
                            </form>
                        </div>
                    </div>
                </div>
            @endif
        </div>

        {{-- Edit dialogs, one per row. --}}
        @if ($isAdmin)
            @foreach ($types as $type)
                <div class="modal fade" id="editLeadType{{ $type->id }}" tabindex="-1" aria-hidden="true">
                    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
                        <div class="modal-content">
                            <form action="{{ route('lead_types.update', $type->id) }}" method="POST">
                                @csrf
                                @method('PUT')
                                <div class="modal-header">
                                    <h5 class="modal-title">Edit {{ $type->name }}</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal"
                                        aria-label="Close"></button>
                                </div>
                                <div class="modal-body">
                                    @include('lead_types._fields', ['type' => $type, 'colours' => $colours, 'priorities' => $priorities])
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-outline-secondary"
                                        data-bs-dismiss="modal">Cancel</button>
                                    <button type="submit" class="btn btn-primary">Save changes</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            @endforeach
        @endif
    </div>
@endsection