@extends('layouts.panel', ['area' => 'user'])
@section('title', 'تیکت #'.$ticket->id)
@section('content')
<div class="max-w-3xl space-y-3">
  <div class="card flex items-center justify-between"><div><div class="font-bold">{{ $ticket->subject }}</div><div class="text-xs text-slate-500">{{ $ticket->statusLabel() }}</div></div>
    @if($ticket->status !== 'closed')<form method="POST" action="{{ route('user.tickets.close', $ticket) }}">@csrf<button class="btn-g">بستن تیکت</button></form>@endif</div>
  @foreach($ticket->messages as $m)
    <div class="flex {{ $m->is_admin ? 'justify-start' : 'justify-end' }}">
      <div class="max-w-[85%] rounded-2xl px-4 py-3 text-sm {{ $m->is_admin ? 'bg-indigo-50 dark:bg-slate-700' : 'bg-white dark:bg-slate-800 border border-slate-100 dark:border-slate-700' }}">
        <div class="text-[11px] text-slate-400 mb-1">{{ $m->is_admin ? 'پشتیبانی' : 'شما' }} ・ {{ jd($m->created_at) }}</div>
        <div class="whitespace-pre-line">{{ $m->body }}</div>
      </div>
    </div>
  @endforeach
  @if($ticket->status !== 'closed')
    <form method="POST" action="{{ route('user.tickets.reply', $ticket) }}" class="card space-y-3">@csrf
      <textarea name="body" rows="4" required class="inp" placeholder="پاسخ شما…"></textarea><button class="btn-p">ارسال پاسخ</button></form>
  @endif
</div>
@endsection