@extends('layouts.app')

@section('title', 'تذاكر الدعم الفني')

@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h4 class="mb-0"><i class="fas fa-headset me-2"></i> تذاكر الدعم الفني</h4>
    </div>

    <div class="card border-0 shadow-sm mb-3">
        <div class="card-body">
            <form method="GET" class="row g-2">
                <div class="col-md-4">
                    <select name="status" class="form-select">
                        <option value="">كل الحالات</option>
                        <option value="open" {{ request('status') === 'open' ? 'selected' : '' }}>مفتوحة</option>
                        <option value="in_progress" {{ request('status') === 'in_progress' ? 'selected' : '' }}>قيد المعالجة</option>
                        <option value="waiting" {{ request('status') === 'waiting' ? 'selected' : '' }}>في الانتظار</option>
                        <option value="resolved" {{ request('status') === 'resolved' ? 'selected' : '' }}>محلولة</option>
                        <option value="closed" {{ request('status') === 'closed' ? 'selected' : '' }}>مغلقة</option>
                    </select>
                </div>
                <div class="col-md-4">
                    <select name="priority" class="form-select">
                        <option value="">كل الأولويات</option>
                        <option value="urgent" {{ request('priority') === 'urgent' ? 'selected' : '' }}>عاجل</option>
                        <option value="high" {{ request('priority') === 'high' ? 'selected' : '' }}>مرتفع</option>
                        <option value="medium" {{ request('priority') === 'medium' ? 'selected' : '' }}>متوسط</option>
                        <option value="low" {{ request('priority') === 'low' ? 'selected' : '' }}>منخفض</option>
                    </select>
                </div>
                <div class="col-md-4">
                    <button type="submit" class="btn btn-primary w-100"><i class="fas fa-filter me-1"></i> تصفية</button>
                </div>
            </form>
        </div>
    </div>

    <div class="card border-0 shadow-sm">
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-hover mb-0">
                    <thead style="background:#f8f9fa">
                        <tr>
                            <th>#</th>
                            <th>العميل</th>
                            <th>الموضوع</th>
                            <th>الأولوية</th>
                            <th>الحالة</th>
                            <th>التاريخ</th>
                            <th>إجراءات</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($tickets as $t)
                        <tr>
                            <td>{{ $t->id }}</td>
                            <td>{{ $t->tenant_name }}</td>
                            <td>{{ Str::limit($t->subject, 50) }}</td>
                            <td>
                                @php
                                $pColors = ['urgent'=>'danger','high'=>'warning','medium'=>'info','low'=>'secondary'];
                                $pLabels = ['urgent'=>'عاجل','high'=>'مرتفع','medium'=>'متوسط','low'=>'منخفض'];
                                @endphp
                                <span class="badge bg-{{ $pColors[$t->priority] ?? 'secondary' }}">{{ $pLabels[$t->priority] ?? $t->priority }}</span>
                            </td>
                            <td>
                                @php
                                $sColors = ['open'=>'primary','in_progress'=>'warning','waiting'=>'info','resolved'=>'success','closed'=>'secondary'];
                                $sLabels = ['open'=>'مفتوحة','in_progress'=>'قيد المعالجة','waiting'=>'في الانتظار','resolved'=>'محلولة','closed'=>'مغلقة'];
                                @endphp
                                <span class="badge bg-{{ $sColors[$t->status] ?? 'secondary' }}">{{ $sLabels[$t->status] ?? $t->status }}</span>
                            </td>
                            <td>{{ \Carbon\Carbon::parse($t->created_at)->diffForHumans() }}</td>
                            <td>
                                <a href="{{ route('admin.ticket-show', $t->id) }}" class="btn btn-sm btn-outline-primary">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </td>
                        </tr>
                        @empty
                        <tr><td colspan="7" class="text-center text-muted py-4">لا توجد تذاكر</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        @if($tickets->hasPages())
        <div class="card-footer bg-white">{{ $tickets->withQueryString()->links() }}</div>
        @endif
    </div>
</div>
@endsection