@php
    $barAccents = ['#185FA5', '#2D6A0F', '#8A5200'];
    $inviteQuotaWarn = ($stats['invite_quota_limit'] ?? 0) > 0
        && ($stats['invite_quota_used'] ?? 0) >= ($stats['invite_quota_limit'] ?? 0);
    $aiQuotaWarn = ($stats['ai_reply_quota_limit'] ?? 0) > 0
        && ($stats['ai_replies'] ?? 0) >= ($stats['ai_reply_quota_limit'] ?? 0);
@endphp

<div class="results-page px-4 py-8 sm:px-9 lg:px-9">
    <div class="page-title">Results</div>
    <div class="page-sub">{{ $stats['period_label'] ?? '' }}</div>

    {{-- Filter bar --}}
    <div class="filter-bar">
        <select wire:model.live="selectedBusinessId" class="biz-select">
            @foreach($businesses as $business)
                <option value="{{ $business->encoded_id }}">{{ $business->name }}</option>
            @endforeach
        </select>

        <div class="date-btns">
            @foreach([
                'today' => 'Today',
                'this_week' => 'This week',
                'this_month' => 'This month',
                'all_time' => 'All time',
            ] as $key => $label)
                <button type="button"
                        wire:click="setDateRange('{{ $key }}')"
                        class="date-btn {{ $dateRange === $key ? 'active' : '' }}">
                    {{ $label }}
                </button>
            @endforeach
        </div>

        @if($dateRange === 'custom')
            <div class="custom-dates">
                <input type="date" wire:model.live="dateFrom" aria-label="From date">
                <span class="text-[12px] text-[#706E67]">to</span>
                <input type="date" wire:model.live="dateTo" aria-label="To date">
            </div>
        @endif
    </div>

    {{-- Tiles --}}
    <div class="tiles">
        <div class="tile">
            <div class="tile-label">Invites</div>
            <div class="tile-val">{{ number_format($stats['sent']) }}</div>
            @if(($stats['invite_quota_limit'] ?? 0) > 0)
                <div class="tile-sub {{ $inviteQuotaWarn ? 'warn' : '' }}">
                    {{ number_format($stats['invite_quota_used'] ?? 0) }} / {{ number_format($stats['invite_quota_limit']) }} free
                </div>
            @endif
            @if(($stats['upcoming'] ?? 0) > 0)
                <div class="tile-upcoming">{{ number_format($stats['upcoming']) }} upcoming</div>
            @endif
        </div>

        <div class="tile">
            <div class="tile-label">Clicks</div>
            <div class="tile-val">{{ number_format($stats['clicked']) }}</div>
            <div class="tile-sub">{{ $stats['click_pct_of_invites'] }}% of invites</div>
        </div>

        <div class="tile">
            <div class="tile-label">Reviews</div>
            <div class="tile-val">{{ number_format($stats['reviews']) }}</div>
            <div class="tile-sub">{{ $stats['review_pct_of_clicks'] }}% of clicks</div>
        </div>

        <div class="tile">
            <div class="tile-label">AI replies</div>
            <div class="tile-val">{{ number_format($stats['ai_replies']) }}</div>
            @if(($stats['ai_reply_quota_limit'] ?? 0) > 0)
                <div class="tile-sub {{ $aiQuotaWarn ? 'warn' : '' }}">
                    {{ number_format($stats['ai_replies']) }} / {{ number_format($stats['ai_reply_quota_limit']) }} free
                </div>
            @endif
        </div>
    </div>

    {{-- Top questions --}}
    <div class="card">
        <div class="card-head">
            <div class="card-title">Top questions</div>
            @if($canOpenEmailPreview)
                <button type="button" wire:click="openEmailPreview" class="results-link-btn">
                    Review invite email
                </button>
            @else
                <span class="results-hint">Select a business to edit invite email</span>
            @endif
        </div>
        @if(count($stats['top_questions'] ?? []) > 0)
            <div class="q-grid">
                @foreach($stats['top_questions'] as $i => $question)
                    @php $accent = $barAccents[$i % count($barAccents)]; @endphp
                    <div class="q-item">
                        <div class="q-text">{{ $question['question'] }}</div>
                        <div class="q-bar-track">
                            <div class="q-bar-fill"
                                 style="width: {{ max($question['bar_pct'], 4) }}%; background: {{ $accent }};"></div>
                        </div>
                        <div class="q-stats">
                            <strong style="color: {{ $accent }};">{{ number_format($question['clicks']) }} clicks</strong>
                            · {{ number_format($question['reviews']) }} reviews
                        </div>
                    </div>
                @endforeach
            </div>
        @else
            <div class="empty-state">
                @if($canOpenEmailPreview)
                    Set up rotating invite questions in Review invite email.
                @else
                    Select a business to see question performance, or send invites to populate stats.
                @endif
            </div>
        @endif
    </div>

    {{-- Recent activity --}}
    <div class="card">
        <div class="card-head">
            <div class="card-title">Recent activity</div>
        </div>

        @if($activity && $activity->count() > 0)
            <table>
                <thead>
                    <tr>
                        @if($showBusiness)
                            <th style="width:18%;">Business</th>
                            <th style="width:28%;">Customer</th>
                        @else
                            <th style="width:36%;">Customer</th>
                        @endif
                        <th style="width:24%;">Appointment</th>
                        <th style="width:13%;" class="center">Sent</th>
                        <th style="width:13%;" class="center">Clicked</th>
                        <th style="width:14%;" class="center">Reviews</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($activity as $invite)
                        @php $row = $mapActivityRow($invite); @endphp
                        <tr wire:key="activity-{{ $row['id'] }}">
                            @if($showBusiness)
                                <td>
                                    <div class="cust-name">{{ $row['business_name'] }}</div>
                                </td>
                            @endif
                            <td>
                                <div class="cust-name">{{ $row['name'] }}</div>
                                <div class="cust-email">{{ $row['email'] }}</div>
                            </td>
                            <td>
                                <div class="appt-time">{{ $row['appointment'] }}</div>
                                @if($row['is_upcoming'])
                                    <span class="pill-upcoming">Upcoming</span>
                                @endif
                            </td>
                            <td class="center">
                                @if($row['is_upcoming'])
                                    <span class="dash">—</span>
                                @else
                                    @include('livewire.dashboard.partials.invite-stat-badge', ['value' => $row['sent_badge']])
                                @endif
                            </td>
                            <td class="center">
                                @if($row['is_upcoming'])
                                    <span class="dash">—</span>
                                @else
                                    @include('livewire.dashboard.partials.invite-stat-badge', ['value' => $row['click_badge']])
                                @endif
                            </td>
                            <td class="center">
                                @if($row['is_upcoming'])
                                    <span class="dash">—</span>
                                @else
                                    @include('livewire.dashboard.partials.invite-stat-badge', ['value' => $row['review_badge']])
                                @endif
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>

            {{ $activity->links() }}
        @else
            <div class="empty-state">No invite activity for this period yet.</div>
        @endif
    </div>

    @if($showEmailPreview && $canOpenEmailPreview && $selectedEncodedBusinessId)
        <livewire:business.invite-email-editor
            :encoded-id="$selectedEncodedBusinessId"
            :is-owner="$isBusinessOwner"
            :key="'invite-email-editor-'.$selectedEncodedBusinessId" />
    @endif
</div>