@extends('layouts.app')
@section('title','Conversation')
@section('content')
<a class="btn ghost sm" href="{{ route('admin.conversations.index') }}">← Retour</a>
<div class="h1" style="margin-top:12px">Conversation</div>
<div class="card">
  @foreach($conversation->messages as $m)
    <div style="margin-bottom:10px"><span class="badge {{ $m->role=='visitor'?'new':($m->was_answered?'handled':'sent') }}">{{ $m->role }}</span>
    <span style="font-size:.75rem;color:var(--muted)">{{ $m->created_at->format('H:i') }} @if($m->source) · {{ $m->source }}@endif</span>
    <div style="margin-top:3px">{{ $m->content }}</div></div>
  @endforeach
</div>
@endsection