@extends('layouts.admin')
@section('title', $ticket->subject)
@section('crumbs')<a href="{{ route('admin.tickets.index') }}">Support</a> / {{ $ticket->client->company }}@endsection
@section('content')
<div class="cols-main">
    <section class="panel">
        <div class="list">@foreach($ticket->messages as $m)
            <div class="li" @if($m->author_type === 'admin') style="background:#FAF8F3" @endif><span class="av">{{ mb_substr($m->author_name, 0, 1) }}</span><span class="stack" style="flex:1;gap:4px"><span class="small"><span class="b">{{ $m->author_name }}</span> <span class="muted">· {{ $m->created_at->format('j M, g:i a') }}</span></span><span style="white-space:pre-line">{{ $m->body }}</span></span></div>
        @endforeach</div>
        <form method="post" action="{{ route('admin.tickets.reply', $ticket) }}" class="panel-b stack" style="gap:12px;border-top:1px solid var(--line-2)">
            @csrf
            <textarea name="body" class="input" rows="4" placeholder="Write a reply. The client gets it by email/WhatsApp." required></textarea>
            <div class="row" style="gap:8px"><select name="status" class="input input-sm" style="width:auto"><option value="waiting">Reply and wait for client</option><option value="open">Reply, keep open</option><option value="closed">Reply and close</option></select><button class="btn btn-sm">Send reply</button></div>
        </form>
    </section>
    <aside class="panel panel-b stack" style="gap:12px">
        <dl class="kv" style="grid-template-columns:90px 1fr"><dt>Client</dt><dd>{{ $ticket->client->company }}</dd><dt>From</dt><dd>{{ $ticket->user?->name ?? '—' }}</dd><dt>Project</dt><dd>{{ $ticket->project?->name ?? '—' }}</dd><dt>Opened</dt><dd>{{ $ticket->created_at->format('j M Y') }}</dd><dt>Status</dt><dd><x-badge :status="$ticket->status" /></dd></dl>
        <form method="post" action="{{ route('admin.tickets.update', $ticket) }}" class="row" style="gap:8px">@csrf @method('PATCH')
            <select name="priority" class="input input-sm" style="width:auto">@foreach(['low', 'normal', 'urgent'] as $p)<option @selected($ticket->priority === $p)>{{ $p }}</option>@endforeach</select>
            <select name="status" class="input input-sm" style="width:auto">@foreach(['open', 'waiting', 'closed'] as $s)<option @selected($ticket->status === $s)>{{ $s }}</option>@endforeach</select>
            <button class="btn btn-xs btn-ghost">Update</button></form>
    </aside>
</div>
@endsection