@extends('layout')

@section('content')
    @php($points = (int) $affiliate->points_total)
    <div class="page-head page-head--rich">
        @include('partials.context-back')
        <div class="t">
            <h1>{{ $affiliate->name }}</h1>
            <p class="lead"><code class="affiliate-code">{{ $affiliate->referral_code }}</code> · <span class="badge badge--{{ affiliate_status_tone($affiliate->status) }}">{{ affiliate_status_label($affiliate->status) }}</span></p>
        </div>
        <div class="actions"><a href="{{ url('afiliados/'.$affiliate->id.'/editar') }}" class="btn btn--ghost"><i class="ic">edit</i> Editar</a></div>
    </div>
    <div class="grid cols-2 affiliate-overview">
        <div class="stat"><div class="k"><i class="ic sm">groups</i> Clientes convertidos</div><div class="v">{{ $affiliate->convertedClientsCount() }}</div><div class="sub">conversões confirmadas no CRM</div></div>
        <div class="stat"><div class="k"><i class="ic sm">stars</i> Pontos disponíveis</div><div class="v affiliate-points">{{ $points }}</div><div class="sub">saldo calculado pelo histórico imutável</div></div>
    </div>
    <div class="detail affiliate-detail">
        <div class="stack">
            <div class="card pad affiliate-portal-admin-card">
                <div class="affiliate-portal-admin-card__head">
                    <div><h2>Área do afiliado</h2><p class="muted small">Acesso separado do painel interno; o convite expira em 60 minutos.</p></div>
                    @if ($affiliate->status !== 'ativo')
                        <span class="badge badge--bad">Acesso bloqueado</span>
                    @elseif ($affiliate->portalAccount?->activated_at && !$affiliate->portalAccount?->revoked_at)
                        <span class="badge badge--ok">Acesso ativado</span>
                    @elseif ($affiliate->portalAccount?->invite_token_hash && $affiliate->portalAccount?->invite_expires_at?->isFuture())
                        <span class="badge badge--warn">Aguardando ativação</span>
                    @elseif ($affiliate->portalAccount?->activated_at)
                        <span class="badge badge--warn">Acesso revogado</span>
                    @elseif ($affiliate->portalAccount)
                        <span class="badge badge--warn">Convite expirado ou inválido</span>
                    @else
                        <span class="badge">Sem acesso</span>
                    @endif
                </div>
                @if ($affiliate->status === 'ativo' && $affiliate->email)
                    <div class="affiliate-portal-admin-card__actions">
                        <form method="post" action="{{ url('afiliados/'.$affiliate->id.'/portal/convite') }}">
                            @csrf
                            <button class="btn btn--ghost" type="submit"><i class="ic">{{ $affiliate->portalAccount?->activated_at ? 'lock_reset' : 'mark_email_read' }}</i> {{ $affiliate->portalAccount?->activated_at ? 'Enviar link para redefinir acesso' : 'Enviar convite de acesso' }}</button>
                        </form>
                        <button class="btn btn--ghost" type="button" data-copy-affiliate-invite="{{ url('afiliados/'.$affiliate->id.'/portal/convite/copiar') }}"><i class="ic">content_copy</i> Copiar link de convite</button>
                    </div>
                @else
                    <p class="hint">Para liberar, deixe o afiliado ativo e cadastre um e-mail válido.</p>
                @endif
            </div>
            <div class="card pad-lg">
                <div class="card-head"><h2>Histórico de pontuação</h2><span class="muted small">cada lançamento permanece registrado</span></div>
                <div class="affiliate-history">
                    @if ($events->isEmpty())
                    <div class="empty"><i class="ic">history</i><p>Nenhum evento de pontuação.</p></div>
                    @else
                        @foreach ($events as $event)
                            <div class="affiliate-event">
                                <span class="affiliate-event-value {{ $event->points >= 0 ? 'points-positive' : 'points-negative' }}">{{ $event->points > 0 ? '+' : '' }}{{ $event->points }}</span>
                                <span class="tx">
                                    <strong>{{ $event->reason }}</strong>
                                    <span class="sub">{{ $event->lead ? 'Lead: '.$event->lead->name.' · ' : '' }}{{ datetime_br($event->created_at, 'd/m/Y H:i') }}@if ($event->createdBy) · por {{ $event->createdBy->name }}@endif</span>
                                </span>
                            </div>
                        @endforeach
                    @endif
                </div>
            </div>
        </div>
        <div class="aside">
            <div class="card pad">
                <div class="meta-list">
                    @if ($affiliate->email)<div class="m"><div class="l">E-mail</div><div class="val">{{ $affiliate->email }}</div></div>@endif
                    @if ($affiliate->company)<div class="m"><div class="l">Empresa</div><div class="val">{{ $affiliate->company }}</div></div>@endif
                    @if ($affiliate->phone)<div class="m"><div class="l">Telefone</div><div class="val">{{ $affiliate->phone }}</div></div>@endif
                    @if ($affiliate->client)<div class="m"><div class="l">Cliente de origem</div><div class="val"><a href="{{ url('clientes/'.$affiliate->client->id) }}">{{ $affiliate->client->name }}</a></div></div>@endif
                    <div class="m"><div class="l">Cadastro</div><div class="val">{{ datetime_br($affiliate->created_at, 'd/m/Y') }}</div></div>
                </div>
            </div>
            <div class="card pad">
                <h2>Ajuste manual</h2>
                <p class="muted small">Use somente para correções justificadas. O registro não é apagado.</p>
                <form method="post" action="{{ url('afiliados/'.$affiliate->id.'/pontuacao') }}" data-ajax>
                    @csrf
                    <div class="field"><label for="points">Pontos</label><input id="points" name="points" type="number" min="-10000" max="10000" required placeholder="Ex.: 1 ou -1"></div>
                    <div class="field"><label for="reason">Motivo</label><textarea id="reason" name="reason" maxlength="500" required></textarea></div>
                    <button class="btn btn--primary btn--block" type="submit">Registrar ajuste</button>
                </form>
            </div>
        </div>
    </div>
@endsection