@extends('layouts.admin', ['title' => $ticket->ticket_number.' | Admin'])

@php
    $statusLabels = ['open' => 'مفتوحة', 'pending_customer' => 'بانتظار العميل', 'resolved' => 'تم الحل'];
    $customer = $ticket->user;
    $customerName = $customer?->display_name ?: $customer?->name ?: 'عميل';
    $customerAvatar = $customer?->avatarSrc();
    $customerRank = $customer && ! $customer->isAdmin() ? $customer->rankMeta() : null;
    $assignedAdmin = $ticket->assignedAdmin;
@endphp

@section('content')
    <section class="ac-support-chat-page">
        <div class="ac-support-chat-head">
            <a class="secondary-button" href="{{ route('admin.support-tickets.index') }}">→ كل التذاكر</a>
            <div><span>{{ $ticket->ticket_number }}</span><h1>{{ $ticket->subject }}</h1></div>
            @if($customer)<a class="secondary-button info" href="{{ route('admin.customers.show', $customer) }}">ملف العميل</a>@endif
        </div>

        <div class="ac-support-chat-layout">
            <section class="ac-support-chat-thread">
                <header class="ac-support-chat-thread-head">
                    <span class="ac-support-chat-avatar">@if($customerAvatar)<img src="{{ $customerAvatar }}" alt="">@else{{ mb_strtoupper(mb_substr($customerName, 0, 1)) }}@endif</span>
                    <div><h2>{{ $customerName }} @if($customerRank)<i class="ac-rank-verify is-{{ $customerRank['class'] }}" title="{{ $customerRank['label'] }}">{{ $customerRank['icon'] }}</i>@endif</h2><p><i></i>{{ $ticket->messages->count() }} رسالة · آخر نشاط {{ $ticket->last_activity_at?->diffForHumans() ?? $ticket->updated_at?->diffForHumans() }}</p></div>
                    <span class="ac-badge status-{{ $ticket->status }}">{{ $statusLabels[$ticket->status] ?? $ticket->status }}</span>
                    @if($assignedAdmin && $ticket->status !== 'resolved')<span class="ac-badge blue">مع {{ $assignedAdmin->display_name ?: $assignedAdmin->name }}</span>@endif
                </header>

                <div class="ac-support-chat-messages">
                    <div class="ac-support-chat-day">المحادثة {{ $ticket->ticket_number }}</div>
                    @forelse($ticket->messages as $message)
                        @php
                            $isAdminMessage = $message->sender_type === 'admin';
                            $senderName = $isAdminMessage ? ($message->sender?->display_name ?: $message->sender?->name ?: 'فريق الدعم') : $customerName;
                            $senderAvatar = $message->sender?->avatarSrc();
                        @endphp
                        <article @class(['ac-support-chat-message', 'is-admin' => $isAdminMessage, 'is-customer' => ! $isAdminMessage])>
                            @if(! $isAdminMessage)<span class="ac-support-chat-message-avatar">@if($senderAvatar)<img src="{{ $senderAvatar }}" alt="">@else{{ mb_strtoupper(mb_substr($senderName, 0, 1)) }}@endif</span>@endif
                            <div class="ac-support-chat-bubble">
                                @if(! $isAdminMessage)<strong>{{ $senderName }}</strong>@endif
                                <p>{{ $message->body }}</p>
                                <time>{{ $message->created_at->format('h:i A') }} @if($isAdminMessage)<i title="تم الإرسال">✓✓</i>@endif</time>
                            </div>
                        </article>
                    @empty
                        <div class="ac-empty">لا توجد رسائل في هذه التذكرة بعد.</div>
                    @endforelse
                </div>

                <form method="POST" action="{{ route('admin.support-tickets.update', $ticket) }}" class="ac-support-chat-composer">
                    @csrf
                    @method('PATCH')
                    <select name="status" aria-label="حالة التذكرة">@foreach($statusLabels as $value => $label)<option value="{{ $value }}" @selected($ticket->status === $value)>{{ $label }}</option>@endforeach</select>
                    <textarea name="last_message" rows="1" maxlength="2000" placeholder="اكتب ردًا للعميل..." aria-label="رد جديد"></textarea>
                    <button class="primary-button" type="submit" aria-label="إرسال الرد"><svg viewBox="0 0 24 24" fill="none"><path d="m21 3-8.8 18-2.2-7.8L3 11 21 3Zm-10.9 10.2L15 8.7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg><span>إرسال</span></button>
                </form>
            </section>

            <aside class="ac-support-chat-info">
                <section><h2>بيانات العميل</h2><div class="ac-support-chat-customer"> <span class="ac-support-chat-avatar">@if($customerAvatar)<img src="{{ $customerAvatar }}" alt="">@else{{ mb_strtoupper(mb_substr($customerName, 0, 1)) }}@endif</span><div><strong>{{ $customerName }}</strong><small>{{ $customer?->email ?: 'بدون بريد' }}</small>@if($customerRank)<em>{{ $customerRank['label'] }}</em>@endif</div></div></section>
                <section><h2>ملخص التذكرة</h2><dl><div><dt>الحالة</dt><dd>{{ $statusLabels[$ticket->status] ?? $ticket->status }}</dd></div><div><dt>الأولوية</dt><dd>{{ $ticket->priority === 'high' ? 'عاجلة' : ($ticket->priority === 'low' ? 'منخفضة' : 'عادية') }}</dd></div><div><dt>الموظف المسؤول</dt><dd>{{ $assignedAdmin?->display_name ?: $assignedAdmin?->name ?: 'غير محدد' }}</dd></div><div><dt>تاريخ الفتح</dt><dd>{{ $ticket->created_at->format('Y/m/d') }}</dd></div></dl></section>
            </aside>
        </div>
    </section>
@endsection