@extends('layouts.app')
@section('css')
    <style>
        @keyframes shakeX {

            0%,
            100% {
                transform: translateX(0);
            }

            20% {
                transform: translateX(-1px);
            }

            40% {
                transform: translateX(1px);
            }

            60% {
                transform: translateX(-1px);
            }

            80% {
                transform: translateX(1px);
            }
        }

        .shake {
            /* background-color:pink;  */
            animation: shakeX 0.5s infinite;
        }

        /* The cards used to sit in a fixed-height scrolling box. They flow with
           the page now — a short scrolling window inside a long page meant two
           scrollbars for one list. */
    </style>
@endsection
@section('content')

    @php
        // The sentiment vocabulary is admin-managed, so the pill's label and
        // colour are looked up by the word stored on the mail rather than
        // matched against names hardcoded here. Keyed by code, which is exactly
        // what messages.is_spam_value holds.
        $sentimentByCode = collect($counts['sentiment_defs'] ?? [])->keyBy('code');

        // Next actions are looked up by the word stored on the mail, which is
        // exactly what messages.next_action holds. Aliases are folded into the
        // same map so a mail saved under an action's older name still resolves.
        // Follow-up tasks for the mails on this page, keyed by messages.id.
        // Defaulted rather than required: the list has to render on an install
        // that has not run the follow-up migration.
        $followUpsByMessage = $followUps ?? [];

        // Which cell holds what, by column number. The cards hide the column
        // headers, so the sort control has to name DataTables columns by index —
        // and the index moves, because the listing carries different columns for
        // different filters. Worked out here once, in the same order the cells
        // are written below.
        $colIndex = ['num' => 0, 'sender' => 1, 'subject' => 2, 'date' => 3, 'action' => 4, 'lead' => 5, 'assigned' => 6];
        $nextCol = 7;
        if ($type == 'Reply pending mail') {
            $colIndex['waiting'] = $nextCol++;
        }
        if ($type == 'Replied Mail') {
            $colIndex['replied'] = $nextCol++;
        }
        if ($type == 'All Mail') {
            $colIndex['sentiment'] = $nextCol++;
            $colIndex['category'] = $nextCol++;
            $colIndex['flags'] = $nextCol++;
        }
        $colIndex['actions'] = $nextCol;

        $nextActionDefs = $counts['next_action_defs'] ?? [];
        $nextActionByCode = [];
        foreach ($nextActionDefs as $def) {
            $nextActionByCode[strtolower($def['code'])] = $def;
            foreach ($def['aliases'] ?? [] as $alias) {
                $nextActionByCode[$alias] = $def;
            }
        }

        // Lead types and categories resolve the same way, by the word stored on
        // the mail. Aliases are folded in so a mail classified under an older
        // name — or, for categories, under the bare `sales` / `amc` / `external`
        // the classifier used before the vocabularies were unified — still shows
        // a pill instead of a dash.
        $leadByCode = [];
        foreach ($counts['lead_defs'] ?? [] as $def) {
            $leadByCode[strtolower($def['code'])] = $def;
        }
        foreach ($counts['lead_defs'] ?? [] as $def) {
            foreach ($def['aliases'] ?? [] as $alias) {
                $leadByCode[$alias] ??= $def;
            }
        }

        // The priority bands, hoisted out of the row loop: three fixed entries
        // that would otherwise be rebuilt for every mail on the page.
        $leadPriorityDefs = $counts['lead_priority_defs'] ?? \App\Models\LeadType::priorityDefinitions();

        // Assignment: teams keyed by id, and the name of everyone who can own
        // mail in this account. Both hoisted out of the row loop — the column
        // names a team and a person on every row, and the person is not always
        // the team's head, so the head on the chip definitions is not enough.
        $assignedByDept = [];
        foreach ($counts['assignment_defs'] ?? [] as $def) {
            if (($def['kind'] ?? '') === 'department') {
                $assignedByDept[(int) $def['department_id']] = $def;
            }
        }
        $assigneeNames = \App\Models\Department::assigneeNamesFor(auth()->id());

        // Codes in a pass of their own, then first alias claimant wins. Category
        // aliases are not exclusive — four of the standard categories claim
        // `sales` — so the two passes are what stop one category's alias
        // shadowing another category's own code, and they make this pill agree
        // with the count in the Group By menu and the slice on the dashboard,
        // which resolve a word the same way.
        $categoryByCode = [];
        foreach ($counts['category_defs'] ?? [] as $def) {
            $categoryByCode[strtolower($def['code'])] = $def;
        }
        foreach ($counts['category_defs'] ?? [] as $def) {
            foreach ($def['aliases'] ?? [] as $alias) {
                $categoryByCode[$alias] ??= $def;
            }
        }
    @endphp

    <!-- Card -->
    <div class="emi-card">
        <div class="emi-card__header">
            <h1 class="emi-card__title">
                {{ $type }}
                <span class="emi-count-tag">{{ count($mails) }}</span>
            </h1>
            <div class="d-flex align-items-center gap-3 flex-wrap">
                {{-- The cards hide the column headers, so the sorting those headers
                     offered is offered here instead. --}}
                <div class="emi-sort">
                    <label for="mailSort">Sort</label>
                    <select id="mailSort" aria-label="Sort mails">
                        <option value="{{ $colIndex['date'] }}:desc">Newest first</option>
                        <option value="{{ $colIndex['date'] }}:asc">Oldest first</option>
                        <option value="{{ $colIndex['action'] }}:asc">Most urgent</option>
                        {{-- The Lead column sorts on band first, certainty within it, so
                             descending is exactly "work the opportunities in order". --}}
                        <option value="{{ $colIndex['lead'] }}:desc">Highest priority leads</option>
                        {{-- Ascending, because the Assigned column sorts unowned first:
                             the reason to sort by owner is to find what nobody has
                             picked up, not to browse the teams alphabetically. --}}
                        <option value="{{ $colIndex['assigned'] }}:asc">Unassigned first</option>
                        @isset($colIndex['waiting'])
                            <option value="{{ $colIndex['waiting'] }}:desc">Longest waiting</option>
                        @endisset
                        @isset($colIndex['flags'])
                            <option value="{{ $colIndex['flags'] }}:desc">Unread &amp; flagged</option>
                        @endisset
                        <option value="{{ $colIndex['sender'] }}:asc">Sender A–Z</option>
                    </select>
                </div>
                <div class="emi-search">
                    <i class="bi bi-search"></i>
                    <input type="text" id="customSearch" placeholder="Search mails…" aria-label="Search mails">
                </div>
            </div>
        </div>
        <div class="card-body p-0">
            {{-- <div class="table-responsive" style="max-height: 400px; overflow-y: auto;"> --}}
            <div class="emi-list-wrap">
                <!-- Here you can add content specific to the 'mail_dashboard' page -->
                {{-- <h2>{{ $type }}</h2><br> --}}
                {{-- <p>Welcome to your inbox Mail Dashboard</p> --}}
                <!-- Add more content as needed -->
                {{-- <div class="container-fluid" style="height: 340px; overflow: auto;"> --}}
                {{-- <h2 class="mb-4">Emails ({{ $type }})</h2> --}}
                {{-- {{ dd($mails) }} --}}
                @if ($mails->isEmpty())
                    <div class="emi-empty">
                        <i class="bi bi-inbox"></i>
                        <h3>No mails to show</h3>
                        <p>There is nothing in “{{ $type }}” right now.</p>
                    </div>
                @else
                    {{-- Still a table, because DataTables drives the search, the sorting and
                         the pager off these rows — but emi-mail-list lays each row out as a
                         card, so a mail reflows down the page instead of overflowing across
                         it. The header row is hidden; the cells are placed by class. --}}
                    <table class="emi-mail-list" id="mails-table">
                        <thead>
                            <tr>
                                <th class="emi-col-num">#</th>
                                {{-- <th>User ID</th> --}}
                                {{-- Name and address share one column. The address had a column of
                                     its own, which cost the width that Actions needed. --}}
                                <th>Sender</th>
                                <th>Subject</th>
                                {{-- <th>Attachment</th> --}}
                                <th>Sent Date</th>
                                {{-- What to do about this mail, so the list can be worked
                                     through without opening every row. Sorted by urgency,
                                     not alphabetically — see the data-order below. --}}
                                <th>Next Action</th>
                                {{-- Whether this mail is a sales opportunity, and what kind.
                                     Sorted by the classifier's own score, so the strongest
                                     signals come first — see the data-order below. --}}
                                <th title="Whether this mail is a sales opportunity, how urgent it is, and how sure the classifier was">
                                    Lead &amp; Priority
                                </th>
                                {{-- Who owns this mail. Sorted so unowned mail comes first —
                                     see the data-order below — because the reason to sort this
                                     column is to find what nobody has picked up. --}}
                                <th title="The team and person this mail was assigned to">
                                    Assigned
                                </th>
                                {{-- <th>is_spam</th> --}}
                                @if ($type == 'Reply pending mail')
                                    <th title="How long this mail has been waiting for a reply">Waiting Since</th>
                                @endif
                                @if ($type == 'Replied Mail')
                                    <th>Replied Date</th>
                                    {{-- <th>Response Time</th> --}}
                                @endif
                                @if ($type == 'Read Mail' || $type == 'Un-Read Mail' || $type == 'All Mail')
                                    @if ($type == 'All Mail')
                                        <th>Sentiment</th>
                                        {{-- What kind of mail this is, from the configured category
                                             vocabulary. Sales and AMC in the Group By menu are the
                                             coarse rollups of these. --}}
                                        <th>Category</th>
                                        {{-- Read state, the promotion/spam label and action-required
                                             share one column. As three columns they were mostly empty
                                             pills, and between them they pushed Actions off-screen. --}}
                                        <th>Flags</th>
                                    @endif
                                    {{-- <th>Types Mail</th> --}}
                                    {{-- @elseif ($type == 'send-mail')
                            <th>Spam Status</th> --}}
                                @endif
                                <th class="text-end">Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php
                                // Mailbox owner — used to flag the mails they sent themselves.
                                $currentEmail = isset($employee) ? $employee->email : Auth::user()->email ?? null;
                            @endphp
                            @foreach ($mails as $mail)
                                @php
                                    $isOwnSentMail =
                                        $currentEmail !== null &&
                                        strcasecmp(trim($mail->sender_email), trim($currentEmail)) === 0;
                                @endphp
                                <tr class="{{ $mail->message_status == 1 ? '' : 'emi-row--unread' }}">
                                    @php
                                        // Create DateTime objects in Asia/Kolkata timezone
                                        // $sent = new DateTime($mail->sent_date, new DateTimeZone('Asia/Kolkata'));
                                        $sent = new DateTime($mail->sent_date); // Let it parse the actual timezone
                                        $sent->setTimezone(new DateTimeZone('Asia/Kolkata'));
                                        // $replied = new DateTime($mail->sent_date_s, new DateTimeZone('Asia/Kolkata'));
                                        $replied = new DateTime($mail->sent_date_s); // Let it parse the actual timezone
                                        $replied->setTimezone(new DateTimeZone('Asia/Kolkata'));
                                    @endphp

                                    {{-- Kept for DataTables' benefit: it is column 0 and the listing's
                                         own order. The cards do not draw it. --}}
                                    <td class="emi-mail__num">{{ $loop->iteration }}</td>
                                    {{-- <td>{{ $mail->email_id }}</td> --}}
                                    @php
                                        // Every per-row link is scoped to the mailbox the mail actually
                                        // sits in, not the mailbox in the page URL. The two differ on the
                                        // assignment listings: those span mailboxes on purpose (mail
                                        // assigned to an employee is delivered to whichever mailbox it was
                                        // addressed to), so a row here can belong to a different user than
                                        // $employee. Linking with $employee->id sent Reply/Open/Summary
                                        // looking for the mail under an owner that does not have it, and
                                        // they found nothing.
                                        $mailboxId = $mail->user_id ?: ($employee->id ?? null);

                                        // The mail's own page — the subject links to it, so reading a
                                        // mail costs no button in the Actions column.
                                        $mailUrl = route('mails.show', [
                                            'emial_id' => $mail->email_id,
                                            'is_sent' => '0',
                                            'user_id' => $mailboxId,
                                        ]);
                                    @endphp
                                    @php
                                        // Plenty of mail arrives with no name at all, or with the
                                        // address as the name. Either way the address stands in for
                                        // the name and the second line is dropped, because printing
                                        // the same address twice tells the reader nothing.
                                        $senderEmail = trim((string) $mail->sender_email);
                                        $senderName = trim((string) $mail->sender_name);
                                        $displayName = $senderName !== '' ? $senderName : $senderEmail;
                                        $showAddress = strcasecmp($displayName, $senderEmail) !== 0;
                                    @endphp
                                    <td class="emi-mail__sender" data-order="{{ $displayName }}">
                                        <span class="emi-sender">
                                            <span class="emi-sender__avatar" aria-hidden="true">
                                                {{ mb_substr($displayName, 0, 1) }}
                                            </span>
                                            <span class="emi-sender__meta">
                                                <span class="emi-sender__name">
                                                    <span class="emi-cell-strong"
                                                        title="{{ $displayName }}">{{ $displayName }}</span>
                                                    @if ($isOwnSentMail)
                                                        <span class="emi-pill emi-pill--violet"
                                                            title="You sent this mail">Sent</span>
                                                    @endif
                                                </span>
                                                @if ($showAddress)
                                                    <a class="emi-sender__mail" href="mailto:{{ $senderEmail }}"
                                                        title="{{ $senderEmail }}">{{ $senderEmail }}</a>
                                                @endif
                                            </span>
                                        </span>
                                    </td>
                                    <td class="emi-mail__subject">
                                        <a href="{{ $mailUrl }}"
                                            title="{{ $mail->subject === 'No Subject' ? 'Open mail' : $mail->subject }}">{{ $mail->subject === 'No Subject' ? '(No subject)' : $mail->subject }}</a>
                                    </td>
                                    {{-- <td>{{ $mail->attachment_status == 1 ? 'Yes' : 'No' }}</td> --}}
                                    <td class="emi-mail__date" data-order="{{ $sent->format('YmdHis') }}">
                                        {{ $sent->format('d M Y') }}
                                        <small>{{ $sent->format('h:i A') }}</small>
                                    </td>

                                    {{-- Next Action --}}
                                    @php
                                        $actionWord = strtolower(trim((string) ($mail->next_action ?? '')));
                                        $actionDef = $nextActionByCode[$actionWord] ?? null;
                                        // Anything other than "ai" was worked out from this
                                        // mail's other labels rather than recommended for it,
                                        // which the pill says so as not to overclaim.
                                        $actionInferred =
                                            strtolower(trim((string) ($mail->next_action_source ?? ''))) !== 'ai';
                                        // Sort by urgency: the vocabulary order is the ranking,
                                        // and mail with no action at all sorts last.
                                        $actionRank = $actionDef ? $actionDef['rank'] : 999;
                                    @endphp
                                    <td class="emi-mail__meta" data-order="{{ $actionRank }}">
                                        @if ($actionDef)
                                            <span
                                                class="emi-pill emi-pill--kind {{ $actionDef['pill'] }} {{ $actionInferred ? 'emi-pill--inferred' : '' }}"
                                                title="Next action — {{ $actionDef['label'] }}. {{ $actionInferred ? 'Inferred from this mail’s existing labels — it has not been through the next-action classifier. ' : '' }}{{ $actionDef['description'] }}">
                                                <span class="emi-pill__kind"><i
                                                        class="bi bi-lightning-charge-fill"></i>Action</span>{{ $actionDef['label'] }}</span>
                                        @else
                                            <span class="emi-pill emi-pill--kind emi-pill--slate"
                                                title="Next action — none worked out for this mail yet.">
                                                <span class="emi-pill__kind"><i
                                                        class="bi bi-lightning-charge-fill"></i>Action</span>—</span>
                                        @endif
                                    </td>

                                    {{-- Lead --}}
                                    @php
                                        $isLead = (int) ($mail->is_potential_lead ?? 0) === 1;
                                        $leadWord = strtolower(trim((string) ($mail->lead_type ?? '')));
                                        $leadDef = $leadByCode[$leadWord] ?? null;
                                        // Anything other than "ai" was worked out from this mail's
                                        // other labels rather than detected in it, which the pill
                                        // says so as not to overclaim.
                                        $leadInferred =
                                            strtolower(trim((string) ($mail->lead_source ?? ''))) !== 'ai';
                                        // Null is not zero: an inferred lead was never scored, and
                                        // showing it as 0 would read as "the model was sure it is
                                        // not one".
                                        $leadScore = $mail->lead_score ?? null;
                                        $leadScore = $leadScore === null || $leadScore === '' ? null : (int) $leadScore;

                                        // How urgently this one needs answering: its type's band,
                                        // dropped one step when the classifier only just cleared
                                        // that type's floor. Derived here rather than read off the
                                        // row, so an admin who re-bands a type sees this column
                                        // change on the next page load.
                                        $leadBand = \App\Models\LeadType::priorityFor($mail);
                                        $leadBandDef = $leadBand === null ? null : $leadPriorityDefs[$leadBand];

                                        // Sort by band first and certainty within it, so the column
                                        // ranks by what to do next rather than by how sure the model
                                        // was. Mail that is not a lead sorts last whatever else it
                                        // carries.
                                        $leadOrder = $isLead
                                            ? \App\Models\LeadType::priorityOrderValue($leadBand, $leadScore)
                                            : 0;
                                        $leadTitle = $isLead
                                            ? trim(
                                                ($leadInferred
                                                    ? 'Inferred from this mail’s existing labels — it has not been through the lead classifier. '
                                                    : '') .
                                                    (trim((string) ($mail->lead_reason ?? '')) ?:
                                                        ($leadDef['description'] ?? 'Looks like a sales opportunity.')),
                                            )
                                            : 'Not a sales opportunity.';
                                    @endphp
                                    <td class="emi-mail__meta" data-order="{{ $leadOrder }}">
                                        @if ($isLead)
                                            @if ($leadBandDef)
                                                {{-- Urgency before kind, because it is the reason to
                                                     look at the column at all. The tooltip says how the
                                                     band was arrived at: a band that cannot be explained
                                                     is a band nobody trusts twice. --}}
                                                @php
                                                    $ownBand = $leadDef['priority'] ?? null;
                                                    $wasDemoted = $ownBand !== null && $ownBand !== $leadBand;
                                                    $bandWhy = $wasDemoted
                                                        ? ($leadDef['label'] ?? 'This type') .
                                                            ' is a ' .
                                                            strtolower($leadPriorityDefs[$ownBand]['label']) .
                                                            '-priority type, but ' .
                                                            $leadScore .
                                                            ' only just clears its floor of ' .
                                                            ($leadDef['min_score'] ?? 0) .
                                                            ', so it is shown one band lower.'
                                                        : $leadBandDef['description'];
                                                @endphp
                                                <span class="emi-pill emi-pill--kind {{ $leadBandDef['pill'] }}"
                                                    title="{{ $leadBandDef['label'] }} priority — {{ $bandWhy }}">
                                                    <span class="emi-pill__kind"><i
                                                            class="bi {{ $leadBandDef['icon'] }}"></i>Priority</span>{{ $leadBandDef['label'] }}</span>
                                            @endif
                                            <span
                                                class="emi-pill emi-pill--kind {{ $leadDef['pill'] ?? 'emi-pill--green' }} {{ $leadInferred ? 'emi-pill--inferred' : '' }}"
                                                title="Lead type — {{ $leadDef['label'] ?? 'Lead' }}. {{ $leadTitle }}">
                                                <span class="emi-pill__kind"><i
                                                        class="bi bi-graph-up-arrow"></i>Lead</span>{{ $leadDef['label'] ?? 'Lead' }}</span>
                                            @if ($leadScore !== null)
                                                {{-- The classifier's own certainty. Shown beside the
                                                     type because "Pricing Request, 40" and "Pricing
                                                     Request, 95" are not the same claim. --}}
                                                <span class="emi-mail__stat"
                                                    title="The classifier rated its certainty {{ $leadScore }} out of 100.">{{ $leadScore }}</span>
                                            @endif
                                        @else
                                            <span class="emi-pill emi-pill--kind emi-pill--slate"
                                                title="Lead type — {{ $leadTitle }}">
                                                <span class="emi-pill__kind"><i
                                                        class="bi bi-graph-up-arrow"></i>Lead</span>—</span>
                                        @endif
                                    </td>

                                    {{-- Assigned --}}
                                    @php
                                        $assignedDeptId = (int) ($mail->assigned_department_id ?? 0);
                                        $assignedDeptDef = $assignedByDept[$assignedDeptId] ?? null;
                                        $assignedToId = (int) ($mail->assigned_user_id ?? 0);
                                        $assignedToName = $assigneeNames[$assignedToId] ?? null;
                                        // A person decided this one, and it will not be changed
                                        // back by the rule or by mail:assign-existing. Worth
                                        // saying: it is the difference between "the mapping sent
                                        // this here" and "somebody put this here".
                                        $assignedManually =
                                            strtolower(trim((string) ($mail->assignment_source ?? ''))) ===
                                            \App\Models\Department::SOURCE_MANUAL;
                                        // Unowned sorts first: the reason to sort this column is
                                        // to find what nobody has picked up.
                                        $assignedOrder = $assignedDeptId > 0 ? 1 : 0;
                                    @endphp
                                    <td class="emi-mail__meta" data-order="{{ $assignedOrder }}">
                                        @if ($assignedDeptId > 0)
                                            @php
                                                $assignedTeamLabel =
                                                    $assignedDeptDef['label'] ?? 'Deleted team';
                                                $assignedWhy = $assignedManually
                                                    ? 'Assigned by hand' .
                                                        ($assignedToName ? ' to ' . $assignedToName : '') .
                                                        ' — this overrides the routing rule and is not changed back automatically.'
                                                    : 'Routed automatically to ' .
                                                        $assignedTeamLabel .
                                                        ($assignedToName
                                                            ? ', whose head is ' . $assignedToName . '.'
                                                            : '. No head is named for this team, so it belongs to the team rather than to a person.');
                                            @endphp
                                            <span
                                                class="emi-pill emi-pill--kind {{ $assignedDeptDef['pill'] ?? 'emi-pill--slate' }}"
                                                title="{{ $assignedWhy }}">
                                                <span class="emi-pill__kind"><i
                                                        class="bi {{ $assignedManually ? 'bi-person-check' : 'bi-people' }}"></i>{{ $assignedManually ? 'Owner' : 'Team' }}</span>{{ $assignedTeamLabel }}</span>
                                            @if ($assignedToName)
                                                {{-- The person, beside the team. "Support" and
                                                     "Support / Pankaj" are different situations:
                                                     one is a queue, the other is somebody's desk. --}}
                                                <span class="emi-mail__stat"
                                                    title="{{ $assignedWhy }}">{{ $assignedToName }}</span>
                                            @endif
                                        @else
                                            <span class="emi-pill emi-pill--kind emi-pill--slate"
                                                title="Nobody owns this mail. Either its category is not routed to a team yet, or somebody cleared the assignment.">
                                                <span class="emi-pill__kind"><i
                                                        class="bi bi-people"></i>Team</span>—</span>
                                        @endif
                                    </td>

                                    @if ($type == 'Reply pending mail')
                                        @php
                                            $now = new DateTime('now', new DateTimeZone('Asia/Kolkata'));
                                            $interval = $sent->diff($now);

                                            // Difference formatting
                                            $diffParts = [];
                                            if ($interval->y) {
                                                $diffParts[] = "{$interval->y} years";
                                            }
                                            if ($interval->m) {
                                                $diffParts[] = "{$interval->m} months";
                                            }
                                            if ($interval->d) {
                                                $diffParts[] = "{$interval->d} days";
                                            }
                                            if ($interval->h) {
                                                $diffParts[] = "{$interval->h} hours";
                                            }
                                            if ($interval->i) {
                                                $diffParts[] = "{$interval->i} minutes";
                                            }
                                            if ($interval->s) {
                                                $diffParts[] = "{$interval->s} seconds";
                                            }

                                            // Full text kept for the tooltip
                                            $diffText = implode(' ', $diffParts) . ' ago';

                                            // Compact label — the two most significant units only.
                                            $units = [
                                                ['y', 'yr'],
                                                ['m', 'mo'],
                                                ['d', 'd'],
                                                ['h', 'h'],
                                                ['i', 'm'],
                                            ];
                                            $shortParts = [];
                                            foreach ($units as [$prop, $suffix]) {
                                                if ($interval->$prop && count($shortParts) < 2) {
                                                    $shortParts[] = $interval->$prop . $suffix;
                                                }
                                            }
                                            $shortText = $shortParts ? implode(' ', $shortParts) . ' ago' : 'Just now';

                                            // Severity: the longer a reply is outstanding, the louder the pill.
                                            $totalDays = (int) $sent->diff($now)->days;
                                            if ($totalDays >= 30) {
                                                $pill = 'emi-pill--red';
                                            } elseif ($totalDays >= 7) {
                                                $pill = 'emi-pill--amber';
                                            } elseif ($totalDays >= 1) {
                                                $pill = 'emi-pill--blue';
                                            } else {
                                                $pill = 'emi-pill--green';
                                            }
                                        @endphp
                                        <td class="emi-mail__meta" data-order="{{ $totalDays }}">
                                            <span class="emi-pill emi-pill--kind {{ $pill }}"
                                                title="Waiting for a reply — {{ $diffText }}">
                                                <span class="emi-pill__kind"><i
                                                        class="bi bi-hourglass-split"></i>Waiting</span>{{ $shortText }}</span>
                                        </td>
                                    @endif

                                    @if ($type == 'Replied Mail')
                                        {{-- On a card this sits among the pills, so it says what the
                                             date is rather than relying on a column header. --}}
                                        <td class="emi-mail__meta" data-order="{{ $replied->format('YmdHis') }}">
                                            <span class="emi-mail__stat"><i class="bi bi-reply-fill"></i> Replied
                                                {{ $replied->format('d M Y, h:i A') }}</span>
                                        </td>

                                        @php
                                            $interval = $sent->diff($replied);

                                            $diffParts = [];
                                            if ($interval->y) {
                                                $diffParts[] = "{$interval->y} years";
                                            }
                                            if ($interval->m) {
                                                $diffParts[] = "{$interval->m} months";
                                            }
                                            if ($interval->d) {
                                                $diffParts[] = "{$interval->d} days";
                                            }
                                            if ($interval->h) {
                                                $diffParts[] = "{$interval->h} hours";
                                            }
                                            if ($interval->i) {
                                                $diffParts[] = "{$interval->i} minutes";
                                            }
                                            if ($interval->s) {
                                                $diffParts[] = "{$interval->s} seconds";
                                            }

                                            $diffText = implode(' ', $diffParts);

                                            // Color logic
                                            if ($interval->y >= 1) {
                                                $color = 'text-secondary';
                                            } elseif ($interval->m >= 1) {
                                                $color = 'text-warning';
                                            } elseif ($interval->d >= 2) {
                                                $color = 'text-danger';
                                            } elseif ($interval->d == 1) {
                                                $color = 'text-primary';
                                            } else {
                                                $color = 'text-success';
                                            }
                                        @endphp

                                        {{-- <td><span class="{{ $color }}">{{ $diffText }}</span></td> --}}
                                    @endif

                                    @if ($type == 'Read Mail' || $type == 'Un-Read Mail' || $type == 'All Mail')
                                        @if ($type == 'All Mail')
                                            {{-- Sentiment --}}
                                            <td class="emi-mail__meta">

                                                @php
                                                    $getting_spam = strpos($mail->label_ids, 'SPAM') !== false ? 1 : 0;

                                                    if ($mail->is_promotion == 1 || $getting_spam == 1) {
                                                        $sentimentText = 'Mass mail';
                                                        $sentimentPill = 'emi-pill--violet';
                                                    } else {
                                                        $sentimentDef =
                                                            $sentimentByCode[strtolower(trim((string) $mail->is_spam_value))] ?? null;
                                                        // Mail classified under a label that has since been
                                                        // renamed or deactivated still shows the word it was
                                                        // given, in a neutral pill.
                                                        $sentimentText = $sentimentDef['label'] ?? ucfirst((string) $mail->is_spam_value);
                                                        $sentimentPill = $sentimentDef['pill'] ?? 'emi-pill--slate';
                                                    }
                                                @endphp
                                                <span class="emi-pill emi-pill--kind {{ $sentimentPill }}"
                                                    title="Sentiment — {{ $sentimentText !== '' ? $sentimentText : 'not worked out for this mail yet' }}">
                                                    <span class="emi-pill__kind"><i
                                                            class="bi bi-emoji-smile"></i>Sentiment</span>{{ $sentimentText !== '' ? $sentimentText : '—' }}</span>
                                                {{-- {{ $mail->is_promotion == 1
                                                    ? ($getting_spam == 1
                                                        ? 'Spam & Promotion'
                                                        : 'Promotion')
                                                    : ($getting_spam == 1
                                                        ? 'Spam'
                                                        : ucfirst($mail->is_spam_value)) }} --}}
                                                {{-- {{ $mail->is_promotion == 1 ? $getting_spam . 'Promotion ' : ucfirst($mail->is_spam_value) }} --}}
                                            </td>

                                            {{-- Category --}}
                                            @php
                                                $categoryWord = strtolower(trim((string) ($mail->is_category_value ?? '')));
                                                $categoryDef = $categoryByCode[$categoryWord] ?? null;
                                            @endphp
                                            <td class="emi-mail__meta">
                                                @if ($categoryDef)
                                                    <span class="emi-pill emi-pill--kind {{ $categoryDef['pill'] }}"
                                                        title="Category — {{ $categoryDef['label'] }}. {{ $categoryDef['description'] }}">
                                                        <span class="emi-pill__kind"><i
                                                                class="bi bi-diagram-3-fill"></i>Category</span>{{ $categoryDef['label'] }}</span>
                                                @elseif ($categoryWord !== '')
                                                    {{-- Classified under a code since renamed, retired,
                                                         or belonging to another account's vocabulary.
                                                         The word it was given is still worth showing. --}}
                                                    <span class="emi-pill emi-pill--kind emi-pill--slate"
                                                        title="Category — classified as “{{ $categoryWord }}”, which is not one of this account's active categories.">
                                                        <span class="emi-pill__kind"><i
                                                                class="bi bi-diagram-3-fill"></i>Category</span>{{ ucfirst(str_replace('_', ' ', $categoryWord)) }}</span>
                                                @else
                                                    <span class="emi-pill emi-pill--kind emi-pill--slate"
                                                        title="Category — none worked out for this mail yet.">
                                                        <span class="emi-pill__kind"><i
                                                                class="bi bi-diagram-3-fill"></i>Category</span>—</span>
                                                @endif
                                            </td>
                                            {{-- Flags. Only what is true about the mail is drawn: an
                                                 unread pill, a promotion/spam label, and whether the
                                                 mail is waiting on somebody. A plain read mail shows a
                                                 dash rather than three "No" pills. Sorted so the rows
                                                 carrying the most flags come first. --}}
                                            @php
                                                $getting_spam = strpos($mail->label_ids, 'SPAM') !== false ? 1 : 0;
                                                $flagScore =
                                                    ($mail->message_status == 1 ? 0 : 4) +
                                                    ($mail->is_promotion == 1 || $getting_spam == 1 ? 2 : 0) +
                                                    ($mail->action_required == 1 ? 1 : 0);
                                            @endphp
                                            <td class="emi-mail__meta" data-order="{{ $flagScore }}">
                                                <span class="emi-flags">
                                                    @if ($mail->message_status != 1)
                                                        <span class="emi-pill emi-pill--blue"
                                                            title="Not read yet">Unread</span>
                                                    @endif
                                                    @if ($mail->is_promotion == 1)
                                                        <span class="emi-pill emi-pill--amber">Promotion</span>
                                                    @elseif ($getting_spam == 1)
                                                        <span class="emi-pill emi-pill--red">Spam</span>
                                                    @endif
                                                    @if ($mail->action_required == 1)
                                                        {{-- "Awaiting reply", not "Action": the next-action
                                                             pill on the same card is already labelled
                                                             Action, and these two say different things. --}}
                                                        <span class="emi-pill emi-pill--violet"
                                                            title="This mail is waiting on a reply">Awaiting reply</span>
                                                    @endif
                                                    {{-- Nothing to say about a read, unlabelled mail with
                                                         nothing outstanding, so the card says nothing —
                                                         a column needed a dash to fill, a card does not. --}}
                                                </span>
                                            </td>
                                        @endif
                                        {{-- <td>
                                    @php
                                        switch ($mail->is_spam) {
                                            case 0:
                                                $statusText = 'Negative';
                                                break;
                                            case 1:
                                                $statusText = 'Positive';
                                                break;
                                            case 2:
                                                $statusText = 'Reply Mail';
                                                break;
                                            case 3:
                                                $statusText = 'Neutral';
                                                break;
                                            case 4:
                                                $statusText = 'Promotion';
                                                break;
                                            case 5:
                                                $statusText = 'Sales';
                                                break;
                                            case 6:
                                                $statusText = 'AMC';
                                                break;
                                            default:
                                                $statusText = 'Unknown';
                                                break;
                                        }
                                    @endphp
                                    {{ $statusText }}
                                </td> --}}
                                        {{-- @elseif ($type == 'send-mail')
                                <td>ok</td> --}}
                                    @endif
                                    {{-- <td>{{ $mail->is_spam }}1</td> --}}
                                    <td class="emi-mail__actions">
                                        {{-- Actions. Five buttons in a table column sat off the right
                                             edge of the window; on a card they sit at the end of the
                                             mail they belong to. Summary and Reply stay out here,
                                             opening the mail moved onto the subject, and the rest are
                                             in the menu. --}}
                                        @php
                                            $followUp = $followUpsByMessage[$mail->id] ?? null;
                                            $followUpLate = $followUp && $followUp->isOverdue();
                                            $followUpOpen = $followUp && $followUp->isOpen();

                                            // Track is only meaningful once a reply has gone out on a
                                            // mail that was waiting for one.
                                            $trackUrl =
                                                $mail->sent_mail_id != -1 && $mail->action_required == 1
                                                    ? route('mails.show', [
                                                        'emial_id' => $mail->sent_mail_id,
                                                        'is_sent' => '1',
                                                        'user_id' => $mailboxId,
                                                    ])
                                                    : null;
                                        @endphp
                                        <div class="emi-actions">
                                            {{-- A mail already carrying a follow-up says when it is due,
                                                 red once it is late, and links to the queue. --}}
                                            @if ($followUpOpen)
                                                <a href="{{ route('follow_ups.index', ['view' => $followUpLate ? 'overdue' : 'open']) }}"
                                                    class="emi-action {{ $followUpLate ? 'emi-action--danger' : 'emi-action--track' }}"
                                                    title="{{ $followUp->reason }}"><i class="bi bi-alarm-fill"></i>
                                                    {{ $followUp->dueLabel() }}</a>
                                            @endif

                                            {{-- Email Summary: the whole conversation this mail belongs to,
                                                 in five sections. Opens in a modal so the list is not lost;
                                                 the modal offers the full page. --}}
                                            <a href="{{ route('thread.summary', ['messageId' => $mail->id, 'userId' => $mailboxId]) }}"
                                                class="emi-action js-thread-summary"
                                                data-summary-url="{{ route('thread.summary.data', ['messageId' => $mail->id, 'userId' => $mailboxId]) }}"
                                                data-summary-refresh-url="{{ route('thread.summary.refresh', ['messageId' => $mail->id, 'userId' => $mailboxId]) }}"
                                                data-summary-page-url="{{ route('thread.summary', ['messageId' => $mail->id, 'userId' => $mailboxId]) }}"><i
                                                    class="bi bi-card-text"></i> Summary</a>

                                            {{-- Reply is the one link that does NOT take $mailboxId. Its
                                                 user_id means "reply as this account", not "read from this
                                                 mailbox": a mail assigned to an employee is answered by that
                                                 employee, from their own address, even though it was
                                                 delivered elsewhere. replyMail() resolves the mail's real
                                                 mailbox itself for the purpose of reading it back. --}}
                                            <a href="{{ route('mails.reply', ['id' => $mail->email_id, 'user_id' => $employee->id ?? null]) }}"
                                                class="emi-action emi-action--primary"><i class="bi bi-reply-fill"></i>
                                                Reply</a>

                                            <div class="dropdown emi-more">
                                                <a href="#" class="emi-action emi-action--icon emi-more__toggle"
                                                    data-bs-toggle="dropdown" aria-expanded="false"
                                                    title="More actions" aria-label="More actions"><i
                                                        class="bi bi-three-dots"></i></a>
                                                <ul class="dropdown-menu dropdown-menu-end">
                                                    <li><a class="dropdown-item" href="{{ $mailUrl }}"><i
                                                                class="bi bi-eye"></i> Open mail</a></li>
                                                    @if ($trackUrl)
                                                        <li><a class="dropdown-item" href="{{ $trackUrl }}"><i
                                                                    class="bi bi-activity"></i> Track reply</a></li>
                                                    @endif
                                                    <li>
                                                        <hr class="dropdown-divider">
                                                    </li>
                                                    {{-- Raising a reminder is still one click from the row:
                                                         the mail a person just read and knew mattered is
                                                         exactly what no vocabulary was going to catch. --}}
                                                    <li class="emi-more__label">
                                                        {{ $followUpOpen ? 'Reschedule reminder' : 'Remind me' }}</li>
                                                    @foreach (\App\Models\FollowUp::SNOOZE_OPTIONS as $minutes => $label)
                                                        <li>
                                                            <form action="{{ route('follow_ups.store') }}" method="POST"
                                                                class="m-0">
                                                                @csrf
                                                                <input type="hidden" name="message_id"
                                                                    value="{{ $mail->id }}">
                                                                <input type="hidden" name="due_in_minutes"
                                                                    value="{{ $minutes }}">
                                                                <button class="dropdown-item" type="submit"><i
                                                                        class="bi bi-alarm"></i>
                                                                    {{ ucfirst($label) }}</button>
                                                            </form>
                                                        </li>
                                                    @endforeach
                                                </ul>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>

                @endif

            </div>
        </div>

        {{-- k0530 9-9-2025 --}}
        <!-- Card Footer -->
        <div class="emi-card__footer">
            {{-- <div class="text-muted" style="font-size: 0.9rem;">
                Total Mails: <strong>{{ count($mails) }}</strong>
            </div> --}}
            <div id="mailPageInfo"></div>
            <div id="mailspagination" class="d-flex align-items-center gap-3"></div>
        </div>

        {{-- k0530 9-9-2025 --}}
    </div>

@endsection

@push('scripts')
    {{-- DataTables CSS is loaded in layouts/app.blade.php <head> so css/emi-ui.css can override it --}}

    <!-- jQuery -->
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

    <!-- DataTables JS -->
    <script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
    <script>
        $(document).ready(function() {
            var table = $('#mails-table').DataTable({
                // pageLength: 5,
                // lengthChange: false,
                ordering: true,
                info: true,
                // Newest first, which is what the Sort control opens on. The cards
                // hide the column headers, so this is the only thing stating the
                // starting order.
                order: [[{{ $colIndex['date'] }}, 'desc']],
                // The trailing Actions column holds buttons, so there is nothing to sort by
                columnDefs: [{
                    targets: -1,
                    orderable: false
                }],
                // pagingType: 'simple',
                pagingType: 'full_numbers',
                language: {
                    search: "",
                    searchPlaceholder: "Search...",
                    // paginate: {
                    //     previous: "<",
                    //     next: ">"
                    // }
                },
                // k0530 9-9-2025
                dom: '<"hide-pagination"p><"hide-info"i>t' //is hide total entry infortmaion 
                // k0530 9-9-2025
                // dom: 't<"d-flex justify-content-between align-items-center p-3"p>'
                //      dom: `<"d-flex justify-content-between align-items-center px-3 pt-3"l>t
            // <"d-flex justify-content-between align-items-center p-3"p>`
            });

            // k0530 9-9-2025
            // Move pagination into footer
            $('#mailspagination').append($('.dataTables_paginate'));

            // Info text is rendered by updatePageInfo() into #mailPageInfo, so hide the default one
            $('.dataTables_info').hide();
            // Connect custom search box
            // k0530 9-9-2025
            $('#customSearch').on('keyup', function() {
                table.search(this.value).draw();
            });

            // k0530 9-9-2025
            // Function to style pagination buttons — visual rules live in css/emi-ui.css
            function stylePaginationButtons() {
                $('.dataTables_paginate .paginate_button').each(function() {
                    var $btn = $(this);
                    var isCurrent = $btn.hasClass('current');
                    var isDisabled = $btn.hasClass('disabled');
                    $btn.removeClass() // Remove DataTables default classes
                        .addClass('paginate_button emi-page-btn')
                        .toggleClass('current', isCurrent)
                        .toggleClass('disabled', isDisabled);
                });
            }

            function updatePageInfo() {
                var info = table.page.info();
                var from = info.recordsDisplay ? info.start + 1 : 0;
                $('#mailPageInfo').html(
                    'Showing <strong>' + from + '&ndash;' + info.end + '</strong> of <strong>' +
                    info.recordsDisplay + '</strong> mails'
                );
            }
            // The row-action menus live inside the table's scroll box, so Popper is
            // told to position them against the viewport instead — otherwise the
            // menu on a row near the bottom is clipped by the box it opens in.
            function initRowMenus() {
                document.querySelectorAll('#mails-table .emi-more__toggle').forEach(function(el) {
                    if (el.dataset.emiMenuReady) return;
                    el.dataset.emiMenuReady = '1';
                    new bootstrap.Dropdown(el, {
                        popperConfig: function(config) {
                            return Object.assign({}, config, {
                                strategy: 'fixed'
                            });
                        }
                    });
                });
            }

            // The card layout hides the column headers, so this stands in for
            // clicking them. Each option names a column and a direction.
            $('#mailSort').on('change', function() {
                var parts = this.value.split(':');
                table.order([parseInt(parts[0], 10), parts[1]]).draw();
                // Sorting a different set of mails to the top is only useful from
                // the first page.
                table.page(0).draw(false);
            });

            // Apply initial styles
            stylePaginationButtons();
            updatePageInfo();
            initRowMenus();
            // Re-apply styles on every table redraw
            table.on('draw', function() {
                stylePaginationButtons();
                updatePageInfo();
                initRowMenus();
                // console.log("Current Page:", table.page() + 1);
            });
            // k0530 9-9-2025
        });
    </script>

    <script>
        // $(document).ready(function() {
        // $('#mails-table').DataTable();
        // // $('#mails-table').DataTable({
        // // pageLength: 25,
        // // ordering: true,
        // // responsive: true
        // // });
        // });
    </script>
@endpush