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

@push('styles')
<style>
.gx-admin-thread{max-width:1150px;display:grid;gap:12px}.gx-box{background:linear-gradient(180deg,rgba(17,31,45,.96),rgba(7,15,24,.98));border:1px solid var(--line);border-radius:10px;padding:14px}.gx-msg{padding:12px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.035);margin-top:8px}.gx-msg.admin{border-left:3px solid var(--green)}.gx-msg.player{border-left:3px solid var(--blue)}.gx-msg small{display:block;color:var(--mut);margin-bottom:5px}.gx-box textarea{width:100%;min-height:120px;background:#07131e;border:1px solid var(--line);color:#fff;border-radius:8px;padding:11px;margin:10px 0}
</style>
@endpush

@section('content')
<div class="gx-admin-thread">
    <div><a class="btn dark" href="{{ route('admin.support-tickets.index') }}">← Todos os chamados</a></div>
    <div class="gx-box">
        <div class="page-kicker">#GX-{{ str_pad((string)$ticket->id,5,'0',STR_PAD_LEFT) }}</div>
        <h2>{{ $ticket->subject }}</h2>
        <div class="muted">Jogador: {{ $ticket->nickname ?: $ticket->email ?: '#'.$ticket->user_id }} • {{ $ticket->category }} • {{ strtoupper($ticket->priority) }} • {{ strtoupper(str_replace('_',' ',$ticket->status)) }}</div>
    </div>

    <div class="gx-box">
        <strong>Conversa</strong>
        @forelse($replies as $r)
        <div class="gx-msg {{ $r->sender_role }}"><small>{{ $r->sender_role==='admin' ? 'ADMIN • '.($r->sender_name ?: '#'.$r->user_id) : 'JOGADOR • '.($r->sender_name ?: '#'.$r->user_id) }} — {{ \Carbon\Carbon::parse($r->created_at)->format('d/m/Y H:i') }}</small>{{ $r->message }}</div>
        @empty
        <div class="gx-msg player">{{ $ticket->message }}</div>
        @endforelse
    </div>

    @if($ticket->status !== 'resolvido')
    <form class="gx-box" method="POST" action="{{ route('admin.support-tickets.reply',$ticket->id) }}">
        @csrf
        <strong>Responder jogador</strong>
        <textarea name="message" required maxlength="5000" placeholder="Digite a resposta do suporte..."></textarea>
        <button class="btn" type="submit">Enviar resposta e notificar jogador</button>
    </form>

    <form method="POST" action="{{ route('admin.support-tickets.resolve',$ticket->id) }}">
        @csrf
        <button class="btn dark" type="submit">✓ Marcar como resolvido</button>
    </form>
    @endif
</div>
@endsection