@extends('layouts.app')

@section('title', ($player->nickname ?? 'Jogador') . ' - Perfil - GIGAX ARENA')
@section('page_title', 'Perfil do jogador')

@section('content')
@php
    $avatar = $player->avatar_url ?? $player->avatar ?? null;
    $initial = mb_strtoupper(mb_substr(trim((string) ($player->nickname ?? 'J')), 0, 1));

    $crossfireSecondary = [];
    if (!empty($player->crossfire_secondary_accounts ?? null)) {
        $decodedSecondary = json_decode((string) $player->crossfire_secondary_accounts, true);
        if (is_array($decodedSecondary)) {
            $crossfireSecondary = array_values(array_filter(array_map('strval', $decodedSecondary)));
        }
    }

    $discordPublicName = trim((string) (($player->discord_nickname ?? null) ?: ($player->discord_username ?? null) ?: ''));
    $crossfirePrimary = trim((string) ($player->crossfire_nickname ?? ''));
@endphp

<div class="gx-user-profile">
    <section class="gx-profile-hero">
        <div class="gx-avatar">
            @if($avatar)<img src="{{ $avatar }}" alt="{{ $player->nickname }}">@else<span>{{ $initial }}</span>@endif
        </div>
        <div>
            <span class="gx-kicker">PERFIL PÚBLICO</span>
            <h1>{{ $player->nickname }}</h1>
            <p>{{ $publicConfig['bio'] ?: 'Este jogador ainda não adicionou uma biografia.' }}</p>
            <div class="gx-tags">
                <span>Nível {{ (int) ($player->skill_level ?? 1) }}</span>
                @if(!empty($player->is_professional))
                    <span class="gx-pro-badge" title="Jogador Profissional verificado pela GIGAX ARENA">★ JOGADOR PROFISSIONAL</span>
                @endif
                @if($player->league_tag)<span>{{ $player->league_tag }}</span>@endif
                <span>Membro desde {{ \Carbon\Carbon::parse($player->created_at)->format('m/Y') }}</span>
            </div>
        </div>
        <div class="gx-actions">
            @if($isOwner)<a href="{{ route('dashboard') }}#editar-perfil">EDITAR MEU PERFIL</a>@endif
            <a href="{{ route('players.index') }}">VOLTAR</a>
        </div>
    </section>

    <section class="gx-stats">
        <article><small>PARTIDAS</small><strong>{{ number_format((int) $player->matches_played, 0, ',', '.') }}</strong></article>
        <article><small>VITÓRIAS</small><strong>{{ number_format((int) ($player->ranking_wins ?? $player->wins ?? 0), 0, ',', '.') }}</strong></article>
        <article><small>TAXA</small><strong>{{ number_format((float) $player->win_rate, 1, ',', '.') }}%</strong></article>
        <article><small>K/D</small><strong>{{ number_format((float) ($player->kd_ratio ?? 0), 2, ',', '.') }}</strong></article>
        <article><small>PONTOS</small><strong>{{ number_format((int) ($player->total_points ?? 0), 0, ',', '.') }}</strong></article>
        <article><small>MVPs</small><strong>{{ number_format((int) ($player->mvps ?? 0), 0, ',', '.') }}</strong></article>
    </section>

    <section class="gx-columns">
        <div class="gx-panel">
            <div class="gx-head"><span class="gx-kicker">CONFIGURAÇÕES</span><h2>Setup público</h2></div>
            <div class="gx-config">
                @foreach([
                    'Mouse' => $publicConfig['mouse'],
                    'DPI' => $publicConfig['dpi'],
                    'Sensibilidade' => $publicConfig['sensitivity'],
                    'Polling rate' => $publicConfig['polling_rate'] ?? '',
                    'Mousepad' => $publicConfig['mousepad'] ?? '',
                    'Resolução' => $publicConfig['resolution'],
                    'Monitor' => $publicConfig['monitor'],
                    'Teclado' => $publicConfig['keyboard'],
                    'Headset' => $publicConfig['headset'],
                    'Mira' => $publicConfig['crosshair'],
                ] as $label => $value)
                    <article><small>{{ $label }}</small><strong>{{ $value ?: 'Não informado' }}</strong></article>
                @endforeach
            </div>
        </div>

        <div class="gx-panel">
            <div class="gx-head"><span class="gx-kicker">VALIDAÇÕES</span><h2>Conta competitiva</h2></div>
            <div class="gx-verify">
                <article>
                    <span>Discord</span>
                    <strong>
                        {{ ($player->discord_verification_status ?? '') === 'verified'
                            ? ($discordPublicName !== '' ? $discordPublicName : 'Validado')
                            : 'Pendente' }}
                    </strong>
                </article>

                <article style="grid-column:span 2">
                    <span>CrossFire</span>
                    @if(($player->crossfire_verification_status ?? '') === 'verified' && $crossfirePrimary !== '')
                        <strong style="display:block;color:var(--green);margin-top:4px">{{ $crossfirePrimary }}</strong>

                        @if(!empty($crossfireSecondary))
                            <div style="display:flex;flex-wrap:wrap;gap:5px;margin-top:7px">
                                @foreach($crossfireSecondary as $index => $cfNickname)
                                    <span style="display:inline-flex;padding:4px 7px;border-radius:999px;background:rgba(36,245,111,.07);border:1px solid rgba(36,245,111,.16);color:#bff5d0;font-size:8px;font-weight:900">
                                        SEC {{ $index + 1 }} · {{ $cfNickname }}
                                    </span>
                                @endforeach
                            </div>
                        @endif
                    @else
                        <strong>Pendente</strong>
                    @endif
                </article>

                <article>
                    <span>TeamSpeak 3</span>
                    <strong>{{ ($player->ts3_verification_status ?? '') === 'verified' ? (($player->ts3_last_nickname ?? '') ?: 'Validado') : 'Pendente' }}</strong>
                </article>
            </div>
            <div class="gx-teams">
                <h3>Times</h3>
                @forelse($teams as $team)
                    <a href="{{ route('teams.show', $team->id) }}"><strong>[{{ $team->tag }}] {{ $team->name }}</strong><small>{{ strtoupper($team->role) }}</small></a>
                @empty
                    <p>Nenhum time ativo.</p>
                @endforelse
            </div>
        </div>
    </section>

    <section class="gx-panel">
        <div class="gx-head"><span class="gx-kicker">HISTÓRICO</span><h2>Partidas recentes</h2></div>
        <div class="gx-table-wrap">
            <table>
                <thead><tr><th>Data</th><th>Mapa</th><th>Resultado</th><th>K</th><th>D</th><th>A</th><th>Rating</th></tr></thead>
                <tbody>
                @forelse($recentMatches as $match)
                    <tr>
                        <td>{{ $match->completed_at ? \Carbon\Carbon::parse($match->completed_at)->format('d/m/Y H:i') : '-' }}</td>
                        <td>{{ $match->map_played ?? '-' }}</td>
                        <td class="{{ $match->result === 'win' ? 'gx-win' : 'gx-loss' }}">{{ $match->result === 'win' ? 'VITÓRIA' : 'DERROTA' }}</td>
                        <td>{{ $match->kills ?? 0 }}</td><td>{{ $match->deaths ?? 0 }}</td><td>{{ $match->assists ?? 0 }}</td>
                        <td>{{ number_format((float) ($match->rating ?? 0), 2, ',', '.') }}</td>
                    </tr>
                @empty
                    <tr><td colspan="7">Nenhuma partida registrada.</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
    </section>

    @if($isAdmin && $adminData)
        <section class="gx-panel gx-admin">
            <div class="gx-admin-title">
                <div><span class="gx-kicker">SOMENTE ADMINISTRADOR</span><h2>Inspeção completa do Anti-Cheat</h2></div>
                <b>DADOS SENSÍVEIS</b>
            </div>

            <div class="gx-admin-stats">
                <article><small>AC</small><strong>{{ !empty($adminData['status']->ac_online) ? 'ONLINE' : 'OFFLINE' }}</strong></article>
                <article><small>RISCO</small><strong>{{ $adminData['status']->risk_score ?? 0 }}</strong></article>
                <article><small>INCIDENTES</small><strong>{{ $adminData['incidents']->count() }}</strong></article>
            <article><small>EVIDÊNCIAS</small><strong>{{ $adminData['evidences']->count() }}</strong></article>
            </div>

            <details open>
                <summary>Status técnico</summary>
                <div class="gx-tech">
                    <article><small>HWID</small><strong>{{ $adminData['status']->hwid ?? '-' }}</strong></article>
                    <article><small>Machine ID</small><strong>{{ $adminData['status']->machine_id ?? '-' }}</strong></article>
                    <article><small>Máquina</small><strong>{{ $adminData['status']->machine_name ?? '-' }}</strong></article>
                    <article><small>IP</small><strong>{{ $adminData['status']->ip_address ?? '-' }}</strong></article>
                    <article><small>Heartbeat</small><strong>{{ $adminData['status']->heartbeat_at ?? $adminData['status']->last_seen_at ?? '-' }}</strong></article>
                    <article><small>Conexão</small><strong>{{ strtoupper($adminData['status']->connection_status ?? $adminData['status']->status ?? '-') }}</strong></article>
                </div>
            </details>

            <details open>
                <summary>Capturas e evidências</summary>
                <div class="gx-evidences">
                    @forelse($adminData['evidences'] as $evidence)
                        <article>
                            @if($evidence->evidence_url)
                                <a href="{{ $evidence->evidence_url }}" target="_blank" rel="noopener"><img src="{{ $evidence->evidence_url }}" alt="Evidência {{ $evidence->id }}" loading="lazy"></a>
                            @else
                                <div class="gx-no-image">SEM IMAGEM ENVIADA</div>
                            @endif
                            <div>
                                <strong>{{ strtoupper($evidence->macro_type ?? $evidence->event_type ?? 'EVIDÊNCIA') }}</strong>
                                <small>Risco {{ $evidence->risk_score ?? 0 }} • {{ $evidence->detected_at ?? $evidence->created_at }}</small>
                                <small>Processo: {{ $evidence->process_name ?: '-' }}</small>
                                <small>Integridade: {{ strtoupper($evidence->integrity_status ?: '-') }}</small>
                                <small>Site: {{ $evidence->sent_to_site ? 'SIM' : 'NÃO' }} • Discord: {{ $evidence->sent_to_discord ? 'SIM' : 'NÃO' }}</small>
                            </div>
                        </article>
                    @empty
                        <p>Nenhuma evidência registrada.</p>
                    @endforelse
                </div>
            </details>

            <details>
                <summary>Incidentes</summary>
                <div class="gx-table-wrap">
                    <table>
                        <thead><tr><th>Data</th><th>Partida</th><th>Evento</th><th>Severidade</th><th>Status</th><th>Risco</th></tr></thead>
                        <tbody>
                        @forelse($adminData['incidents'] as $incident)
                            <tr>
                                <td>{{ $incident->detected_at ?? '-' }}</td>
                                <td>{{ $incident->training_match_id ?? '-' }}</td>
                                <td>{{ $incident->event_type ?? '-' }}</td>
                                <td>{{ strtoupper($incident->severity ?? '-') }}</td>
                                <td>{{ strtoupper($incident->status ?? '-') }}</td>
                                <td>{{ $incident->risk_current ?? 0 }} / {{ $incident->risk_peak ?? 0 }}</td>
                            </tr>
                        @empty
                            <tr><td colspan="6">Nenhum incidente registrado.</td></tr>
                        @endforelse
                        </tbody>
                    </table>
                </div>
            </details>

            <details>
                <summary>Dispositivos e sessões</summary>
                <div class="gx-tech">
                    @foreach($adminData['arenaDevices'] as $device)
                        <article><small>{{ $device->computer_name ?: 'Dispositivo' }}</small><strong>{{ $device->device_uuid }}</strong><em>{{ $device->os_version }} • {{ $device->client_version }} • {{ $device->is_online ? 'ONLINE' : 'OFFLINE' }}</em></article>
                    @endforeach
                    @foreach($adminData['sessions'] as $session)
                        <article><small>Sessão #{{ $session->id }}</small><strong>Device {{ $session->device_id }}</strong><em>{{ $session->is_online ? 'ONLINE' : 'OFFLINE' }} • {{ $session->last_heartbeat }}</em></article>
                    @endforeach
                </div>
            </details>
        </section>
    @endif
</div>


{{-- GIGAX_PROFILE_ACTIONS_CLEAN_V1 --}}
@php
    $gxViewerId = (int) (session('user_id') ?? auth()->id() ?? 0);
    $gxTargetId = (int) ($player->id ?? 0);
@endphp

@if($gxTargetId > 0 && $gxViewerId > 0 && $gxViewerId !== $gxTargetId)
<div class="gx-profile-clean-actions">
    <a href="{{ url('/amigos/chat/' . $gxTargetId) }}" class="gx-profile-clean-btn gx-profile-clean-chat">
        💬 CONVERSAR
    </a>

    <button type="button"
            class="gx-profile-clean-btn gx-profile-clean-invite"
            onclick="gxInvitePlayerEvent({{ $gxTargetId }})">
        🎮 CONVIDAR PARA JOGAR
    </button>
</div>

<form id="gxProfileInviteForm"
      method="POST"
      action=""
      style="display:none;">
    @csrf
    <input type="hidden" name="event_name" id="gxProfileInviteEventName">
</form>

<style>
.gx-profile-clean-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin:10px 0 14px;
}
.gx-profile-clean-btn{
    width:100%;
    min-height:38px;
    padding:9px 12px;
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size:9px;
    font-weight:900;
    cursor:pointer;
}
.gx-profile-clean-chat{
    color:#dbeafe;
    background:rgba(59,130,246,.10);
    border:1px solid rgba(96,165,250,.30);
}
.gx-profile-clean-invite{
    color:#d1fae5;
    background:rgba(34,197,94,.10);
    border:1px solid rgba(34,197,94,.30);
}
.gx-profile-clean-btn:hover{filter:brightness(1.12)}
@media(max-width:650px){
    .gx-profile-clean-actions{grid-template-columns:1fr}
}
</style>

