@extends('layouts.panel', ['area' => 'admin'])
@section('title', 'تیکت #'.$ticket->id)
@section('content')
<div class="max-w-3xl space-y-3">
  <div class="card"><div class="font-bold">{{ $ticket->subject }}</div><div class="text-xs text-slate-500">{{ $ticket->user?->name }} ・ {{ $ticket->user?->email }} ・ {{ $ticket->statusLabel() }}</div></div>
  @foreach($ticket->messages as $m)
    <div class="flex {{ $m->is_admin ? 'justify-end' : 'justify-start' }}">
      <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 ? 'پشتیبانی' : $ticket->user?->name }} ・ {{ jd($m->created_at) }}</div><div class="whitespace-pre-line">{{ $m->body }}</div></div></div>
  @endforeach
  <form method="POST" action="{{ route('admin.tickets.reply', $ticket) }}" class="card space-y-3">@csrf
    <textarea name="body" rows="5" required class="inp" placeholder="پاسخ…"></textarea>
    <div class="flex items-center gap-4"><button class="btn-p">ارسال پاسخ</button><label class="flex items-center gap-2 text-sm"><input type="checkbox" name="close" value="1"> بستن تیکت پس از پاسخ</label></div>
  </form>
</div>
@endsection