@extends('affiliate-portal.layout')

@section('content')
    <div class="affiliate-portal-heading">
        <div><span class="affiliate-portal__eyebrow">Seu desempenho</span><h1>Olá, {{ $affiliate->name }}</h1><p>Compartilhe os links oficiais e acompanhe conversões confirmadas.</p></div>
        <span class="affiliate-code"><i class="ic sm">sell</i> {{ $affiliate->referral_code }}</span>
    </div>

    <section class="affiliate-portal-stats" aria-label="Resumo da indicação">
        <article class="card affiliate-portal-stat"><span><i class="ic">stars</i> Pontos</span><strong>{{ number_format($points, 0, ',', '.') }}</strong><small>1 ponto por cliente convertido</small></article>
        <article class="card affiliate-portal-stat"><span><i class="ic">task_alt</i> Clientes convertidos</span><strong>{{ number_format($convertedClients, 0, ',', '.') }}</strong><small>Conversões vinculadas ao seu código</small></article>
        <article class="card affiliate-portal-stat"><span><i class="ic">ads_click</i> Cliques nos links</span><strong>{{ number_format(collect($referralLinks)->sum('clicks'), 0, ',', '.') }}</strong><small>Saídas iniciadas por seus links oficiais</small></article>
        <article class="card affiliate-portal-stat"><span><i class="ic">trending_up</i> Cliques recentes</span><strong>{{ number_format(collect($referralLinks)->sum('clicks_30d'), 0, ',', '.') }}</strong><small>Últimos 30 dias</small></article>
    </section>

    <section class="card affiliate-portal-card">
        <div class="affiliate-portal-card__head"><div><h2>Desempenho por destino</h2><p>Cliques e resultados agregados das soluções indicadas.</p></div><i class="ic">monitoring</i></div>
        @php($systemLinks = collect($referralLinks)->where('kind', 'Sistema'))
        @if ($systemLinks->isEmpty())
            <div class="affiliate-portal-empty"><i class="ic">insights</i><span>Quando houver soluções públicas para divulgar, o desempenho aparecerá aqui.</span></div>
        @else
            <div class="affiliate-referral-performance">
                <div class="affiliate-referral-performance__head"><span>Solução</span><span>Cliques</span><span>Leads</span><span>Conversões</span></div>
                @foreach ($systemLinks as $link)
                    <div class="affiliate-referral-performance__row"><strong>{{ $link['label'] }}</strong><span>{{ number_format($link['clicks'], 0, ',', '.') }}</span><span>{{ number_format($link['leads'], 0, ',', '.') }}</span><span>{{ number_format($link['conversions'], 0, ',', '.') }}</span></div>
                @endforeach
            </div>
        @endif
        <p class="affiliate-portal-note"><i class="ic sm">info</i> Cliques contam as saídas pelo link do Omni. Leads e conversões dependem da equipe registrar a indicação e a solução no CRM; dados pessoais não são exibidos.</p>
    </section>

    <section class="card affiliate-portal-card">
        <div class="affiliate-portal-card__head"><div><h2>Links de divulgação</h2><p>Links oficiais com seu código de indicação. Compartilhe o destino adequado para cada oportunidade.</p></div><i class="ic">share</i></div>
        @if ($referralLinks === [])
            <div class="affiliate-portal-empty"><i class="ic">link_off</i><span>Nenhum destino público está disponível no momento.</span></div>
        @else
            <div class="affiliate-referral-list">
                @foreach ($referralLinks as $index => $link)
                    <article class="affiliate-referral-item">
                        <div class="affiliate-referral-item__copy"><span class="badge">{{ $link['kind'] }}</span><strong>{{ $link['label'] }}</strong><small>{{ number_format($link['clicks'], 0, ',', '.') }} clique(s) · {{ number_format($link['clicks_30d'], 0, ',', '.') }} nos últimos 30 dias</small></div>
                        <div class="affiliate-referral-item__url"><input id="affiliate-referral-{{ $index }}" type="text" value="{{ $link['tracking_url'] }}" readonly aria-label="Link de indicação: {{ $link['label'] }}"><button class="btn btn--ghost" type="button" data-copy-referral="affiliate-referral-{{ $index }}"><i class="ic">content_copy</i><span>Copiar</span></button><a class="icon-btn" href="{{ $link['tracking_url'] }}" target="_blank" rel="noopener noreferrer" aria-label="Abrir {{ $link['label'] }}"><i class="ic">open_in_new</i></a></div>
                    </article>
                @endforeach
            </div>
            <p class="affiliate-portal-note"><i class="ic sm">info</i> Para que a conversão gere seu ponto, a indicação deve estar vinculada ao lead no CRM antes da conversão em cliente.</p>
        @endif
    </section>

    <section class="card affiliate-portal-card">
        <div class="affiliate-portal-card__head"><div><h2>Histórico de pontos</h2><p>Movimentações do seu próprio cadastro, sem dados de clientes.</p></div><i class="ic">history</i></div>
        @if ($history->isEmpty())
            <div class="affiliate-portal-empty"><i class="ic">hourglass_empty</i><span>Suas movimentações aparecerão aqui.</span></div>
        @else
            <div class="affiliate-portal-history">
                @foreach ($history as $event)
                    <article class="affiliate-portal-history__row"><span class="affiliate-portal-history__icon"><i class="ic">{{ $event->points >= 0 ? 'add_circle' : 'remove_circle' }}</i></span><span class="affiliate-portal-history__label"><strong>{{ $event->public_label }}</strong><small>{{ datetime_br($event->created_at, 'd/m/Y H:i') }}</small></span><strong class="affiliate-portal-history__points {{ $event->points >= 0 ? 'is-positive' : 'is-negative' }}">{{ $event->points > 0 ? '+' : '' }}{{ $event->points }}</strong></article>
                @endforeach
            </div>
            @if ($history->hasPages())
                <nav class="affiliate-portal-pagination" aria-label="Paginação do histórico">
                    @if ($history->onFirstPage())<span aria-disabled="true">Anterior</span>@else<a href="{{ $history->previousPageUrl() }}">Anterior</a>@endif
                    <small>Página {{ $history->currentPage() }} de {{ $history->lastPage() }}</small>
                    @if ($history->hasMorePages())<a href="{{ $history->nextPageUrl() }}">Próxima</a>@else<span aria-disabled="true">Próxima</span>@endif
                </nav>
            @endif
        @endif
    </section>

    <script nonce="{{ $cspNonce }}">
        document.addEventListener('click', async (event) => {
            const button = event.target.closest('[data-copy-referral]');
            if (!button) return;
            const field = document.getElementById(button.dataset.copyReferral);
            if (!field) return;
            try {
                await navigator.clipboard.writeText(field.value);
            } catch {
                field.focus();
                field.select();
                document.execCommand('copy');
            }
            const label = button.querySelector('span');
            if (label) {
                label.textContent = 'Copiado';
                window.setTimeout(() => label.textContent = 'Copiar', 1600);
            }
        });
    </script>
@endsection