@extends('layouts.app')
@section('title','Chamados - Administração')
@section('page_title','Administração')

@php
$tickets=collect($tickets??[]);
$active=$tickets->whereIn('status',['aberto','em_andamento','aguardando_usuario'])->count();
@endphp

@push('styles')
<style>
.gx-admin-tk{display:grid;gap:12px}.gx-ahead{display:flex;justify-content:space-between;align-items:center}.gx-apanel{background:linear-gradient(180deg,rgba(17,31,45,.96),rgba(7,15,24,.98));border:1px solid var(--line);border-radius:10px;overflow:hidden}.gx-atable{width:100%;border-collapse:collapse}.gx-atable th,.gx-atable td{padding:12px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left;font-size:12px}.gx-atable th{font-size:10px;color:var(--mut)}.gx-new{display:inline-flex;padding:4px 7px;border-radius:999px;background:rgba(255,64,84,.12);color:#ff7a88;font-size:9px;font-weight:900}
</style>
@endpush

@section('content')
<div class="gx-admin-tk">
    <div class="gx-ahead"><div><div class="page-kicker">SUPORTE GIGAX</div><h2 style="margin:4px 0">Chamados dos jogadores</h2></div><div class="stat-card"><small>ATIVOS</small><strong>{{ $active }}</strong></div></div>
    <div class="gx-apanel">
        <table class="gx-atable">
            <thead><tr><th>#</th><th>Jogador</th><th>Assunto</th><th>Status</th><th>Prioridade</th><th>Atualizado</th><th></th></tr></thead>
            <tbody>
            @forelse($tickets as $t)
            <tr>
                <td><b>#GX-{{ str_pad((string)$t->id,5,'0',STR_PAD_LEFT) }}</b></td>
                <td>{{ $t->nickname ?: $t->email ?: '#'.$t->user_id }}</td>
                <td>{{ $t->subject }} @if($t->last_reply_by==='player' && $t->status!=='resolvido')<span class="gx-new">NOVO</span>@endif</td>
                <td>{{ strtoupper(str_replace('_',' ',$t->status)) }}</td>
                <td>{{ strtoupper($t->priority) }}</td>
                <td>{{ \Carbon\Carbon::parse($t->updated_at)->format('d/m H:i') }}</td>
                <td><a class="btn" href="{{ route('admin.support-tickets.show',$t->id) }}">Abrir</a></td>
            </tr>
            @empty
            <tr><td colspan="7" style="text-align:center;color:var(--mut);padding:40px">Nenhum chamado.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection