@extends('layouts.app')
@section('title', $ticket->ticket_number)
@section('sidebar') @include('admin._sidebar') @endsection
@section('content')
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
    <div class="lg:col-span-2 space-y-4">
        <div class="bg-white rounded-xl border border-gray-200 p-5">
            <h1 class="text-lg font-bold mb-1">{{ $ticket->subject }}</h1>
            <p class="text-sm text-gray-500 mb-3">من {{ $ticket->user->name }} • {{ $ticket->created_at->diffForHumans() }}</p>
            <p class="text-gray-700 whitespace-pre-line">{{ $ticket->description }}</p>
        </div>
        @foreach($ticket->replies as $reply)
        <div class="rounded-xl p-4 border {{ $reply->is_internal_note ? 'bg-yellow-50 border-yellow-200' : 'bg-white border-gray-200' }}">
            <div class="flex items-center justify-between text-xs text-gray-500 mb-1">
                <span class="font-medium text-gray-700">{{ $reply->user->name }} @if($reply->is_internal_note) (ملاحظة داخلية) @endif</span>
                <span>{{ $reply->created_at->diffForHumans() }}</span>
            </div>
            <p class="text-sm text-gray-700 whitespace-pre-line">{{ $reply->body }}</p>
        </div>
        @endforeach
    </div>

    <div class="bg-white rounded-xl border border-gray-200 p-4 space-y-3 text-sm h-fit">
        <form method="POST" action="{{ route('admin.tickets.update', $ticket) }}" class="space-y-3">
            @csrf @method('PUT')
            <div>
                <label class="block text-xs text-gray-500 mb-1">القسم</label>
                <select name="department_id" class="w-full border border-gray-300 rounded-lg px-2 py-1.5">
                    @foreach(\App\Models\Department::all() as $dept)
                        <option value="{{ $dept->id }}" @selected($ticket->department_id == $dept->id)>{{ $dept->name_ar }}</option>
                    @endforeach
                </select>
            </div>
            <div>
                <label class="block text-xs text-gray-500 mb-1">المسؤول</label>
                <select name="assigned_to" class="w-full border border-gray-300 rounded-lg px-2 py-1.5">
                    <option value="">— بدون —</option>
                    @foreach(\App\Models\User::role('staff')->get() as $staff)
                        <option value="{{ $staff->id }}" @selected($ticket->assigned_to == $staff->id)>{{ $staff->name }}</option>
                    @endforeach
                </select>
            </div>
            <div>
                <label class="block text-xs text-gray-500 mb-1">الحالة</label>
                <select name="status" class="w-full border border-gray-300 rounded-lg px-2 py-1.5">
                    @foreach(['open'=>'مفتوحة','pending'=>'بانتظار الرد','answered'=>'تم الرد','reopened'=>'أُعيد فتحها','closed'=>'مغلقة'] as $val=>$label)
                        <option value="{{ $val }}" @selected($ticket->status === $val)>{{ $label }}</option>
                    @endforeach
                </select>
            </div>
            <div>
                <label class="block text-xs text-gray-500 mb-1">الأولوية</label>
                <select name="priority" class="w-full border border-gray-300 rounded-lg px-2 py-1.5">
                    @foreach(['low'=>'منخفضة','medium'=>'متوسطة','high'=>'عالية','urgent'=>'عاجلة'] as $val=>$label)
                        <option value="{{ $val }}" @selected($ticket->priority === $val)>{{ $label }}</option>
                    @endforeach
                </select>
            </div>
            <button class="w-full bg-indigo-600 text-white rounded-lg py-2">حفظ التغييرات</button>
        </form>
    </div>
</div>
@endsection