<script>
function gxInvitePlayerEvent(playerId) {
    const eventName = window.prompt(
        'Qual evento/partida deseja convidar este jogador?',
        'Jogar agora'
    );

    if (eventName === null) return;

    const clean = eventName.trim();
    if (!clean) return;

    const form = document.getElementById('gxProfileInviteForm');
    const input = document.getElementById('gxProfileInviteEventName');

    if (!form || !input) return;

    input.value = clean;
    form.action = '/players/' + playerId + '/convidar-evento';
    form.submit();
}
</script>
@endif
{{-- /GIGAX_PROFILE_ACTIONS_CLEAN_V1 --}}

@endsection

@push('styles')
<style>
.gx-user-profile,.gx-user-profile *{box-sizing:border-box}.gx-user-profile{max-width:1560px;margin:0 auto;display:grid;gap:14px}
.gx-profile-hero,.gx-panel,.gx-stats article{border:1px solid rgba(145,187,219,.15);background:linear-gradient(180deg,rgba(12,29,43,.97),rgba(5,15,24,.99))}
.gx-profile-hero{display:grid;grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:18px;padding:20px;border-radius:13px}.gx-avatar{width:90px;height:90px;border-radius:18px;overflow:hidden;border:2px solid rgba(36,245,111,.35);background:rgba(36,245,111,.08)}.gx-avatar img{width:100%;height:100%;object-fit:cover}.gx-avatar span{width:100%;height:100%;display:grid;place-items:center;color:var(--green);font-size:36px;font-weight:1000}
.gx-pro-badge{display:inline-flex!important;align-items:center;padding:5px 9px!important;border-radius:999px!important;background:rgba(246,197,109,.12)!important;border:1px solid rgba(246,197,109,.48)!important;color:#ffe3a3!important;font-size:8px!important;font-weight:1000!important}.gx-kicker{display:block;margin-bottom:5px;color:#8ca4b7;font-size:9px;font-weight:1000;letter-spacing:.14em}.gx-profile-hero h1{margin:0;color:#fff;font-size:32px}.gx-profile-hero p{max-width:760px;margin:7px 0;color:#8297a9;font-size:11px}.gx-tags{display:flex;flex-wrap:wrap;gap:6px}.gx-tags span{padding:5px 7px;border-radius:6px;color:#c8ecd4;background:rgba(36,245,111,.07);font-size:8px;font-weight:900}.gx-actions{display:grid;gap:7px}.gx-actions a{padding:8px 10px;border:1px solid rgba(36,245,111,.25);border-radius:7px;color:var(--green);font-size:8px;font-weight:1000;text-align:center}
.gx-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.gx-stats article{padding:13px;border-radius:9px}.gx-stats small,.gx-stats strong{display:block}.gx-stats small{color:#8398aa;font-size:8px;font-weight:1000}.gx-stats strong{margin-top:4px;color:#fff;font-size:21px}
.gx-columns{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.gx-panel{padding:16px;border-radius:11px}.gx-head h2,.gx-admin-title h2{margin:0;color:#f4faff;font-size:17px}.gx-config{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.gx-config article,.gx-tech article{padding:10px;border:1px solid rgba(145,187,219,.1);border-radius:8px;background:rgba(7,19,30,.65)}.gx-config small,.gx-config strong,.gx-tech small,.gx-tech strong,.gx-tech em{display:block}.gx-config small,.gx-tech small{color:#8095a7;font-size:8px}.gx-config strong,.gx-tech strong{margin-top:4px;color:#eef8ff;font-size:10px;word-break:break-word}.gx-tech em{margin-top:3px;color:#748b9e;font-size:8px;font-style:normal}
.gx-verify{display:grid;gap:7px}.gx-verify article{display:flex;justify-content:space-between;padding:9px;border-radius:7px;background:rgba(36,245,111,.06);color:#c8f6d6;font-size:9px}.gx-teams{margin-top:14px}.gx-teams h3{font-size:11px}.gx-teams a{display:flex;justify-content:space-between;margin-top:6px;padding:8px;border-radius:7px;background:rgba(255,255,255,.03);color:#dceaf4;font-size:9px}.gx-teams p{color:#8297a9;font-size:9px}
.gx-table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:700px}th,td{padding:9px;border-bottom:1px solid rgba(145,187,219,.09);text-align:left;font-size:9px}th{color:#8499aa}td{color:#dce8f1}.gx-win{color:var(--green)}.gx-loss{color:#ff6576}
.gx-admin{border-color:rgba(255,80,96,.34)}.gx-admin-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.gx-admin-title>b{padding:6px 8px;border-radius:6px;color:#ffc3ca;background:rgba(255,80,96,.12);font-size:8px}.gx-admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.gx-admin-stats article{padding:11px;border-radius:8px;background:rgba(255,255,255,.035)}.gx-admin-stats small,.gx-admin-stats strong{display:block}.gx-admin-stats small{color:#8ca1b2;font-size:8px}.gx-admin-stats strong{margin-top:3px;color:#fff;font-size:17px}
details{margin-top:9px;border:1px solid rgba(145,187,219,.11);border-radius:8px;background:rgba(4,13,22,.55)}summary{padding:11px;color:#f2f8fc;font-size:10px;font-weight:900;cursor:pointer}details>div{margin:0 11px 11px}.gx-tech{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gx-evidences{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gx-evidences>article{overflow:hidden;border:1px solid rgba(255,80,96,.18);border-radius:8px;background:#07131f}.gx-evidences img,.gx-no-image{width:100%;aspect-ratio:16/9;object-fit:cover}.gx-no-image{display:grid;place-items:center;color:#879aaa;background:#030a10;font-size:8px}.gx-evidences article>div{padding:9px}.gx-evidences strong,.gx-evidences small{display:block}.gx-evidences strong{color:#fff;font-size:9px}.gx-evidences small{margin-top:3px;color:#8296a7;font-size:8px}
@media(max-width:1050px){.gx-stats{grid-template-columns:repeat(3,1fr)}.gx-columns{grid-template-columns:1fr}.gx-config{grid-template-columns:repeat(2,1fr)}.gx-evidences{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.gx-profile-hero{grid-template-columns:1fr}.gx-stats,.gx-config,.gx-admin-stats,.gx-tech,.gx-evidences{grid-template-columns:1fr}}


/* GIGAX_PLAYER_VALIDATION_ALIGN_V1 */
.gx-verify{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:7px !important;
    width:100% !important;
}

.gx-verify > article{
    grid-column:1 / -1 !important;
    width:100% !important;
    min-width:0 !important;
    min-height:34px !important;
    margin:0 !important;
    padding:9px 10px !important;
    box-sizing:border-box !important;

    display:grid !important;
    grid-template-columns:minmax(100px,1fr) minmax(100px,auto) !important;
    align-items:center !important;
    column-gap:14px !important;

    border-radius:7px !important;
    background:rgba(36,245,111,.06) !important;
    color:#c8f6d6 !important;
}

.gx-verify > article > span:first-child{
    min-width:0 !important;
    justify-self:start !important;
    text-align:left !important;
}

.gx-verify > article > strong{
    margin:0 !important;
    min-width:0 !important;
    justify-self:end !important;
    text-align:right !important;
    color:var(--green) !important;
}

/* CrossFire pode ter contas secundarias: mantém tudo dentro da mesma linha/card. */
.gx-verify > article[style*="grid-column"]{
    grid-column:1 / -1 !important;
}

/* Elementos extras do CrossFire ocupam a largura toda, abaixo do título/status. */
.gx-verify > article > div{
    grid-column:1 / -1 !important;
    width:100% !important;
    box-sizing:border-box !important;
}

@media(max-width:650px){
    .gx-verify > article{
        grid-template-columns:minmax(80px,1fr) auto !important;
        column-gap:10px !important;
    }
}
/* /GIGAX_PLAYER_VALIDATION_ALIGN_V1 */
</style>
@endpush