@extends('layout')

@section('content')
    <div class="page-head">@include('partials.context-back')<div class="t"><h1>{{ $conversation->page_title ?: 'Conversa #'.$conversation->id }}</h1><p class="lead">{{ $conversation->installation_name }} · {{ $conversation->page_url }}</p></div></div>
    <div class="detail"><div class="stack"><div class="card"><div class="card-head"><h2>Histórico</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">Sem mensagens.</p>@endforelse</div></div></div></div><div class="aside"><div class="card pad"><div class="meta-list"><div class="m"><div class="l">Situação</div><div class="val">{{ label($conversation->status) }}</div></div><div class="m"><div class="l">Atualizada</div><div class="val">{{ datetime_br($conversation->updated_at, 'd/m/Y H:i') }}</div></div></div><a class="btn btn--ghost btn--block" style="margin-top:14px" href="{{ url('sistemas/'.$system->id.'/aurelio') }}">Central do Aurélio</a></div></div></div>
@endsection