@extends('setting.nav')

@section('title', 'Sentiment Labels')

@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">Sentiment &amp; Issue Detection</h4>
                <p class="text-muted mb-0" style="font-size:.875rem;">
                    The labels the classifier may return. These rows drive the AI prompt, the mail list pills,
                    the Sentiment filter menu and the dashboard breakdown.
                    The list is shared by everyone — a label an administrator adds here is in force for 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;
        @endphp

        @if ($usingDefaults)
            {{-- Nothing configured yet. The app is running on the built-in three,
                 so say so plainly rather than showing an empty table. --}}
            <div class="alert alert-info">
                <strong>Running on the built-in labels.</strong>
                Positive, Neutral and Negative are in force because nothing has been configured here yet.
                Add the standard set below to start managing them — including Angry, Complaint and Urgent.
            </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 ? 'Labels in force' : 'Labels' }}</h6>
                        @if ($isAdmin && $canSeed)
                            <form action="{{ route('sentiments.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 six standard labels
                                </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>
                                        <th>Label</th>
                                        <th>AI code</th>
                                        {{-- Counted across every mailbox, because deactivating a label
                                             affects every mailbox. The link opens your own listing. --}}
                                        <th class="text-end" title="Mail carrying this label 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 ($sentiments as $sentiment)
                                        <tr>
                                            <td class="text-center text-muted" style="font-size:.8125rem;">
                                                {{ $loop->iteration }}
                                            </td>
                                            <td>
                                                <span class="emi-pill {{ $sentiment->pillClass() }}">{{ $sentiment->name }}</span>
                                                @if ($sentiment->description)
                                                    <div class="text-muted mt-1" style="font-size:.8125rem;">
                                                        {{ \Illuminate\Support\Str::limit($sentiment->description, 120) }}
                                                    </div>
                                                @endif
                                                @if ($sentiment->ai_aliases)
                                                    <div class="text-muted mt-1" style="font-size:.75rem;">
                                                        also matches: {{ $sentiment->ai_aliases }}
                                                    </div>
                                                @endif
                                            </td>
                                            <td>
                                                <code>{{ $sentiment->code }}</code>
                                                <div class="text-muted mt-1" style="font-size:.75rem;">
                                                    /mails/{{ $sentiment->filter_slug }}
                                                </div>
                                            </td>
                                            <td class="text-end">
                                                @php $used = $counts[(int) $sentiment->legacy_code] ?? 0; @endphp
                                                @if ($used > 0)
                                                    <a href="{{ route('mails.filter', [$sentiment->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('sentiments.toggle', $sentiment->id) }}"
                                                        method="POST" class="m-0">
                                                        @csrf
                                                        <button type="submit"
                                                            class="btn btn-sm {{ $sentiment->is_active ? 'btn-success' : 'btn-outline-secondary' }}"
                                                            title="{{ $sentiment->is_active ? 'Deactivate' : 'Activate' }}">
                                                            <i class="bi {{ $sentiment->is_active ? 'bi-check-lg' : 'bi-dash-lg' }}"></i>
                                                        </button>
                                                    </form>
                                                @else
                                                    <span class="badge {{ $sentiment->is_active ? 'bg-success' : 'bg-secondary' }}">
                                                        {{ $sentiment->is_active ? 'Active' : 'Inactive' }}
                                                    </span>
                                                @endif
                                            </td>
                                            <td class="text-end text-nowrap">
                                                @if ($isAdmin)
                                                    {{-- Order is what the prompt uses to break ties between
                                                         two labels that both fit a mail. --}}
                                                    <form action="{{ route('sentiments.move', $sentiment->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="Move up" @disabled($loop->first)>
                                                            <i class="bi bi-arrow-up"></i>
                                                        </button>
                                                    </form>
                                                    <form action="{{ route('sentiments.move', $sentiment->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="Move down" @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="#editSentiment{{ $sentiment->id }}">
                                                        Edit
                                                    </button>
                                                    <form action="{{ route('sentiments.destroy', $sentiment->id) }}"
                                                        method="POST" class="d-inline"
                                                        onsubmit="return confirm('Delete the label {{ $sentiment->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 defaults that are actually in force. --}}
                                        @foreach ($effective as $sentiment)
                                            <tr class="text-muted">
                                                <td class="text-center" style="font-size:.8125rem;">{{ $loop->iteration }}</td>
                                                <td>
                                                    <span class="emi-pill {{ $sentiment->pillClass() }}">{{ $sentiment->name }}</span>
                                                    @if ($sentiment->description)
                                                        <div class="mt-1" style="font-size:.8125rem;">
                                                            {{ \Illuminate\Support\Str::limit($sentiment->description, 120) }}
                                                        </div>
                                                    @endif
                                                </td>
                                                <td>
                                                    <code>{{ $sentiment->code }}</code>
                                                    <div class="mt-1" style="font-size:.75rem;">
                                                        /mails/{{ $sentiment->filter_slug }}
                                                    </div>
                                                </td>
                                                <td class="text-end">{{ number_format($counts[(int) $sentiment->legacy_code] ?? 0) }}</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 exactly one label. The order above is the order the AI sees, and it is told to
                        prefer the label furthest down the list when more than one fits — so keep the broad moods
                        near the top and the specific issue signals below them.
                        Changing a label affects mail classified from the next pipeline run onward, for every
                        user; mail already processed keeps the label it was given.
                    </div>
                </div>
            </div>

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

        {{-- Edit dialogs, one per row. --}}
        @if ($isAdmin)
            @foreach ($sentiments as $sentiment)
                <div class="modal fade" id="editSentiment{{ $sentiment->id }}" tabindex="-1" aria-hidden="true">
                    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
                        <div class="modal-content">
                            <form action="{{ route('sentiments.update', $sentiment->id) }}" method="POST">
                                @csrf
                                @method('PUT')
                                <div class="modal-header">
                                    <h5 class="modal-title">Edit {{ $sentiment->name }}</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal"
                                        aria-label="Close"></button>
                                </div>
                                <div class="modal-body">
                                    @include('sentiments._fields', ['sentiment' => $sentiment, 'colours' => $colours])
                                </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