@extends('layouts.admin')
@section('title', $ticket->ticket_number)

@section('content')
<div class="d-flex flex-wrap align-items-center gap-3 mb-3">
    <div class="me-auto">
        <h2 class="h5 mb-0">{{ $ticket->subject }} @include('partials.status', ['status' => $ticket->status_id])</h2>
        <div class="small text-muted-2">{{ $ticket->ticket_number }} · {{ $ticket->category?->label }} · {{ ucfirst($ticket->priority) }} priority · opened {{ ist($ticket->created_at) }}</div>
    </div>
    @include('partials.actions', ['actions' => $actions, 'route' => route('admin.tickets.status', $ticket), 'id' => 'tkt'])
</div>

<div class="row g-3">
    <div class="col-lg-8">
        <div class="card mb-3">
            <div class="card-body">
                <div class="d-flex gap-2 mb-2"><span class="jk-avatar">{{ strtoupper(mb_substr($ticket->user->displayName(), 0, 1)) }}</span>
                    <div><strong>{{ $ticket->user->displayName() }}</strong><div class="small text-muted-2">{{ ist($ticket->created_at) }}</div></div></div>
                <p class="mb-0" style="white-space:pre-line">{{ $ticket->description }}</p>
            </div>
        </div>

        @foreach ($ticket->messages->sortBy('id') as $m)
            @php $staff = $m->sender_user_id !== $ticket->user_id; @endphp
            <div class="card mb-3 {{ $m->is_internal_note ? 'border-warning' : ($staff ? 'border-success-subtle' : '') }}" @if ($m->is_internal_note) style="background:#fffbea" @endif>
                <div class="card-body">
                    <div class="d-flex justify-content-between mb-1">
                        <strong>{{ $m->sender?->displayName() ?? 'System' }} @if ($staff)<span class="badge text-bg-success">Jay Kisan</span>@endif
                            @if ($m->is_internal_note)<span class="badge text-bg-warning">Internal note</span>@endif</strong>
                        <span class="small text-muted-2">{{ ist($m->created_at) }}</span>
                    </div>
                    <div style="white-space:pre-line">{{ $m->body }}</div>
                    @if ($m->mediaFile)<a href="{{ \App\Services\MediaService::url($m->mediaFile) }}" target="_blank" class="small"><i class="bi bi-paperclip"></i> {{ $m->mediaFile->original_filename }}</a>@endif
                </div>
            </div>
        @endforeach

        @if (\App\Models\Status::find_($ticket->status_id)?->code !== 'closed')
            <form method="POST" action="{{ route('admin.tickets.reply', $ticket) }}" class="card">
                @csrf
                <div class="card-body">
                    <textarea name="body" class="form-control mb-2" rows="4" required placeholder="Write a reply to the user, or an internal note for the team"></textarea>
                    <div class="d-flex align-items-center gap-3">
                        <div class="form-check"><input class="form-check-input" type="checkbox" name="is_internal_note" value="1" id="note"><label class="form-check-label" for="note">Internal note (user does not see it)</label></div>
                        <button class="btn btn-primary ms-auto">Send</button>
                    </div>
                </div>
            </form>
        @endif
    </div>

    <div class="col-lg-4">
        <div class="card mb-3"><div class="card-header">Details</div><div class="card-body">
            <dl class="dl-grid small">
                <dt>User</dt><dd><a href="{{ route('admin.users.show', $ticket->user) }}">{{ $ticket->user->displayName() }}</a><br>{{ $ticket->user->fullPhone() }}</dd>
                <dt>About</dt><dd>@if ($related)@if ($related['url'])<a href="{{ $related['url'] }}">{{ $related['label'] }}</a>@else{{ $related['label'] }}@endif @else — @endif</dd>
                <dt>First response</dt><dd>{{ ist($ticket->first_response_at) }}</dd>
                <dt>Resolved</dt><dd>{{ ist($ticket->resolved_at) }}</dd>
            </dl>
            <form method="POST" action="{{ route('admin.tickets.assign', $ticket) }}" class="mt-3 d-flex gap-2">
                @csrf
                <select name="assigned_to_user_id" class="form-select form-select-sm"><option value="">Unassigned</option>
                    @foreach ($staff as $s)<option value="{{ $s->id }}" @selected($ticket->assigned_to_user_id === $s->id)>{{ $s->displayName() }}</option>@endforeach</select>
                <button class="btn btn-sm btn-outline-primary">Assign</button>
            </form>
        </div></div>
        @include('partials.history', ['history' => $history])
    </div>
</div>
@endsection