@extends('layout')

@section('content')
    <div class="page-head page-head--rich">@include('partials.context-back')<div class="t"><div class="detail-identity"><span class="ticket-id">#{{ $ticket->id }}</span><h1>{{ $ticket->subject }}</h1></div><p class="lead">{{ $ticket->system_name }} · {{ $ticket->requester_name ?: 'Visitante' }}</p></div><div class="actions"><span class="badge badge--{{ in_array($ticket->status, ['resolvido','fechado']) ? 'ok' : 'warn' }}">{{ label($ticket->status) }}</span></div></div>
    <div class="detail"><div class="stack"><div class="card"><div class="card-head"><h2>Solicitação</h2></div><div class="card-body"><p>{{ $ticket->description }}</p>@if($ticket->page_url)<p class="small muted" style="margin-top:12px">Origem: <a href="{{ $ticket->page_url }}" target="_blank" rel="noopener">{{ $ticket->page_title ?: $ticket->page_url }}</a></p>@endif</div></div><div class="card"><div class="card-head"><h2>Conversa</h2></div><div class="card-body"><div class="conversation-thread">@forelse($messages as $message)<div class="message message--{{ $message->role }}"><strong>{{ $message->role === 'user' ? 'Visitante' : 'Aurélio' }}</strong><div class="rich-content">{!! $message->role === 'assistant' ? \App\Services\AurelioRuntime::presentAnswer($message->content) : nl2br(e($message->content)) !!}</div></div>@empty<p class="muted">Nenhuma conversa vinculada.</p>@endforelse</div></div></div></div><div class="aside"><div class="card pad"><form method="post" action="{{ url('chamados/'.$ticket->id.'/status') }}">@csrf @method('PATCH')<div class="field"><label>Situação</label><select name="status">@foreach(\App\Models\AurelioTicket::STATUSES as $status)<option value="{{ $status }}" {{ $ticket->status === $status ? 'selected' : '' }}>{{ label($status) }}</option>@endforeach</select></div><div class="field"><label>Resolução</label>@include('partials.rich-editor', ['richEditorId' => 'ticket-resolution', 'richEditorName' => 'resolution', 'richEditorValue' => $ticket->resolution, 'richEditorMaxlength' => 4000, 'richEditorPlaceholder' => 'Registre a resolução para a equipe…'])</div><button class="btn btn--primary btn--block">Salvar chamado</button></form></div></div></div>
@endsection