@extends('layouts.admin', ['title' => 'تذاكر الدعم'])

@php
    $statusLabels = ['pending_customer' => 'بانتظار الرد', 'open' => 'مفتوحة', 'resolved' => 'تم الحل'];
    $priorityLabels = ['low' => 'منخفضة', 'normal' => 'عادية', 'high' => 'عاجلة'];
@endphp

@section('content')
    <section class="ac-section ac-tickets-cards-page">
        <div class="ac-panel">
            <div class="ac-panel-head"><div><h2>تذاكر الدعم الفني</h2><p>كروت صغيرة مرتبة حسب الأولوية وآخر نشاط، واضغط على التذكرة للرد والتحكم.</p></div></div>
            <div class="ac-status-strip support-strip">
                <a class="ac-status-chip amber {{ $status === 'pending_customer' ? 'active' : '' }}" href="{{ route('admin.support-tickets.index', ['status' => 'pending_customer']) }}"><span>بانتظار الرد</span><strong>{{ $summary['pending_customer'] }}</strong></a>
                <a class="ac-status-chip blue {{ $status === 'open' ? 'active' : '' }}" href="{{ route('admin.support-tickets.index', ['status' => 'open']) }}"><span>مفتوحة</span><strong>{{ $summary['open'] }}</strong></a>
                <a class="ac-status-chip green {{ $status === 'resolved' ? 'active' : '' }}" href="{{ route('admin.support-tickets.index', ['status' => 'resolved']) }}"><span>تم الحل</span><strong>{{ $summary['resolved'] }}</strong></a>
                <a class="ac-status-chip teal {{ $status === '' ? 'active' : '' }}" href="{{ route('admin.support-tickets.index') }}"><span>كل التذاكر</span><strong>{{ $summary['total'] }}</strong></a>
            </div>
        </div>

        <form class="ac-panel ac-filter" method="GET">
            <label class="form-field"><span>بحث برقم التذكرة</span><input name="q" value="{{ $query }}" placeholder="رقم التذكرة، الموضوع أو العميل"></label>
            <label class="form-field"><span>الحالة</span><select name="status"><option value="">كل الحالات</option>@foreach($statusLabels as $value => $label)<option value="{{ $value }}" @selected($status === $value)>{{ $label }}</option>@endforeach</select></label>
            <button class="ac-btn" type="submit">تصفية</button>
        </form>

        <div class="ac-panel ac-entity-cards-panel">
            <div class="ac-customer-table-head"><div><strong>{{ $tickets->total() }} تذكرة</strong><span>مرتبة حسب الاحتياج للدعم وآخر نشاط</span></div></div>
            <div class="ac-ticket-card-grid">
                @forelse($tickets as $ticket)
                    @php
                        $customer = $ticket->user;
                        $customerName = $customer?->display_name ?: $customer?->name ?: 'Guest';
                        $avatar = $customer?->avatarSrc();
                        $rank = $customer && ! $customer->isAdmin() ? $customer->rankMeta() : null;
                    @endphp
                    <article class="ac-ticket-mini-card priority-{{ $ticket->priority ?: 'normal' }}">
                        <a href="{{ route('admin.support-tickets.show', $ticket) }}" class="ac-ticket-card-link">
                            <span class="ac-ticket-card-top"><strong>{{ $ticket->ticket_number }}</strong><span class="ac-badge status-{{ $ticket->status }}">{{ $statusLabels[$ticket->status] ?? $ticket->status }}</span></span>
                            <h3>{{ $ticket->subject }}</h3>
                            <span class="ac-entity-customer">
                                <span class="ac-customer-avatar">@if($avatar)<img src="{{ $avatar }}" alt="">@else<span>{{ mb_strtoupper(mb_substr($customerName, 0, 1)) }}</span>@endif</span>
                                <span><b>{{ $customerName }}</b>@if($rank)<i class="ac-rank-verify is-{{ $rank['class'] }}" title="{{ $rank['label'] }}">{{ $rank['icon'] }}</i>@endif<small>{{ $customer?->email ?: 'بدون بريد' }}</small></span>
                            </span>
                            <span class="ac-ticket-card-meta"><span><small>الأولوية</small><b>{{ $priorityLabels[$ticket->priority ?: 'normal'] ?? $ticket->priority }}</b></span><span><small>الموظف</small><b>{{ $ticket->assignedAdmin?->display_name ?: $ticket->assignedAdmin?->name ?: 'متاحة' }}</b></span></span>
                            <span class="ac-entity-card-foot"><small>{{ $ticket->created_at->format('Y/m/d') }}</small><em>فتح التذكرة ←</em></span>
                        </a>
                    </article>
                @empty
                    <div class="ac-empty ac-entity-empty">لا توجد تذاكر مطابقة.</div>
                @endforelse
            </div>
            <div class="ac-entity-pagination">{{ $tickets->links() }}</div>
        </div>
    </section>
@endsection