@extends('layouts.admin')
@section('title', 'CRM settings')
@section('content')
@php
  $tabs = [
    'general' => 'General',
    'pipeline' => 'Pipeline stages',
    'lead-intake' => 'Lead intake',
    'stage-emails' => 'Stage emails',
    'templates' => 'Email templates',
    'delivery' => 'Delivery log',
  ];
  $activeTemplateId = (int) request('template');
@endphp
<x-crm.shell title="CRM settings" subtitle="Global automation control — pipelines, lead intake emails, stage notifications, and advanced HTML templates.">
    <x-slot:actions>
        <a href="{{ route('admin.crm.pipelines.index') }}" class="admin-btn">Pipelines board</a>
        <a href="{{ route('admin.crm.email-templates.index') }}" class="admin-btn">Template library</a>
    </x-slot:actions>
    <x-slot:stats>
        <x-crm.stat label="Automation" :value="$settings['automation_enabled'] ? 'On' : 'Off'" :tone="$settings['automation_enabled'] ? 'success' : 'muted'" />
        <x-crm.stat label="Stages" :value="$stats['stages']" />
        <x-crm.stat label="Templates" :value="$stats['approved'].'/'.$stats['templates']" />
        <x-crm.stat label="Sent emails" :value="$stats['sent']" tone="success" />
    </x-slot:stats>

    @if(session('status'))
        <div class="mx-4 mt-4 rounded-lg border border-emerald-200 bg-emerald-50 px-4 py-3 text-sm text-emerald-900 sm:mx-6 lg:mx-8">{{ session('status') }}</div>
    @endif
    @if($errors->any())
        <div class="mx-4 mt-4 rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800 sm:mx-6 lg:mx-8">{{ $errors->first() }}</div>
    @endif

    <div class="order-ops-quick-filters mx-4 mt-4 mb-2 flex flex-wrap gap-2 sm:mx-6 lg:mx-8">
        @foreach($tabs as $key => $label)
            <a href="{{ route('admin.crm.settings.edit', ['tab' => $key]) }}" class="order-ops-chip {{ $tab === $key ? 'is-active' : '' }}">{{ $label }}</a>
        @endforeach
    </div>

    <div class="space-y-5 p-4 sm:p-6 lg:px-8">
        @if($tab === 'general')
            <form method="post" action="{{ route('admin.crm.settings.general') }}" class="space-y-5">
                @csrf @method('PUT')
                <section class="rounded-2xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)]">
                    <h2 class="text-sm font-semibold">Automation master switches</h2>
                    <div class="mt-4 grid gap-3 sm:grid-cols-2">
                        @foreach([
                            'automation_enabled' => 'Enable CRM email automation',
                            'auto_create_opportunity' => 'Auto-create opportunity on new leads',
                            'queue_delivery' => 'Queue email delivery (recommended)',
                            'wrap_html_layout' => 'Wrap templates in branded HTML layout',
                            'scoring_on_lead_create' => 'Score leads on intake',
                            'routing_on_lead_create' => 'Route / assign owners on intake',
                            'sla_on_lead_create' => 'Start lead acceptance SLA on intake',
                            'playbooks_on_stage_change' => 'Run task playbooks on stage change',
                            'duplicate_email_block' => 'Block duplicate lead emails (hard)',
                        ] as $key => $label)
                            <label class="inline-flex items-center gap-2 text-sm">
                                <input type="checkbox" name="{{ $key }}" value="1" @checked(!empty($settings[$key]))>
                                {{ $label }}
                            </label>
                        @endforeach
                    </div>
                </section>
                <section class="rounded-2xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)]">
                    <h2 class="text-sm font-semibold">Default sender</h2>
                    <div class="mt-4 grid gap-4 md:grid-cols-2">
                        <label class="block text-sm"><span class="admin-label">From name</span><input class="admin-input" name="default_from_name" value="{{ old('default_from_name', $settings['default_from_name']) }}" required></label>
                        <label class="block text-sm"><span class="admin-label">From email</span><input class="admin-input" type="email" name="default_from_email" value="{{ old('default_from_email', $settings['default_from_email']) }}" required></label>
                        <label class="block text-sm"><span class="admin-label">Reply-to</span><input class="admin-input" type="email" name="default_reply_to" value="{{ old('default_reply_to', $settings['default_reply_to']) }}"></label>
                        <label class="block text-sm"><span class="admin-label">Brand color</span><input class="admin-input" name="brand_color" value="{{ old('brand_color', $settings['brand_color']) }}"></label>
                        <label class="block text-sm md:col-span-2"><span class="admin-label">BCC ops emails (comma-separated)</span><input class="admin-input" name="bcc_ops_emails" value="{{ old('bcc_ops_emails', $settings['bcc_ops_emails']) }}" placeholder="ops@example.com, sales@example.com"></label>
                        <label class="block text-sm md:col-span-2"><span class="admin-label">Footer HTML</span><textarea class="admin-input min-h-[5rem] font-mono text-xs" name="footer_html">{{ old('footer_html', $settings['footer_html']) }}</textarea></label>
                        <label class="block text-sm md:col-span-2"><span class="admin-label">Compliance / unsubscribe note</span><input class="admin-input" name="unsubscribe_note" value="{{ old('unsubscribe_note', $settings['unsubscribe_note']) }}"></label>
                    </div>
                </section>
                <button class="admin-btn admin-btn-primary" type="submit">Save general settings</button>
            </form>
        @endif

        @if($tab === 'pipeline')
            <section class="rounded-2xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)]">
                <div class="mb-4 flex flex-wrap items-center justify-between gap-2">
                    <div>
                        <h2 class="text-sm font-semibold">{{ $pipeline->name }} stages</h2>
                        <p class="text-xs text-[#6d7175]">Edit names, probabilities, won/lost flags, and allowed transitions.</p>
                    </div>
                </div>
                <div class="space-y-4">
                    @foreach($pipeline->stages as $stage)
                        <article class="rounded-xl border border-[var(--color-admin-border)] p-4">
                            <form method="post" action="{{ route('admin.crm.settings.stages.update', $stage) }}">
                                @csrf @method('PUT')
                                <div class="grid gap-3 md:grid-cols-6">
                                    <label class="md:col-span-2 text-sm"><span class="admin-label">Name</span><input class="admin-input" name="name" value="{{ $stage->name }}" required></label>
                                    <label class="text-sm"><span class="admin-label">Slug</span><input class="admin-input" name="slug" value="{{ $stage->slug }}"></label>
                                    <label class="text-sm"><span class="admin-label">Probability</span><input class="admin-input" type="number" min="0" max="100" name="probability" value="{{ $stage->probability }}"></label>
                                    <label class="text-sm"><span class="admin-label">Position</span><input class="admin-input" type="number" min="0" name="position" value="{{ $stage->position }}"></label>
                                    <div class="flex flex-col justify-end gap-2 text-sm">
                                        <label class="inline-flex items-center gap-2"><input type="checkbox" name="is_won" value="1" @checked($stage->is_won)> Won</label>
                                        <label class="inline-flex items-center gap-2"><input type="checkbox" name="is_lost" value="1" @checked($stage->is_lost)> Lost</label>
                                    </div>
                                    <label class="md:col-span-5 text-sm"><span class="admin-label">Allowed transitions (slugs, blank = any)</span>
                                        <input class="admin-input" name="allowed_transitions" value="{{ is_array($stage->allowed_transitions) ? implode(', ', $stage->allowed_transitions) : '' }}" placeholder="qualification, mockup-brief">
                                    </label>
                                    <div class="flex items-end">
                                        <button class="admin-btn admin-btn-primary" type="submit">Save stage</button>
                                    </div>
                                </div>
                            </form>
                            <form method="post" action="{{ route('admin.crm.settings.stages.destroy', $stage) }}" class="mt-3 flex flex-wrap items-end gap-3 border-t border-[var(--color-admin-border)] pt-3" onsubmit="return confirm('Delete stage {{ $stage->name }}? Opportunities on this stage will move to the selected target if set.')">
                                @csrf @method('DELETE')
                                <label class="min-w-[12rem] flex-1 text-sm">
                                    <span class="admin-label">Move opportunities to</span>
                                    <select class="admin-input" name="reassign_to">
                                        <option value="">— none (only if empty) —</option>
                                        @foreach($pipeline->stages->where('id', '!=', $stage->id) as $other)
                                            <option value="{{ $other->id }}">{{ $other->name }}</option>
                                        @endforeach
                                    </select>
                                </label>
                                <button class="admin-btn border-red-200 bg-red-50 text-red-800 hover:bg-red-100" type="submit">Delete stage</button>
                            </form>
                        </article>
                    @endforeach
                </div>
            </section>
            <section class="rounded-2xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)]">
                <h2 class="text-sm font-semibold">Add stage</h2>
                <form method="post" action="{{ route('admin.crm.settings.stages.store') }}" class="mt-4 grid gap-3 md:grid-cols-4">
                    @csrf
                    <label class="text-sm md:col-span-2"><span class="admin-label">Name</span><input class="admin-input" name="name" required></label>
                    <label class="text-sm"><span class="admin-label">Slug</span><input class="admin-input" name="slug"></label>
                    <label class="text-sm"><span class="admin-label">Probability</span><input class="admin-input" type="number" name="probability" value="20" min="0" max="100"></label>
                    <label class="inline-flex items-center gap-2 text-sm"><input type="checkbox" name="is_won" value="1"> Won stage</label>
                    <label class="inline-flex items-center gap-2 text-sm"><input type="checkbox" name="is_lost" value="1"> Lost stage</label>
                    <div class="md:col-span-4"><button class="admin-btn admin-btn-primary" type="submit">Add stage</button></div>
                </form>
            </section>
        @endif

        @if($tab === 'lead-intake')
            <form method="post" action="{{ route('admin.crm.settings.lead-intake') }}" class="space-y-5">
                @csrf @method('PUT')
                <section class="rounded-2xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)]">
                    <h2 class="text-sm font-semibold">When a lead comes in</h2>
                    <p class="mt-1 text-xs text-[#6d7175]">Choose which HTML templates fire for the lead, the owner, and internal ops.</p>
                    <div class="mt-4 space-y-4">
                        <label class="inline-flex items-center gap-2 text-sm"><input type="checkbox" name="auto_create_opportunity" value="1" @checked(!empty($settings['auto_create_opportunity']))> Auto-create opportunity</label>
                        <div class="grid gap-4 md:grid-cols-2">
                            <div class="rounded-xl border border-[var(--color-admin-border)] p-4">
                                <label class="inline-flex items-center gap-2 text-sm font-medium"><input type="checkbox" name="lead_ack_enabled" value="1" @checked(!empty($settings['lead_ack_enabled']))> Email the lead</label>
                                <label class="mt-3 block text-sm"><span class="admin-label">Template slug</span>
                                    <select class="admin-input" name="lead_ack_template">
                                        @foreach($templates as $template)
                                            <option value="{{ $template->slug }}" @selected($settings['lead_ack_template'] === $template->slug)>{{ $template->name }} ({{ $template->slug }})</option>
                                        @endforeach
                                    </select>
                                </label>
                                <label class="mt-3 inline-flex items-center gap-2 text-sm"><input type="checkbox" name="lead_require_marketing_consent" value="1" @checked(!empty($settings['lead_require_marketing_consent']))> Require marketing consent</label>
                            </div>
                            <div class="rounded-xl border border-[var(--color-admin-border)] p-4">
                                <label class="inline-flex items-center gap-2 text-sm font-medium"><input type="checkbox" name="lead_owner_notify_enabled" value="1" @checked(!empty($settings['lead_owner_notify_enabled']))> Notify assigned owner</label>
                                <label class="mt-3 block text-sm"><span class="admin-label">Template slug</span>
                                    <select class="admin-input" name="lead_owner_notify_template">
                                        @foreach($templates as $template)
                                            <option value="{{ $template->slug }}" @selected($settings['lead_owner_notify_template'] === $template->slug)>{{ $template->name }}</option>
                                        @endforeach
                                    </select>
                                </label>
                            </div>
                            <div class="rounded-xl border border-[var(--color-admin-border)] p-4 md:col-span-2">
                                <label class="inline-flex items-center gap-2 text-sm font-medium"><input type="checkbox" name="lead_internal_notify_enabled" value="1" @checked(!empty($settings['lead_internal_notify_enabled']))> Notify internal list</label>
                                <div class="mt-3 grid gap-3 md:grid-cols-2">
                                    <label class="block text-sm"><span class="admin-label">Template</span>
                                        <select class="admin-input" name="lead_internal_notify_template">
                                            @foreach($templates as $template)
                                                <option value="{{ $template->slug }}" @selected($settings['lead_internal_notify_template'] === $template->slug)>{{ $template->name }}</option>
                                            @endforeach
                                        </select>
                                    </label>
                                    <label class="block text-sm"><span class="admin-label">Emails</span>
                                        <input class="admin-input" name="lead_internal_emails" value="{{ $settings['lead_internal_emails'] }}" placeholder="ops@example.com, sales@example.com">
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <button class="admin-btn admin-btn-primary" type="submit">Save lead intake rules</button>
            </form>
        @endif

        @if($tab === 'stage-emails')
            <form method="post" action="{{ route('admin.crm.settings.stage-emails') }}" class="space-y-4">
                @csrf @method('PUT')
                <p class="text-sm text-[#6d7175]">For each pipeline stage, choose which HTML template the lead, owner, and internal recipients receive when an opportunity enters that stage.</p>
                @foreach($pipeline->stages as $stage)
                    @php $auto = $stage->automation; @endphp
                    <section class="rounded-2xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)]">
                        <div class="mb-3 flex flex-wrap items-center justify-between gap-2">
                            <h2 class="text-sm font-semibold">{{ $stage->name }} <span class="text-xs font-normal text-[#6d7175]">{{ $stage->slug }}</span></h2>
                            <label class="inline-flex items-center gap-2 text-sm"><input type="checkbox" name="stages[{{ $stage->id }}][enabled]" value="1" @checked($auto?->enabled ?? true)> Enabled</label>
                        </div>
                        <div class="grid gap-4 lg:grid-cols-3">
                            <div class="rounded-xl border border-[var(--color-admin-border)] p-3">
                                <label class="inline-flex items-center gap-2 text-sm font-medium"><input type="checkbox" name="stages[{{ $stage->id }}][notify_lead]" value="1" @checked($auto?->notify_lead)> Lead email</label>
                                <select class="admin-input mt-2" name="stages[{{ $stage->id }}][lead_template_id]">
                                    <option value="">— None —</option>
                                    @foreach($templates as $template)
                                        <option value="{{ $template->id }}" @selected((int) $auto?->lead_template_id === $template->id)>{{ $template->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="rounded-xl border border-[var(--color-admin-border)] p-3">
                                <label class="inline-flex items-center gap-2 text-sm font-medium"><input type="checkbox" name="stages[{{ $stage->id }}][notify_owner]" value="1" @checked($auto?->notify_owner)> Owner email</label>
                                <select class="admin-input mt-2" name="stages[{{ $stage->id }}][owner_template_id]">
                                    <option value="">— None —</option>
                                    @foreach($templates as $template)
                                        <option value="{{ $template->id }}" @selected((int) $auto?->owner_template_id === $template->id)>{{ $template->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="rounded-xl border border-[var(--color-admin-border)] p-3">
                                <label class="inline-flex items-center gap-2 text-sm font-medium"><input type="checkbox" name="stages[{{ $stage->id }}][notify_internal]" value="1" @checked($auto?->notify_internal)> Internal email</label>
                                <select class="admin-input mt-2" name="stages[{{ $stage->id }}][internal_template_id]">
                                    <option value="">— None —</option>
                                    @foreach($templates as $template)
                                        <option value="{{ $template->id }}" @selected((int) $auto?->internal_template_id === $template->id)>{{ $template->name }}</option>
                                    @endforeach
                                </select>
                                <input class="admin-input mt-2" name="stages[{{ $stage->id }}][internal_emails]" value="{{ implode(', ', $auto?->internal_emails ?? []) }}" placeholder="ops@example.com">
                            </div>
                        </div>
                        <label class="mt-3 inline-flex items-center gap-2 text-sm">Delay (minutes)
                            <input class="admin-input w-24" type="number" min="0" name="stages[{{ $stage->id }}][delay_minutes]" value="{{ $auto?->delay_minutes ?? 0 }}">
                        </label>
                    </section>
                @endforeach
                <button class="admin-btn admin-btn-primary" type="submit">Save stage email rules</button>
            </form>
        @endif

        @if($tab === 'templates')
            <div class="grid gap-5 xl:grid-cols-[20rem_minmax(0,1fr)]">
                <aside class="rounded-2xl border border-[var(--color-admin-border)] bg-white p-4 shadow-[var(--admin-shadow)]">
                    <h2 class="text-sm font-semibold">Templates</h2>
                    <ul class="mt-3 space-y-1 text-sm">
                        @foreach($templates as $template)
                            <li>
                                <a href="{{ route('admin.crm.settings.edit', ['tab' => 'templates', 'template' => $template->id]) }}" class="block rounded-lg px-3 py-2 {{ $activeTemplateId === $template->id ? 'bg-[#f0f5ff] text-[#2c6ecb]' : 'hover:bg-[#fafbfb]' }}">
                                    {{ $template->name }}
                                    <span class="block text-[11px] text-[#6d7175]">{{ $template->slug }} · {{ $template->status }}</span>
                                </a>
                            </li>
                        @endforeach
                    </ul>
                    <div class="mt-4 border-t border-[var(--color-admin-border)] pt-4">
                        <h3 class="text-xs font-semibold uppercase tracking-wide text-[#6d7175]">Merge fields</h3>
                        <ul class="mt-2 max-h-48 space-y-1 overflow-y-auto text-[11px] text-[#6d7175]">
                            @foreach($mergeFields as $field)
                                <li><code>{{ '{'.'{ '.$field['key'].' }'.'}' }}</code> — {{ $field['label'] }}</li>
                            @endforeach
                        </ul>
                    </div>
                </aside>

                <div class="space-y-5">
                    @php
                        $editing = $templates->firstWhere('id', $activeTemplateId) ?? $templates->first();
                        $latest = $editing?->versions?->sortByDesc('version')->first() ?? $editing?->latestVersion();
                    @endphp

                    @if($editing)
                        <section class="rounded-2xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)]">
                            <div class="mb-4 flex flex-wrap items-center justify-between gap-2">
                                <h2 class="text-sm font-semibold">Edit {{ $editing->name }}</h2>
                                <a href="{{ route('admin.crm.settings.templates.preview', $editing) }}" target="_blank" class="admin-btn">Preview HTML</a>
                            </div>
                            <form method="post" action="{{ route('admin.crm.settings.templates.update', $editing) }}" class="space-y-3">
                                @csrf @method('PUT')
                                <input type="hidden" name="save_version" value="1">
                                <div class="grid gap-3 md:grid-cols-2">
                                    <label class="text-sm"><span class="admin-label">Name</span><input class="admin-input" name="name" value="{{ $editing->name }}" required></label>
                                    <label class="text-sm"><span class="admin-label">Status</span>
                                        <select class="admin-input" name="status">
                                            @foreach(['draft','approved','archived'] as $status)
                                                <option value="{{ $status }}" @selected($editing->status === $status || ($editing->status === 'active' && $status === 'approved'))>{{ ucfirst($status) }}</option>
                                            @endforeach
                                        </select>
                                    </label>
                                    <label class="text-sm md:col-span-2"><span class="admin-label">Description</span><input class="admin-input" name="description" value="{{ $editing->description }}"></label>
                                    <label class="text-sm"><span class="admin-label">From name override</span><input class="admin-input" name="from_name" value="{{ $editing->from_name }}"></label>
                                    <label class="text-sm"><span class="admin-label">From email override</span><input class="admin-input" type="email" name="from_email" value="{{ $editing->from_email }}"></label>
                                    <label class="text-sm"><span class="admin-label">Reply-to override</span><input class="admin-input" type="email" name="reply_to" value="{{ $editing->reply_to }}"></label>
                                    <label class="text-sm"><span class="admin-label">Preheader</span><input class="admin-input" name="preheader" value="{{ $latest?->preheader }}"></label>
                                </div>
                                <label class="block text-sm"><span class="admin-label">Subject</span><input class="admin-input" name="subject" value="{{ $latest?->subject }}" required></label>
                                <label class="block text-sm"><span class="admin-label">HTML body</span>
                                    <textarea class="admin-input min-h-[16rem] font-mono text-xs" name="body_html" required>{{ $latest?->body_html }}</textarea>
                                </label>
                                <label class="block text-sm"><span class="admin-label">Custom CSS</span>
                                    <textarea class="admin-input min-h-[5rem] font-mono text-xs" name="custom_css">{{ $latest?->custom_css }}</textarea>
                                </label>
                                <button class="admin-btn admin-btn-primary" type="submit">Save new version</button>
                            </form>
                        </section>
                    @endif

                    <section class="rounded-2xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)]">
                        <h2 class="text-sm font-semibold">Create template</h2>
                        <form method="post" action="{{ route('admin.crm.settings.templates.store') }}" class="mt-4 space-y-3">
                            @csrf
                            <div class="grid gap-3 md:grid-cols-2">
                                <label class="text-sm"><span class="admin-label">Name</span><input class="admin-input" name="name" required></label>
                                <label class="text-sm"><span class="admin-label">Slug</span><input class="admin-input" name="slug" placeholder="auto-from-name"></label>
                                <label class="text-sm md:col-span-2"><span class="admin-label">Description</span><input class="admin-input" name="description"></label>
                                <label class="text-sm"><span class="admin-label">Status</span>
                                    <select class="admin-input" name="status"><option value="draft">Draft</option><option value="approved">Approved</option></select>
                                </label>
                                <label class="text-sm"><span class="admin-label">Category</span><input class="admin-input" name="category" value="crm"></label>
                            </div>
                            @php
                                $defaultTemplateBody = '<p>Hi {{ name }},</p><p>Thanks for reaching out to The Ring Authority.</p>';
                            @endphp
                            <label class="block text-sm"><span class="admin-label">Subject</span><input class="admin-input" name="subject" required placeholder="Thanks for your RFQ"></label>
                            <label class="block text-sm"><span class="admin-label">Preheader</span><input class="admin-input" name="preheader"></label>
                            <label class="block text-sm"><span class="admin-label">HTML body</span>
                                <textarea class="admin-input min-h-[12rem] font-mono text-xs" name="body_html" required>{{ $defaultTemplateBody }}</textarea>
                            </label>
                            <button class="admin-btn admin-btn-primary" type="submit">Create template</button>
                        </form>
                    </section>
                </div>
            </div>
        @endif

        @if($tab === 'delivery')
            <section class="overflow-hidden rounded-2xl border border-[var(--color-admin-border)] bg-white shadow-[var(--admin-shadow)]">
                <table class="min-w-full text-sm">
                    <thead class="bg-[#fafbfb] text-left text-xs uppercase tracking-wide text-[#6d7175]">
                        <tr>
                            <th class="px-4 py-3">To</th>
                            <th>Subject</th>
                            <th>Trigger</th>
                            <th>Status</th>
                            <th>When</th>
                        </tr>
                    </thead>
                    <tbody class="divide-y divide-[var(--color-admin-border)]">
                        @forelse($recentSends as $send)
                            @php
                                $sendTone = match ($send->status) {
                                    'sent' => 'success',
                                    'failed' => 'danger',
                                    default => 'muted',
                                };
                            @endphp
                            <tr>
                                <td class="px-4 py-3">{{ $send->to_email }}</td>
                                <td>{{ $send->subject }}</td>
                                <td class="text-xs text-[#6d7175]">{{ $send->trigger ?? '—' }}</td>
                                <td><x-admin.badge :tone="$sendTone">{{ $send->status }}</x-admin.badge></td>
                                <td class="text-xs text-[#6d7175]">{{ $send->sent_at?->diffForHumans() ?? $send->created_at?->diffForHumans() }}</td>
                            </tr>
                        @empty
                            <tr><td colspan="5" class="px-4 py-10 text-center text-[#6d7175]">No CRM emails queued yet.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </section>
        @endif
    </div>
</x-crm.shell>
@endsection