@extends('layouts.app')

@section('title', 'تذكرة #' . $ticket->id)

@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-ticket-alt me-2"></i> تذكرة #{{ $ticket->id }}</h4>
        <a href="{{ route('admin.tickets') }}" class="btn btn-outline-secondary btn-sm"><i class="fas fa-arrow-right me-1"></i> رجوع</a>
    </div>

    <div class="row g-3">
        <div class="col-md-8">
            {{-- Ticket Info --}}
            <div class="card border-0 shadow-sm mb-3">
                <div class="card-header bg-white"><strong>{{ $ticket->subject }}</strong></div>
                <div class="card-body">
                    <p>{{ $ticket->description }}</p>
                    <hr>
                    <small class="text-muted">العميل: <strong>{{ $ticket->tenant_name }}</strong> — {{ \Carbon\Carbon::parse($ticket->created_at)->format('Y-m-d H:i') }}</small>
                </div>
            </div>

            {{-- Replies --}}
            @foreach($replies as $r)
            <div class="card border-0 shadow-sm mb-2 {{ $r->is_admin ? 'border-start border-primary border-3' : '' }}">
                <div class="card-body">
                    <div class="d-flex justify-content-between mb-2">
                        <strong>{{ $r->is_admin ? 'الدعم الفني' : 'العميل' }}</strong>
                        <small class="text-muted">{{ \Carbon\Carbon::parse($r->created_at)->diffForHumans() }}</small>
                    </div>
                    <p class="mb-0">{{ $r->message }}</p>
                </div>
            </div>
            @endforeach

            {{-- Reply Form --}}
            <div class="card border-0 shadow-sm mt-3">
                <div class="card-body">
                    <form action="{{ route('admin.ticket-reply', $ticket->id) }}" method="POST">
                        @csrf
                        <div class="mb-3">
                            <textarea name="message" class="form-control" rows="3" placeholder="اكتب ردك..." required></textarea>
                        </div>
                        <button type="submit" class="btn btn-primary"><i class="fas fa-reply me-1"></i> إرسال الرد</button>
                    </form>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card border-0 shadow-sm">
                <div class="card-header bg-white"><strong>إدارة التذكرة</strong></div>
                <div class="card-body">
                    <form action="{{ route('admin.ticket-update', $ticket->id) }}" method="POST">
                        @csrf
                        <div class="mb-3">
                            <label class="form-label">الحالة</label>
                            <select name="status" class="form-select">
                                <option value="open" {{ $ticket->status === 'open' ? 'selected' : '' }}>مفتوحة</option>
                                <option value="in_progress" {{ $ticket->status === 'in_progress' ? 'selected' : '' }}>قيد المعالجة</option>
                                <option value="waiting" {{ $ticket->status === 'waiting' ? 'selected' : '' }}>في الانتظار</option>
                                <option value="resolved" {{ $ticket->status === 'resolved' ? 'selected' : '' }}>محلولة</option>
                                <option value="closed" {{ $ticket->status === 'closed' ? 'selected' : '' }}>مغلقة</option>
                            </select>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">الأولوية</label>
                            <select name="priority" class="form-select">
                                <option value="low" {{ $ticket->priority === 'low' ? 'selected' : '' }}>منخفض</option>
                                <option value="medium" {{ $ticket->priority === 'medium' ? 'selected' : '' }}>متوسط</option>
                                <option value="high" {{ $ticket->priority === 'high' ? 'selected' : '' }}>مرتفع</option>
                                <option value="urgent" {{ $ticket->priority === 'urgent' ? 'selected' : '' }}>عاجل</option>
                            </select>
                        </div>
                        <button type="submit" class="btn btn-primary w-100"><i class="fas fa-save me-1"></i> حفظ</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection